Sie sind auf Seite 1von 127

<!

DOCTYPE html>
<!-- saved from url=(0078)https://www.pdfpro.co/files/new?id=k3jj1m4i6758e2lx-cd
378a97&process_type=Edit -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charse
t=UTF-8">
<title>PDF Pro | PDF Editor</title>
<script src="./PDF Pro _ PDF Editor_files/rollbar.min.js.download" async=""></sc
ript><script id="facebook-jssdk" src="./PDF Pro _ PDF Editor_files/sdk.js.downlo
ad"></script><script async="" src="./PDF Pro _ PDF Editor_files/analytics.js.dow
nload"></script><script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(
){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createEleme
nt(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefo
re(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','g
a');
ga('create', 'UA-56107622-1', 'auto');
ga('send', 'pageview');
var popupShown = function() {
ga('send', 'pageview', '/exit_popup_shown');
}
</script>
<link href="./PDF Pro _ PDF Editor_files/application-a236f189767455021b7fb9b5273
a934b.css" media="all" rel="stylesheet">
<script src="./PDF Pro _ PDF Editor_files/application-67542ba421b842a5b4fd69d8fc
530197.js.download"></script>
<meta content="authenticity_token" name="csrf-param">
<meta content="SFQBOhEURAUTTJS1M4aHtOV1zGrz3/iQ1tajgtfpXbU=" name="csrf-token">
<meta content="initial-scale=1" name="viewport">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Looking for the complete PDF solution? Try our
online PDF editor and converter! PDF Pro allows you to create, edit and review
PDF files entirely online.">
<meta name="robots" content="noindex, nofollow">
<meta content="1599385910303421" name="fb-app-id">
<link href="https://www.pdfpro.co/assets/favicon-ae4bb93463e56e085918b4c9aced752
a.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<script data-cfasync="true" type="text/javascript">
// (function(f,b){
// var c;
// f.hj=f.hj||function(){(f.hj.q=f.hj.q||[]).push(arguments)};
// f._hjSettings={hjid:30135, hjsv:3};
// c=b.createElement("script");c.async=1;
// c.src="//static.hotjar.com/c/hotjar-30135.js?sv=3";
// b.getElementsByTagName("head")[0].appendChild(c);
// })(window,document);
</script>
<script type="text/javascript">
// (function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;b._i=[];b.init
=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[
1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}
}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.t
oString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)"
);return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};
i="disable time_event track track_pageview track_links track_forms register regi

ster_once alias unregister identify name_tag set_config people.set people.set_on


ce people.increment people.append people.union people.track_charge people.clear_
charges people.delete_user".split(" ");
// for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=e.cre
ateElement("script");a.type="text/javascript";a.async=!0;a.src="undefined"!==typ
eof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protoco
l&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.m
xpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.
min.js";f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f)}})(
document,window.mixpanel||[]);
// mixpanel.init("e3802ede3b80278b4e1b058432b9afa9");
</script>
<script type="text/javascript">
var _rollbarConfig = {
accessToken: "f2e3b32266a54890b2893d9de1ff6623",
captureUncaught: true,
payload: {
environment: "production"
}
};
!function(a,b){function c(b){this.shimId=++h,this.notifier=null,this.paren
tShim=b,this.logger=function(){},a.console&&void 0===a.console.shimId&&(this.log
ger=a.console.log)}function d(b,c,d){a._rollbarWrappedError&&(d[4]||(d[4]=a._rol
lbarWrappedError),d[5]||(d[5]=a._rollbarWrappedError._rollbarContext),a._rollbar
WrappedError=null),b.uncaughtError.apply(b,d),c&&c.apply(a,d)}function e(b){var
d=c;return g(function(){if(this.notifier)return this.notifier[b].apply(this.noti
fier,arguments);var c=this,e="scope"===b;e&&(c=new d(this));var f=Array.prototyp
e.slice.call(arguments,0),g={shim:c,method:b,args:f,ts:new Date};return a._rollb
arShimQueue.push(g),e?c:void 0})}function f(a,b){if(b.hasOwnProperty&&b.hasOwnPr
operty("addEventListener")){var c=b.addEventListener;b.addEventListener=function
(b,d,e){c.call(this,b,a.wrap(d),e)};var d=b.removeEventListener;b.removeEventLis
tener=function(a,b,c){d.call(this,a,b&&b._wrapped?b._wrapped:b,c)}}}function g(a
,b){return b=b||this.logger,function(){try{return a.apply(this,arguments)}catch(
c){b("Rollbar internal error:",c)}}}var h=0;c.init=function(a,b){var e=b.globalA
lias||"Rollbar";if("object"==typeof a[e])return a[e];a._rollbarShimQueue=[],a._r
ollbarWrappedError=null,b=b||{};var h=new c;return g(function(){if(h.configure(b
),b.captureUncaught){var c=a.onerror;a.onerror=function(){var a=Array.prototype.
slice.call(arguments,0);d(h,c,a)};var g,i,j="EventTarget,Window,Node,Application
Cache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HT
MLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaControl
ler,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,Tex
tTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpR
equestEventTarget,XMLHttpRequestUpload".split(",");for(g=0;g<j.length;++g)i=j[g]
,a[i]&&a[i].prototype&&f(h,a[i].prototype)}return a[e]=h,h},h.logger)()},c.proto
type.loadFull=function(a,b,c,d,e){var f=g(function(){var a=b.createElement("scri
pt"),e=b.getElementsByTagName("script")[0];a.src=d.rollbarJsUrl,a.async=!c,a.onl
oad=h,e.parentNode.insertBefore(a,e)},this.logger),h=g(function(){var b;if(void
0===a._rollbarPayloadQueue){var c,d,f,g;for(b=new Error("rollbar.js did not load
");c=a._rollbarShimQueue.shift();)for(f=c.args,g=0;g<f.length;++g)if(d=f[g],"fun
ction"==typeof d){d(b);break}}"function"==typeof e&&e(b)},this.logger);g(functio
n(){c?f():a.addEventListener?a.addEventListener("load",f,!1):a.attachEvent("onlo
ad",f)},this.logger)()},c.prototype.wrap=function(b,c){try{var d;if(d="function"
==typeof c?c:function(){return c||{}},"function"!=typeof b)return b;if(b._isWrap
)return b;if(!b._wrapped){b._wrapped=function(){try{return b.apply(this,argument
s)}catch(c){throw c._rollbarContext=d()||{},c._rollbarContext._wrappedSource=b.t
oString(),a._rollbarWrappedError=c,c}},b._wrapped._isWrap=!0;for(var e in b)b.ha
sOwnProperty(e)&&(b._wrapped[e]=b[e])}return b._wrapped}catch(f){return b}};for(
var i="log,debug,info,warn,warning,error,critical,global,configure,scope,uncaugh
tError".split(","),j=0;j<i.length;++j)c.prototype[i[j]]=e(i[j]);var k="//d37gvrv
c0wt4s1.cloudfront.net/js/v1.2/rollbar.min.js";_rollbarConfig.rollbarJsUrl=_roll

barConfig.rollbarJsUrl||k;var l=c.init(a,_rollbarConfig);l.loadFull(a,b,!1,_roll
barConfig)}(window,document);
</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="./PDF Pro _ PDF Editor_files/compatibility-fafaf8c7739b3ca47900b380
bba39c9c.js.download"></script>
<script src="./PDF Pro _ PDF Editor_files/pdf-b49523526d6c4acf651a68cc39680ad0.j
s.download"></script>
<script type="text/javascript">
PDFJS.workerSrc = "/assets/pdf_worker-6f4e21288b164c5b8039fa2229fd6dfe.js"
;
</script>
<style type="text/css">html,body,.container#edit-page{height:100%;}#pdf-block{ba
ckground:#C1C1C1;text-align:center;position:absolute;top:106px;left:0px;right:0p
x;bottom:0px;overflow:auto;border:none;}#pdf-block #pdf-wrapper{background:white
;overflow:visible;position:relative;display:inline-block;vertical-align:top;marg
in:10px auto}#pdf-block #pdf-wrapper #pdf-canvas{position:relative;margin:0;vert
ical-align:top;display:block;border:1px solid black;}#pdf-block #pdf-wrapper #pd
f-editor,#pdf-block #pdf-wrapper .pdf-editor,#pdf-block #pdf-wrapper #design-sur
face{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.editor-toolbar#vie
wer-toolbar{margin-bottom:0px;border-bottom-left-radius:0px;border-bottom-rightradius:0px;border-top:none;border-left:none;border-right:none;border-radius:0px;
border:none;border-bottom:none;text-align:center;display:none;}.editor-toolbar#v
iewer-toolbar.show-border-top{border-top:7px solid #d9d9d9;min-height:67px;}#nav
-btns .btn{background-color:#c1c1c1;}.btn-toolbar{font-size:0;margin-top:10px;ma
rgin-bottom:10px;}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolb
ar>.btn+.btn-group{margin-left:5px;}.btn-toolbar{background-color:#f7f7f9;}.btntoolbar a,.btn-toolbar span{font-size:14px;}.editor-toolbar span.lbl{margin-left
:10px;vertical-align:middle;font-size:14px;font-weight:bold;color:#999999}.edito
r-toolbar span.lbl:first-child{margin-left:0px}.colorpicker ul.swatches li.none
a.swatch span.lbl{vertical-align:top;margin-left:10px;display:inline-block;color
:black}.pbi-chevron-left:before{content:"\e63d"}.pbi-chevron-right:before{conten
t:"\e641"}.vertical-stretch-wrapper{position:absolute;top:130px;bottom:20px;left
:0px;right:0px}.centered-wrapper{position:relative;height:100%;margin-left:auto;
margin-right:auto;background-color:#ffffff;}.btn-group-vertical{display:inline-b
lock;*display:inline;*zoom:1}.btn-group-vertical>.btn{display:block;float:none;m
ax-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btngroup-vertical>.btn+.btn{margin-left:0;margin-top:-1px}.btn-group-vertical>.btn:
first-child{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;bor
der-radius:4px 4px 0 0}.btn-group-vertical>.btn:last-child{-webkit-border-radius
:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.btn-group
-vertical>.btn-large:first-child{-webkit-border-radius:6px 6px 0 0;-moz-border-r
adius:6px 6px 0 0;border-radius:6px 6px 0 0}.btn-group-vertical>.btn-large:lastchild{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-ra
dius:0 0 6px 6px}#main-editor-tools{width:160px;border-radius:6px}#main-editor-t
ools .btn-group-vertical .btn,#main-editor-tools .btn-full-vertical{width:160px;
text-align:left;padding-left:0px;font-size:14px;}#main-editor-tools .btn-group-v
ertical .btn i,#main-editor-tools .btn-group-vertical .btn .pseudo-icon,#main-ed
itor-tools .btn-full-vertical i,#main-editor-tools .btn-full-vertical .pseudo-ic
on{min-width:14px;display:inline-block}#main-editor-tools .btn-group-vertical .b
tn .divider,#main-editor-tools .btn-full-vertical .divider{display:inline-block;
width:1px;height:32px;background:#CCC;margin:-13px 10px -13px 10px}#main-editortools .btn-group-vertical .btn.active .divider,#main-editor-tools .btn-full-vert
ical.active .divider{background:#BBB}#main-editor-tools .btn-group-vertical .btn
.pbicon-wrapper,#main-editor-tools .btn-full-vertical .pbicon-wrapper{text-alig
n:center;border-right:solid 1px #CCC;height:30px;width:32px;padding-top:8px;padd

ing-bottom:6px}#main-editor-tools .btn-group-vertical .btn .pbicon-wrapper i,#ma


in-editor-tools .btn-group-vertical .btn .pbicon-wrapper .pseudo-icon,#main-edit
or-tools .btn-full-vertical .pbicon-wrapper i,#main-editor-tools .btn-full-verti
cal .pbicon-wrapper .pseudo-icon{display:inline-block;margin:auto}#main-editor-t
ools .btn-group-vertical .btn.active .pbicon-wrapper,#main-editor-tools .btn-ful
l-vertical.active .pbicon-wrapper{border-right:solid 1px #BBB}#main-editor-tools
span.section-label{display:block;margin:10px 6px;font-style:italic;color:#999}.
symbol-group{margin-left:0px;margin-bottom:-1px;display:inline-block;}.symbol-gr
oup .btn{border-radius:0px;width:40px;height:40px;border:none;background-color:#
C1C1C1;}.symbol-group .btn.upper-left{border-top-left-radius:4px}.symbol-group .
btn.upper-right{border-top-right-radius:4px}.symbol-group .btn.lower-left{border
-bottom-left-radius:4px}.symbol-group .btn.lower-right{border-bottom-right-radiu
s:4px}.symbol-group .btn i{display:inline-block;min-width:14px;font-size:14px}.s
ymbol-buttons{text-align:center}.symbol-buttons .btn-group .btn{font-size:16px;p
adding:3px 4px 2px 4px}.symbol-buttons .btn-group .btn i{min-width:28px;line-hei
ght:26px}.svg-buttons .btn-group .btn{width:40px;height:40px;border:none;padding
:4px 10px;background-color:#C1C1C1;}.svg-buttons .btn-group svg{margin:0;display
:block}.svg-buttons{text-align:center}#main-editor-tools .btn-signature{paddingleft:32px}#main-editor-tools .side-tool-buttons .btn{overflow:hidden;line-height
:22px;background-color:#C1C1C1;color:#333;}#main-editor-tools .side-tool-buttons
.tools-tab-btn{display:none;}#main-editor-tools .side-tool-buttons .active-tab{
background-color:#c1c1c1;}#main-editor-tools .side-tool-buttons .fa-caret-right{
color:#000000;}#main-editor-tools .side-tool-buttons .active-tab .fa-caret-right
{color:#ffffff;}#main-editor-tools .side-tool-buttons button.btn span.pbicon-wra
pper{}#main-editor-tools .side-tool-buttons .btn span.pbicon-wrapper i{font-size
:14px!important}#main-editor-tools .v-tools-section-header{display:block;vertica
l-align:middle;text-align:center;font-size:14px;font-weight:bold;color:#999999;m
argin-bottom:2px;padding:3px 7px;border-radius:6px}#main-editor-tools .v-tools-s
ection-wrapper{display:block;vertical-align:middle;text-align:center;font-size:1
4px;font-weight:bold;margin-top:0px;margin-bottom:0px;padding:3px 0 0px 0px;bord
er-radius:6px}.active-editor{overflow:visible}.active-editor .active-layer{posit
ion:absolute;left:0px;top:0px;width:100%;height:100%}.active-editor .active-elem
ent,.active-editor .transform-element{position:absolute;-webkit-box-sizing:borde
r-box;-moz-box-sizing:border-box;box-sizing:border-box}.active-editor .transform
-element{cursor:move}.active-editor .transform-element:hover{border:solid 1px #0
d83dd}.active-editor .symbol-element{line-height:1em}.active-editor #path-layer{
cursor:crosshair;cursor:url(/assets/pencil_cursor-8ada0310f6c5b3356aa7123facbc99
b7.png) 0 17,crosshair}.active-editor #transform-layer.text-mode{cursor:text}.ac
tive-editor #transform-layer.text-mode.selected-text-mode{cursor:default}.active
-editor #text-layer{cursor:text}.active-editor #text-layer p.text-element{border
:dashed black 1px}.active-editor p.text-element{position:absolute;display:inline
-block}.active-editor p.text-element,.active-editor div.text-transformer-text-el
ement{min-width:16px;min-height:1em;white-space:pre;font-size:1em;line-height:1e
m;letter-spacing:normal}.active-editor div.text-transformer-text-element{padding
:0}.active-editor #creation-layer{cursor:crosshair}.active-editor #creation-laye
r.ok-14{cursor:url(/assets/ok_14-5a7f42c2ce2f6a40e2e6a5654f3737ea.png) 0 0,cross
hair}.active-editor #creation-layer.ok-18{cursor:url(/assets/ok_18-b3314632f5d5a
b1367a670c9b31c83cd.png) 0 0,crosshair}.active-editor #creation-layer.ok-24{curs
or:url(/assets/ok_24-d04f2536351e2387f2a186ef961603df.png) 0 0,crosshair}.active
-editor #creation-layer.ok-32{cursor:url(/assets/ok_32-dca4ddf710a044bc453bb0430
d4f245c.png) 0 0,crosshair}.active-editor #creation-layer.ok-40{cursor:url(/asse
ts/ok_40-d9d3bf82c823e44b0bfd67c57bd3a8b9.png) 0 0,crosshair}.active-editor #cre
ation-layer.ok-48{cursor:url(/assets/ok_48-6784b8f63b824b6296f8f628f83d3436.png)
0 0,crosshair}.active-editor #creation-layer.ok-64{cursor:url(/assets/ok_64-b24
39a65601c7f62913df0502ab3e4c1.png) 0 0,crosshair}.active-editor #creation-layer.
ok-96{cursor:url(/assets/ok_96-4a04c81c6a3dee1f3cbecacc86859cea.png) 0 0,crossha
ir}.active-editor #creation-layer.remove-14{cursor:url(/assets/remove_14-1462bfe
46b4eda2f7352094ca04cb1d2.png) 1 -10,crosshair}.active-editor #creation-layer.re
move-18{cursor:url(/assets/remove_18-f405f6d006f3ebfae4bfc5e3c1910479.png) 1 -10
,crosshair}.active-editor #creation-layer.remove-24{cursor:url(/assets/remove_24

-ce6cdef6ac3f12a5426c4d8c0a804fae.png) 2 -10,crosshair}.active-editor #creationlayer.remove-32{cursor:url(/assets/remove_32-789ffa1f15e3fad73c6e382e3509430a.pn


g) 3 -10,crosshair}.active-editor #creation-layer.remove-40{cursor:url(/assets/r
emove_40-7d7bf8bd108a620ae46998bdb8fcb91e.png) 4 -10,crosshair}.active-editor #c
reation-layer.remove-48{cursor:url(/assets/remove_48-44ec04a9409f142be2778057830
fefe8.png) 5 -10,crosshair}.active-editor #creation-layer.remove-64{cursor:url(/
assets/remove_64-1e2e7f90daf5207bd7c8cbe8668e5263.png) 8 -15,crosshair}.active-e
ditor #creation-layer.remove-96{cursor:url(/assets/remove_96-409cd3d8d694f19a99c
9b89bc5f946c9.png) 9 -9,crosshair}.active-editor #creation-layer.arrow-left-14{c
ursor:url(/assets/arrow-left_14-2674cb01e6ecd39c5ff41dfd8a9e0986.png) 0 0,crossh
air}.active-editor #creation-layer.arrow-left-18{cursor:url(/assets/arrow-left_1
8-6ba1657c54fbebf668678b61506ede37.png) 0 0,crosshair}.active-editor #creation-l
ayer.arrow-left-24{cursor:url(/assets/arrow-left_24-461c716cb653005d513ca490afa6
38c1.png) 0 0,crosshair}.active-editor #creation-layer.arrow-left-32{cursor:url(
/assets/arrow-left_32-47a81b12d080a6218efdfbf1091c382e.png) 0 0,crosshair}.activ
e-editor #creation-layer.arrow-left-40{cursor:url(/assets/arrow-left_40-6f8d54ad
5167c98c5ea93c7b80067f41.png) 0 0,crosshair}.active-editor #creation-layer.arrow
-left-48{cursor:url(/assets/arrow-left_48-5255c5f72262102cbcccc071e3636fa8.png)
0 0,crosshair}.active-editor #creation-layer.arrow-left-64{cursor:url(/assets/ar
row-left_64-76c532876488a5ca8fa9e1e8e68fa3ba.png) 3 -5,crosshair}.active-editor
#creation-layer.arrow-left-96{cursor:url(/assets/arrow-left_96-8e575cbf9986c1b68
8294630ad7bee90.png) 5 -4,crosshair}.active-editor #creation-layer.arrow-right-1
4{cursor:url(/assets/arrow-right_14-c4db3a3b15059522b2c6543056ca3a44.png) 0 -2,c
rosshair}.active-editor #creation-layer.arrow-right-18{cursor:url(/assets/arrowright_18-6d6981c5741a8515e13b244914ec5404.png) 0 -2,crosshair}.active-editor #cr
eation-layer.arrow-right-24{cursor:url(/assets/arrow-right_24-f67a797df91afdd217
84deaabee2876a.png) 1 -4,crosshair}.active-editor #creation-layer.arrow-right-32
{cursor:url(/assets/arrow-right_32-219091ed043356f23cb634f4f0bde8f7.png) 1 -2,cr
osshair}.active-editor #creation-layer.arrow-right-40{cursor:url(/assets/arrow-r
ight_40-b06e588a68e81981de669f53493d93c6.png) 2 -3,crosshair}.active-editor #cre
ation-layer.arrow-right-48{cursor:url(/assets/arrow-right_48-81e11f22894ba44d568
78206d9ae8c4b.png) 3 -8,crosshair}.active-editor #creation-layer.arrow-right-64{
cursor:url(/assets/arrow-right_64-5e03f7d85e8e229d90a2f84e4b79b399.png) 4 -8,cro
sshair}.active-editor #creation-layer.arrow-right-96{cursor:url(/assets/arrow-ri
ght_96-11f40b2f351a93566a3143e76dc5d9d8.png) 8 -8,crosshair}.active-editor #crea
tion-layer.arrow-up-14{cursor:url(/assets/arrow-up_14-c945a1046886ad15ea24634408
378756.png) 0 0,crosshair}.active-editor #creation-layer.arrow-up-18{cursor:url(
/assets/arrow-up_18-9cd7eb5dafcc8abc1daf292cd13bfa17.png) 0 0,crosshair}.activeeditor #creation-layer.arrow-up-24{cursor:url(/assets/arrow-up_24-6d14691047ae45
e239623442067c048d.png) 0 0,crosshair}.active-editor #creation-layer.arrow-up-32
{cursor:url(/assets/arrow-up_32-c0432fe5e959e5ed4b6bed16321e49af.png) 0 0,crossh
air}.active-editor #creation-layer.arrow-up-40{cursor:url(/assets/arrow-up_40-cc
36a164b5d4b2dd4d5af3e664761f73.png) 1 0,crosshair}.active-editor #creation-layer
.arrow-up-48{cursor:url(/assets/arrow-up_48-ab4ffdf607245be85da193b85c9c8833.png
) 2 -1,crosshair}.active-editor #creation-layer.arrow-up-64{cursor:url(/assets/a
rrow-up_64-8400b4b4b8356bf5e02141a563774d60.png) 2 -1,crosshair}.active-editor #
creation-layer.arrow-up-96{cursor:url(/assets/arrow-up_96-db76fa0ab3c7d30bd19f07
fe23507f8f.png) 3 -2,crosshair}.active-editor #creation-layer.arrow-down-14{curs
or:url(/assets/arrow-down_14-7c927ee0800efd82de367038aa89493f.png) 0 0,crosshair
}.active-editor #creation-layer.arrow-down-18{cursor:url(/assets/arrow-down_18-e
2e34c4eda89b7db314b7be05ff79193.png) 0 0,crosshair}.active-editor #creation-laye
r.arrow-down-24{cursor:url(/assets/arrow-down_24-649650d3320f096e5701b66eea6bf0b
7.png) 0 0,crosshair}.active-editor #creation-layer.arrow-down-32{cursor:url(/as
sets/arrow-down_32-e4d14cc231d549d7bbd72b2e59b00f81.png) 0 1,crosshair}.active-e
ditor #creation-layer.arrow-down-40{cursor:url(/assets/arrow-down_40-eb1ee9b3c37
85e348ab1382b5ffbdc1c.png) 1 1,crosshair}.active-editor #creation-layer.arrow-do
wn-48{cursor:url(/assets/arrow-down_48-41d5bd6378ecb3b12bc4378bce884984.png) 2 1
,crosshair}.active-editor #creation-layer.arrow-down-64{cursor:url(/assets/arrow
-down_64-5f5fc4f2b9a119998dc2054cdfc2a9ce.png) 2 1,crosshair}.active-editor #cre
ation-layer.arrow-down-96{cursor:url(/assets/arrow-down_96-14d2eeda98cd23bb13172

e7468b1270a.png) 3 2,crosshair}.active-editor #creation-layer.thumbs-up-14{curso


r:url(/assets/thumbs-up-alt_14-95df0aedc572f609e314e78191009d3e.png) 0 0,crossha
ir}.active-editor #creation-layer.thumbs-up-18{cursor:url(/assets/thumbs-up-alt_
18-da2463e0f6513afb098b1b0f569f9938.png) 0 0,crosshair}.active-editor #creationlayer.thumbs-up-24{cursor:url(/assets/thumbs-up-alt_24-ee66c841f35e8ae301f4e6378
9e501e0.png) 0 0,crosshair}.active-editor #creation-layer.thumbs-up-32{cursor:ur
l(/assets/thumbs-up-alt_32-22bc384853180823584388c0c8317950.png) 1 1,crosshair}.
active-editor #creation-layer.thumbs-up-40{cursor:url(/assets/thumbs-up-alt_40-a
f0398875502db002c0a1d36db53cc5d.png) 2 1,crosshair}.active-editor #creation-laye
r.thumbs-up-48{cursor:url(/assets/thumbs-up-alt_48-a122fb63a7d945a9db8e9c6c21c5a
f69.png) 3 -1,crosshair}.active-editor #creation-layer.thumbs-up-64{cursor:url(/
assets/thumbs-up-alt_64-4f2eacb4422d646988ad1573588c5db4.png) 3 -1,crosshair}.ac
tive-editor #creation-layer.thumbs-up-96{cursor:url(/assets/thumbs-up-alt_96-4d3
1e13ba1d82dc2ecfad554eaa127fd.png) 5 -5,crosshair}.active-editor #creation-layer
.thumbs-down-14{cursor:url(/assets/thumbs-down-alt_14-2c109492fa76ef5b7a60ec0876
455f41.png) 0 0,crosshair}.active-editor #creation-layer.thumbs-down-18{cursor:u
rl(/assets/thumbs-down-alt_18-2ef14a6c62125a7422596f6a4d965a69.png) 0 0,crosshai
r}.active-editor #creation-layer.thumbs-down-24{cursor:url(/assets/thumbs-down-a
lt_24-214872379cb5124b768bb5c4495f52f4.png) 1 0,crosshair}.active-editor #creati
on-layer.thumbs-down-32{cursor:url(/assets/thumbs-down-alt_32-c382371c9d59491e29
e1412c6f45232a.png) 2 0,crosshair}.active-editor #creation-layer.thumbs-down-40{
cursor:url(/assets/thumbs-down-alt_40-ab6db9db1b09f82cc6a58d4011f76066.png) 3 0,
crosshair}.active-editor #creation-layer.thumbs-down-48{cursor:url(/assets/thumb
s-down-alt_48-32f58c8b62543a8d82805a3d6665cece.png) 3 0,crosshair}.active-editor
#creation-layer.thumbs-down-64{cursor:url(/assets/thumbs-down-alt_64-f469b15aab
95538b0c78cca14c108047.png) 4 0,crosshair}.active-editor #creation-layer.thumbsdown-96{cursor:url(/assets/thumbs-down-alt_96-09a658e89f00860fbfbba1dd3b70d4ee.p
ng) 7 0,crosshair}.active-editor #creation-layer.question-14{cursor:url(/assets/
question-sign_14-9bd0da49ab41656e085c2078aef5dfef.png) 1 0,crosshair}.active-edi
tor #creation-layer.question-18{cursor:url(/assets/question-sign_18-1dfa8763a3b8
100978fc0a46abec6da3.png) 1 0,crosshair}.active-editor #creation-layer.question24{cursor:url(/assets/question-sign_24-a018cf8f1a8cdfeeef485abd2554bfd9.png) 1 0
,crosshair}.active-editor #creation-layer.question-32{cursor:url(/assets/questio
n-sign_32-8d8a277a27ecc2f2f2c852b95a070014.png) 2 0,crosshair}.active-editor #cr
eation-layer.question-40{cursor:url(/assets/question-sign_40-b9923979e5e822cf708
eed404a574f82.png) 2 0,crosshair}.active-editor #creation-layer.question-48{curs
or:url(/assets/question-sign_48-a80b9588fef3dfe9cf84bcc8e31f4fb4.png) 3 0,crossh
air}.active-editor #creation-layer.question-64{cursor:url(/assets/question-sign_
64-309650e1586882ef60140b9c3ad4e912.png) 4 0,crosshair}.active-editor #creationlayer.question-96{cursor:url(/assets/question-sign_96-9b3a44c6fd5ee96c7efc8c6796
58dc53.png) 7 0,crosshair}.active-editor #creation-layer.exclamation-14{cursor:u
rl(/assets/exclamation-sign_14-d9b23cf92479d8379881db95f87c5ba4.png) 1 0,crossha
ir}.active-editor #creation-layer.exclamation-18{cursor:url(/assets/exclamationsign_18-45fd07b0b83e6d84e524c9cdd7218cf6.png) 1 0,crosshair}.active-editor #crea
tion-layer.exclamation-24{cursor:url(/assets/exclamation-sign_24-60975c9df902b85
043cf523d14aa510d.png) 1 0,crosshair}.active-editor #creation-layer.exclamation32{cursor:url(/assets/exclamation-sign_32-61988a9bb781a51dc7069db78e53e307.png)
2 0,crosshair}.active-editor #creation-layer.exclamation-40{cursor:url(/assets/e
xclamation-sign_40-e6fd76d06ff4bc8c70d973b8868c51ca.png) 2 0,crosshair}.active-e
ditor #creation-layer.exclamation-48{cursor:url(/assets/exclamation-sign_48-c584
35ed40df9bf4e5c4d442cc37fce8.png) 3 0,crosshair}.active-editor #creation-layer.e
xclamation-64{cursor:url(/assets/exclamation-sign_64-23be3b0ca546d016449f8a160ec
e90bf.png) 4 0,crosshair}.active-editor #creation-layer.exclamation-96{cursor:ur
l(/assets/exclamation-sign_96-1f6715776e3ed9133dbaf7102abcda5b.png) 7 0,crosshai
r}.active-editor .svg-element{left:0px;top:0px;width:100%;height:100%}.active-ed
itor .svg-element svg{width:100%;height:100%}.active-editor .drag-box{border:1px
dashed #0d83dd;position:absolute}.active-editor #transformer{border:1px solid #
0d83dd;width:100px;height:100px;left:50px;top:50px;overflow:visible;position:rel
ative;z-index:9000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;boxsizing:border-box}.active-editor #transformer .drag-overlay{position:absolute;le

ft:0px;top:0px;width:100%;height:100%;cursor:move;z-index:9001;cursor:move}.acti
ve-editor #transformer.resize-none .ui-resizable-handle{display:none!important;b
ackground:green}.active-editor #transformer .delete-element-button{position:abso
lute;top:-30px;right:-30px;width:22px;height:22px;padding:0;background:red;borde
r-radius:20px;border:solid 2px white;box-shadow:0px 1px 2px 0px #999}.active-edi
tor #transformer .delete-element-button .pbi-remove{display:block;padding:2px 0
0 0px;font-size:15px}.active-editor #transformer .drag-handle{top:0px;bottom:0px
;left:-26px;width:16px;background:gray;position:absolute;cursor:move}.active-edi
tor #transformer .ui-resizable-handle{width:8px;height:8px;background-color:#fff
fff;border:1px solid #0d83dd;z-index:9999}.active-editor #transformer #negrip{to
p:-5px;right:-5px}.active-editor #transformer #segrip{bottom:-5px;right:-5px}.ac
tive-editor #transformer #nwgrip{top:-5px;left:-5px}.active-editor #transformer
#swgrip{bottom:-5px;left:-5px}.active-editor #transformer #ngrip{top:-5px;left:5
0%;margin-left:-5px;display:none}.active-editor #transformer #egrip{right:-5px;t
op:50%;margin-top:-5px;display:none}.active-editor #transformer #sgrip{bottom:-5
px;left:50%;margin-left:-5px;display:none}.active-editor #transformer #wgrip{lef
t:-5px;top:50%;margin-top:-5px;display:none}.active-editor #transformer .transfo
rmer-drag-handle,.active-editor #transformer .transformer-resize-handle{backgrou
nd:silver;display:block;width:26px;height:26px;position:absolute}.active-editor
#transformer .transformer-drag-handle .mirror,.active-editor #transformer .trans
former-resize-handle .mirror{display:block;-moz-transform:matrix(-1,0,0,1,0,0);webkit-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0)}.activeeditor #transformer .transformer-drag-handle{cursor:move}.active-editor #transfo
rmer .transformer-resize-handle{cursor:se-resize;display:none}.active-editor #te
xt-transformer{display:block;left:100px;top:100px;width:auto!important;height:au
to!important;outline:1px solid #0d83dd;overflow:visible;position:absolute;z-inde
x:9000;cursor:move}.active-editor #text-transformer .drag-overlay{position:absol
ute;left:0px;top:0px;width:100%;height:100%;cursor:move;z-index:9001;background:
orange;cursor:move}.active-editor #text-transformer.is-editing{cursor:text}.acti
ve-editor #text-transformer.is-editing .drag-overlay{display:none}.active-editor
#text-transformer.is-editing .drag-element-button{display:block}.active-editor
#text-transformer .delete-element-button{position:absolute;top:-26px;right:-26px
;width:20px;height:20px;padding:0;background:red;border-radius:20px;border:solid
2px white;box-shadow:0px 1px 2px 0px #999}.active-editor #text-transformer .del
ete-element-button .pbi-remove{display:block;padding:2px 0 0 0px;font-size:15px}
.active-editor #text-transformer .edit-element-button{position:absolute;top:-26p
x;left:-26px;width:20px;height:20px;padding:0;display:block}.active-editor #text
-transformer .drag-element-button{position:absolute;top:-26px;left:-52px;width:2
0px;height:20px;padding:0}#context-menu{position:absolute;display:none;z-index:9
999}.active-layer,.transform-element{background-color:rgba(255,255,255,0)}.btn-t
oolbar{background-color:#f7f7f9}.editor-toolbar{background-color:#ffffff;borderbottom-color:#e1e1e8;border-bottom-style:solid;border-bottom-width:1px;border-le
ft-color:#e1e1e8;border-left-style:solid;border-left-width:1px;border-right-colo
r:#e1e1e8;border-right-style:solid;border-right-width:1px;border-top-color:#e1e1
e8;border-top-style:solid;border-top-width:1px;color:#333333;display:block;lineheight:0px;margin-bottom:20px;margin-left:0px;margin-right:0px;margin-top:0px;pa
dding-bottom:8px;padding-left:10px;padding-right:20px;padding-top:8px;word-break
:break-all;word-wrap:break-word;display:none}.editor-toolbar .btn-group+.btn-gro
up{margin-left:10px;}.editor-toolbar .btn-group.first-child{margin-left:0px;}.ed
itor-toolbar span.lbl{margin-left:10px;vertical-align:middle;font-size:14px;font
-weight:normal;color:#333;}.editor-toolbar span.lbl:first-child{margin-left:0px}
.editor-toolbar h2,.editor-toolbar h3,.editor-toolbar h4{display:inline;line-hei
ght:0px;vertical-align:middle}.editor-toolbar select{min-width:20px;line-height:
0px;vertical-align:middle;margin:0;width:auto}.editor-toolbar span.prop{line-hei
ght:30px}.editor-toolbar .slider-handle{background-color:#f5f5f5;*background-col
or:#e6e6e6;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-im
age:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:
-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(to
p,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);backgro
und-repeat:repeat-x;border:1px solid #cccccc;*border:0;border-color:#bfbfbf;bord

er-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;borderradius:4px;filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff
ffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid: DXImageTransform.
Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(
255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(2
55,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255
,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.editor-toolbar .slider-handle:hover,.edito
r-toolbar .slider-handle:focus,.editor-toolbar .slider-handle:active{color:#3333
33;background-color:#e6e6e6;*background-color:#d9d9d9}.popover-content{padding:0
px 14px 9px 14px;}img.pdf-image-preview,img.pdf-sig-preview{max-width:120px;maxheight:60px;vertical-align:middle;}form#new_signature{text-align:center;}.draw-s
ignature-block{padding:30px 0;}.draw-signature-block .signature-pad{width:400px;
height:100px;display:block;margin:10px auto;background:white;}.thumbnail{display
:inline-block;max-width:220px;max-height:70px;margin-bottom:0px;}.thumbnail img{
max-width:210px;max-height:70px}.thumbnail .svg-preview{display:inline-block;pad
ding:5px;width:210px;height:60px;}.signature-pad{overflow:hidden}.signature-pad
.active-layer{position:absolute;left:0px;top:0px;width:100%;height:100%}.signatu
re-pad .active-element,.signature-pad .transform-element{position:absolute}.sign
ature-pad #path-layer{cursor:crosshair;cursor:url(/assets/pencil_cursor-8ada0310
f6c5b3356aa7123facbc99b7.png) 0 17,crosshair}.signature-pad .svg-element{left:0p
x;top:0px;width:100%;height:100%}.signature-pad .svg-element svg{width:100%;heig
ht:100%}.signature-upload{min-height:48px;}.loaded-pdf-element{display:none}form
#document-form,form#new-upload-form{display:none;}#document-toolbar #document-ti
tle-group span{font-weight:bold;font-size:18px;line-height:30px;display:inline-b
lock;vertical-align:top;margin:0 12px 0 10px}#document-toolbar #document-title-g
roup a{font-size:14px;line-height:30px;display:inline-block;vertical-align:top;c
ursor:pointer;}#document-toolbar #document-title-edit-group{margin:0}#document-t
oolbar #document-title-edit-group input{font-weight:bold;margin:0}#document-tool
bar #document-title-edit-group span{font-weight:bold;line-height:30px;display:in
line-block;vertical-align:top;margin:0 0 0 5px}#document-toolbar #document-title
{color:black}#document-toolbar input[name="document[name]"]{width:200px}#documen
t-toolbar input#document-name-input{width:300px;margin:0}#document-toolbar #docu
ment-cancel-button{margin:0 10px;line-height:30px}.show-toolbar-btn{width:100px;
border-color:#428bca;}.show-export-btn{border:1px solid #5cb85c;}button,input,se
lect,textarea{margin:0;font-size:100%;vertical-align:middle}input{height:auto!im
portant;}select,textarea,input[type="text"],input[type="password"],input[type="d
atetime"],input[type="datetime-local"],input[type="date"],input[type="month"],in
put[type="time"],input[type="week"],input[type="number"],input[type="email"],inp
ut[type="url"],input[type="search"],input[type="tel"],input[type="color"],.unedi
table-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;
font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-bor
der-radius:4px;border-radius:4px;vertical-align:middle}textarea{height:auto}text
area,input[type="text"],input[type="password"],input[type="datetime"],input[type
="datetime-local"],input[type="date"],input[type="month"],input[type="time"],inp
ut[type="week"],input[type="number"],input[type="email"],input[type="url"],input
[type="search"],input[type="tel"],input[type="color"],.uneditable-input{backgrou
nd-color:white;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(
0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset
0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear 0.2s,box-shadow lin
ear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition
:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-sha
dow linear 0.2s}.top-toolbar{margin-bottom:20px;margin-top:0;background:#ffffff;
padding:10px;border-radius:6px}.editor-toolbar .btn-group{float:none;}#sig-modal
-btn,#image-modal-btn{color:#333;outline:none;}#sig-modal-btn .btn:focus,#sig-mo
dal-btn .btn:active,#image-modal-btn .btn:focus,#image-modal-btn .btn:active{out
line:none!important;}@media (min-width: 768px) {#signature-modal .modal-dialog{w
idth:750px;margin:30px auto;}#image-modal .modal-dialog{width:500px;margin:30px
auto;}}.colorpicker button{padding:0px;}.colorpicker button .front-swatch{width:
20px;height:20px;background:#000000;width:18px;height:18px;border:solid 1px #333
;display:block;vertical-align:middle;position:relative}.colorpicker button .fron

t-swatch.none{background-color:none;background:url(/assets/remove_14-1462bfe46b4
eda2f7352094ca04cb1d2.png) no-repeat!important;background-position:center!import
ant;}.colorpicker button .front-swatch .corner-caret{position:absolute;right:0px
;bottom:0px;background:url(/corner_caret-f384d23852451733712890f3c56c7a0b.png) n
o-repeat;top:0px;left:0px;width:16px;height:16px;display:block}.colorpicker.colo
rpicker-split button{padding:3px 4px 4px 4px!important}.colorpicker ul.swatches{
padding:6px 0 0 6px;padding:5px 0 0 5px;max-width:100px;min-width:20px;overflow:
hidden}.colorpicker ul.swatches li{background:gray;display:block;margin:0 6px 6p
x 0;margin:0 5px 5px 0;padding:0;cursor:pointer;float:left}.colorpicker ul.swatc
hes li.none{float:none;border-bottom:solid 1px #DDD;background:none}.colorpicker
ul.swatches li.none a.swatch{background:none}.colorpicker ul.swatches li.none a
.swatch:hover{background:none;color:black}.colorpicker ul.swatches li.none a.swa
tch span.icon{background-color:none;background:url(/assets/remove_14-1462bfe46b4
eda2f7352094ca04cb1d2.png) no-repeat;display:inline-block}.colorpicker ul.swatch
es li.none a.swatch span.lbl{vertical-align:top;margin-left:10px;display:inlineblock;color:black}.colorpicker ul.swatches li a.swatch{padding:0}.colorpicker ul
.swatches li a.swatch span.icon{width:18px;height:18px;width:16px;height:16px;bo
rder:solid 1px black;background:black;display:block;padding:0;margin:0}#erase-te
xt-image{padding-top:8px;}#erase-text-image-help{padding-top:8px;padding-right:1
0px;}#pdf-to-word-btn{padding:6px;}@media print {.no-print,.no-print *{display:n
one;}#pdf-wrapper{width:100%;border:none;margin:0px auto;}#pdf-block #pdf-wrappe
r #pdf-canvas{border:none;border-right:none;width:100%;}#pdf-block{right:0px;mar
gin:0px auto;}.editor-toolbar#viewer-toolbar.show-border-top{border-top:none;min
-height:0px;}.centered-wrapper{width:100%;}}</style>
<style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.
fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_r
eset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:
ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11
px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:norma
l;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decorat
ion:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;w
hite-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img
{border:none}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opac
ity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-inde
x:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding
:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.fb_dia
log_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(http
s://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 t
ransparent;_background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yL/r/s8
16eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:
18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5p
x;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;w
idth:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx
.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparen
t;_background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yL/r/s816eWC-2sl
.gif)}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rs
rc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background
-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yL/r/s816eWC-2sl.gif)}.fb_dia
log_loader{background-color:#f6f7f9;border:1px solid #606060;font-size:24px;padd
ing:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dia
log_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_di
alog_top_left{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNI
lTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:ur
l(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10p
x;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(https://static.xx.
fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:
-10px}.fb_dialog_bottom_right{background:url(https://static.xx.fbcdn.net/rsrc.ph
p/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog
_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{po

sition:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialo
g_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{ma
rgin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_hori
z_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin
-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_ifram
e{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px s
olid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_cont
ent .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd
/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_
hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:abs
olute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{backgro
und:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-r
epeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;t
op:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{width:auto;heigh
t:auto;min-height:initial;min-width:initial;background:none}.fb_dialog.fb_dialog
_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dial
og_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered
#fb_dialog_loader_close{color:#fff;display:block;padding-top:20px;clear:both;fon
t-size:18px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);posit
ion:absolute;bottom:0;left:0;right:0;top:0;width:100%;min-height:100%;z-index:10
000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mo
bile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkitbox-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%,
0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d40
88;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ell
ipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;whitespace:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subp
ixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.hea
der_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_di
alog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;ver
tical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-w
ebkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), t
o(#2A4887));border:1px solid #29487d;-webkit-background-clip:padding-box;-webkit
-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rg
ba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width
:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .di
alog_header .touchable_button input{border:none;background:none;color:#fff;font:
12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px
6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_he
ader .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;
text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{backg
round:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repea
t 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_di
alog_content .dialog_footer{background:#f6f7f9;border:1px solid #555;border-topcolor:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_m
obile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_
dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loade
r_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transpar
ent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG
1.png);background-repeat:no-repeat;background-position:50% 50%;height:24px;width
:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(3
60deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{
display:inline-block;position:relative;text-align:justify}.fb_iframe_widget ifra
me{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_des
ktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widge
t_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{
z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_wid
get_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{displa
y:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe

{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background
:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat;hei
ght:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}</sty
le></head>
<body class="edit-page" style="overflow-y: hidden; overflow-x: auto; cursor: aut
o;">
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000p
x; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_https" frameborder=
"0" allowtransparency="true" allowfullscreen="true" scrolling="no" id="fb_xdm_fr
ame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame"
tabindex="-1" src="./PDF Pro _ PDF Editor_files/iPrOY23SGAp.html" style="border:
none;"></iframe></div></div><div style="position: absolute; top: -10000px; heig
ht: 0px; width: 0px;"><div></div></div></div>
<script>
var fbAppId = $('meta[name="fb-app-id"]').attr('content');
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4&appId
=" + fbAppId;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="row">
<nav class="navbar navbar-custom" role="navigation" style="min-width: 1100px;">
<div class="container content-container">
<img alt="PDF Pro online PDF editor" class="logo" id="nav-logo" src="./PDF Pro _
PDF Editor_files/PDF-Pro-b7828f3b2b6ef779113c5d8b41e69bee.png">
<div class="btn btn-default navbar-btn pull-right" id="nav-my-files">My Files</d
iv>
<script type="text/javascript">
var modalToMyFiles = function() {
swal({
title: "Have you saved your document?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#4cae4c",
confirmButtonText: "Yes",
cancelButtonText: "No",
closeOnConfirm: true,
closeOnCancel: true },
function(isConfirm){
if (isConfirm) {
window.location.replace("/files");
}
});
}
$("#nav-logo").on('click', function() {
modalToMyFiles();
});
$("#nav-sign-in").on('click', function() {
swal({
title: "Have you saved your document?",
type: "warning",
showCancelButton: true,

confirmButtonColor: "#4cae4c",
confirmButtonText: "Yes",
cancelButtonText: "No",
closeOnConfirm: true,
closeOnCancel: true },
function(isConfirm){
if (isConfirm) {
window.location.replace("/users/sign_in");
}
});
});
$("#nav-my-files").on('click', function() {
modalToMyFiles();
});
$("#nav-upgrade").on('click', function() {
swal({
title: "Have you saved your document?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#4cae4c",
confirmButtonText: "Yes",
cancelButtonText: "No",
closeOnConfirm: true,
closeOnCancel: true },
function(isConfirm){
if (isConfirm) {
window.location.replace("/plans");
}
});
});
</script>
</div>
</nav>
</div>
<div class="container" id="edit-page">
<div class="contained-section">
<div class="container content-container">
</div>
</div>
<noscript>
&lt;div id="noscript-container" class="container" style="text-align:center;heigh
t:100%;"&gt;
&lt;div id="noscript-error-message" style="display:block;text-align:center;paddi
ng-top:30px;height:100%;background-color:#ffffff;"&gt;
&lt;div style="font-size:20px;margin-bottom:10px;"&gt;PDF Editor could not be lo
aded because JavaScript is turned off. Please turn on JavaScript and try again.&
lt;/div&gt;
&lt;div&gt;&lt;a class="btn btn-default" href="/files/new?id=k3jj1m4i6758e2lx-cd
378a97&amp;amp;process_type=Edit"&gt;Refresh page&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;body div#noscript-container{display:block!important;}body div#progr
ess-block{display:none!important;}&lt;/style&gt;
</noscript>
<div class="container loaded-pdf-element" style="height: 100%; display: block;">
<div id="pro-file-form-container">
<form accept-charset="UTF-8" action="https://www.pdfpro.co/files" class="new_pro
_file" data-remote="true" id="document-form" method="post"><div style="margin:0;
padding:0;display:inline"><input name="utf8" type="hidden" value=" "></div>

<input id="document_data" name="pro_file[content]" type="hidden" value="{&quot;p


ages&quot;:{&quot;1&quot;:{&quot;elements&quot;:[{&quot;type&quot;:&quot;WHITEOU
T_BLOCK&quot;,&quot;family&quot;:&quot;SHAPE&quot;,&quot;style&quot;:{&quot;fill
_color&quot;:&quot;#ffffff&quot;},&quot;transform&quot;:{&quot;x&quot;:&quot;60.
89996337890625&quot;,&quot;y&quot;:&quot;1149.6000022888184&quot;,&quot;width&qu
ot;:1,&quot;height&quot;:8},&quot;content&quot;:{}},{&quot;type&quot;:&quot;WHIT
EOUT_BLOCK&quot;,&quot;family&quot;:&quot;SHAPE&quot;,&quot;style&quot;:{&quot;f
ill_color&quot;:&quot;#ffffff&quot;},&quot;transform&quot;:{&quot;x&quot;:&quot;
304.89996337890625&quot;,&quot;y&quot;:&quot;1176.6000022888184&quot;,&quot;widt
h&quot;:8,&quot;height&quot;:6},&quot;content&quot;:{}},{&quot;type&quot;:&quot;
WHITEOUT_BLOCK&quot;,&quot;family&quot;:&quot;SHAPE&quot;,&quot;style&quot;:{&qu
ot;fill_color&quot;:&quot;#ffffff&quot;},&quot;transform&quot;:{&quot;x&quot;:&q
uot;304.89996337890625&quot;,&quot;y&quot;:&quot;1133.6000022888184&quot;,&quot;
width&quot;:655,&quot;height&quot;:112},&quot;content&quot;:{}},{&quot;type&quot
;:&quot;WHITEOUT_BLOCK&quot;,&quot;family&quot;:&quot;SHAPE&quot;,&quot;style&qu
ot;:{&quot;fill_color&quot;:&quot;#ffffff&quot;},&quot;transform&quot;:{&quot;x&
quot;:&quot;229.89996337890625&quot;,&quot;y&quot;:&quot;1253.6000022888184&quot
;,&quot;width&quot;:183,&quot;height&quot;:52},&quot;content&quot;:{}}],&quot;wi
dth&quot;:1071,&quot;height&quot;:1515.6000000000001}}}">
<input id="document_name" name="pro_file[filename]" type="hidden" value="2950196
97-Chemistry-Project.pdf">
<input id="pro_file_process_type" name="pro_file[process_type]" type="hidden" va
lue="Edit">
<input id="pro_file_input_pro_file_id" name="pro_file[input_pro_file_id]" type="
hidden" value="2464248">
<div class="field new-fields">
<input type="hidden" name="document[page_count]" value="14">
<input type="hidden" name="document[page_width]" value="1071">
<input type="hidden" name="document[page_height]" value="1515.6000000000001">
</div>
</form> </div>
<div class="centered-wrapper" style="min-width: 1100px;">
<div id="document-toolbar" class="btn-toolbar top-toolbar clearfix" style="max-h
eight:60px;margin-bottom: 0px;border-radius:0px;width: 99%;margin-left: 5px;">
<div id="document-title-group" class="btn-group pull-left" style="display: block
;">
<span id="document-title" style="max-width: 600px;word-wrap: break-word;margin-l
eft:5px;">295019697-Chemistry-Project.pdf</span>
<a id="document-title-edit-button">
<i class="fa fa-pencil"></i>
</a>
</div>
<div id="document-title-edit-group" class="btn-group pull-left" style="display:
none;">
<input id="document-name-input" type="text" value="295019697-Chemistry-Project">
<span id="document-title-extension">.pdf</span>
<span>
<div class="btn-primary btn-sm" style="color:white;float:right;margin-left:10px;
margin-top: 2px;cursor:pointer;" id="save-name-button">
<i class="fa fa-check" style="margin-right:8px;"></i>
Done Editing
</div>
</span>
</div>
<div class="btn-group pull-right document-btns">
<a class="btn btn-success document-save-button document-button disabled" style="
color:white;">
<i class="fa fa-floppy-o" style="margin-right:8px;font-size: 18px;"></i>
<span id="save-btn" style="padding-right: 5px;font-size:16px">Saving...</span>
</a>

</div>
<div class="btn btn-default pull-right" id="help-btn" style="height:36px;">
<i class="fa fa-question-circle" style="margin-right:4px;font-size:22px;"></i>
<span style="padding-right: 5px;font-size:16px;vertical-align: top;">Help</span>
</div>
</div>
</div>
<div class="vertical-stretch-wrapper" style="top:102px;bottom:10px;">
<div class="centered-wrapper" style="height:10px;min-width: 1100px;">
<div style="height: 5px;background-color: #ffffff;"></div>
</div>
<div class="centered-wrapper">
<aside class="loaded-pdf-element" style="float: left; width: 100%; max-height: 6
0px; min-width: 1100px; display: block;">
<div id="main-editor-tools" style="width:100%">
<div class="btn-group btn-group-vertical side-tool-buttons" style="float:left;he
ight:60px;margin-right: 20px;">
<div class="btn" style="z-index:100;width:90px;float:left;margin-top:0px;bordertop-left-radius: 0px;height:100%;padding:0px;text-align:left;border:2px solid #c
1c1c1;background-color:#ffffff;border-left:none;">
<div class="pbicon-wrapper" style="width:100%;border-right:none; padding:0px;hei
ght:100%;">
<div id="edit-tab" class="" style="line-height:28px;text-align: left;" type="but
ton">
<i class="fa fa-caret-right" style="float:left;font-size: 26px;margin-right: 12p
x;"></i>Edit
</div>
<div id="tools-tab" style="line-height:28px;text-align: left;" type="button" cla
ss="active-tab">
<i class="fa fa-caret-right" style="float:left;font-size: 26px;padding-top: 1px;
margin-right: 12px;"></i>Tools
</div>
</div>
</div>
<button id="editor-select-btn" class="btn switch-mode switch-mode-transform" sty
le="z-index:100;width:75px;float:left;margin-top:0px;border-top-left-radius: 0px
;height:100%;padding-right:0px;text-align:center;border:none;" data-toggle="tool
tip" data-placement="top" data-container="body" title="Select">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-arrows" style="font-size: 22px !important; padding-left: 5px;">
</i>
<br>
Select
</span>
</button>
<button id="editor-text-btn" class="btn switch-mode switch-mode-text edit-tab-bt
n active" style="z-index: 100; width: 75px; float: left; margin-top: 0px; height
: 100%; padding-right: 0px; text-align: center; border: none; display: none;" da
ta-toggle="tooltip" data-placement="top" data-container="body" title="Text">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-font" style="font-size: 22px !important; padding-left: 5px;"></
i>
<br>
Text
</span>
</button>
<button id="editor-erase-btn" class="btn switch-mode switch-mode-whiteoutblock e
dit-tab-btn" style="z-index: 100; width: 75px; float: left; margin-top: 0px; hei
ght: 100%; padding-right: 0px; text-align: center; border: none; display: none;"
data-toggle="tooltip" data-placement="top" data-container="body" title="Eraser"

>
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<span class="pseudo-icon">
<span style="display:inline-block;background-color:#fff;border:solid 1px black;w
idth:19px;height:19px;margin-top:3px;margin-bottom:-3px;margin-left:3px;">
</span>
<br>
Erase
</span>
</span>
</button>
<button id="editor-check-btn" class="btn switch-mode switch-mode-checkmark edittab-btn" style="z-index: 100; width: 75px; float: left; margin-top: 0px; height:
100%; padding-right: 0px; text-align: center; border: none; display: none;">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-check" style="font-size: 22px !important; padding-left: 5px;"><
/i>
<br>
Check
</span>
</button>
<button id="editor-cross-btn" class="btn upper-right switch-mode switch-mode-rem
ove edit-tab-btn" style="z-index: 100; width: 75px; float: left; margin-top: 0px
; height: 100%; padding-right: 0px; text-align: center; border: none; display: n
one;">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-times" style="font-size: 22px !important; padding-left: 5px;"><
/i>
<br>
Cross
</span>
</button>
<button id="editor-draw-btn" class="btn switch-mode switch-mode-pen tools-tab-bt
n" style="z-index: 100; width: 75px; float: left; margin-top: 0px; height: 100%;
padding-right: 0px; text-align: center; border: none; display: inline-block;" d
ata-toggle="tooltip" data-placement="top" data-container="body" title="Draw">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-pencil" style="font-size: 22px !important; padding-left: 5px;">
</i>
<br>
Draw
</span>
</button>
<button id="editor-highlight-btn" class="btn switch-mode switch-mode-highlightbl
ock tools-tab-btn" style="z-index: 100; width: 75px; float: left; margin-top: 0p
x; height: 100%; padding-right: 0px; text-align: center; border: none; display:
inline-block;" data-toggle="tooltip" data-placement="top" data-container="body"
title="Highlighter">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<span class="pseudo-icon">
<span style="display:inline-block;background-color:rgba(255, 255, 0, .2);;border
:solid 1px black;width:19px;height:19px;margin-top:3px;margin-bottom:-3px;">
</span>
<br>
Highlight
</span>
</span>
</button>
<button id="editor-blackout-btn" class="btn switch-mode switch-mode-redactblock

tools-tab-btn" style="z-index: 100; width: 75px; float: left; margin-top: 0px; h


eight: 100%; padding-right: 0px; text-align: center; border: none; display: inli
ne-block;" data-toggle="tooltip" data-placement="top" data-container="body" titl
e="Blackout">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<span class="pseudo-icon">
<span style="display:inline-block;background-color:black;border:solid 1px black;
width:19px;height:19px;margin-top:3px;margin-bottom:-3px;">
</span>
</span>
<br>
Blackout
</span>
</button>
<button id="editor-circle-btn" class="btn switch-mode switch-mode-ellipse shapebtn tools-tab-btn" style="z-index: 100; width: 75px; float: left; margin-top: 0p
x; height: 100%; padding-right: 0px; text-align: center; border: none; display:
inline-block;">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-circle-o" style="font-size: 22px !important; padding-left: 5px;
"></i>
<br>
Circle
</span>
</button>
<span class="edit-tab-btn" style="display: none;">
<a data-backdrop="static" data-target="#image-modal" data-toggle="modal" href="h
ttps://www.pdfpro.co/pdf_images" id="image-modal-btn">
<button class="btn switch-mode switch-mode-image document-button disabled" style
="z-index:100;width:75px;float:left;margin-top:0px;border-radius:0px;height:100%
;padding-right:0px;text-align:center;border:none;" data-toggle="tooltip" data-pl
acement="top" data-container="body" title="Add Image">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-picture-o" style="font-size: 22px !important; padding-left: 5px
;"></i>
<br>
Image
</span>
</button>
</a> </span>
<span class="edit-tab-btn" style="display: none;">
<a data-backdrop="static" data-target="#signature-modal" data-toggle="modal" hre
f="https://www.pdfpro.co/pdf_signatures" id="sig-modal-btn">
<button class="btn switch-mode switch-mode-signature document-button disabled" s
tyle="z-index:100;width:80px;float:left;margin-top:0px;border-radius:0px;height:
100%;padding-right:0px;text-align:center;border:none;" data-toggle="tooltip" dat
a-placement="top" data-container="body" title="Add Signature">
<span class="pbicon-wrapper" style="width:100%;border-right:none;">
<i class="fa fa-pencil-square-o" style="font-size: 22px !important; padding-lef
t: 5px;"></i>
<br>
Signature
</span>
</button>
</a> </span>
<button type="button" class="btn tools-tab-btn" id="shapes-popover" data-contain
er="body" data-toggle="popover" data-placement="bottom" data-content="&lt;span c
lass=&quot;close-shapes-popover&quot; style=&quot;float:right;cursor:pointer;&qu
ot;&gt;&lt;/span&gt;&lt;div class=&quot;svg-buttons&quot;&gt;&lt;div class=&quot;

btn-group&quot; style=&quot;display:inline-block;&quot;&gt;&lt;button class=&quo


t;btn switch-mode switch-mode-rectangle shape-btn&quot; style=&quot;z-index:100&
quot;&gt;&lt;svg style=&quot;width:18px;height:18px;&quot;&gt;&lt;rect x=&quot;3
&quot; y=&quot;3&quot; width=&quot;12&quot; height=&quot;12&quot; stroke=&quot;#
333333&quot; stroke-width=&quot;2&quot; fill=&quot;none&quot;&gt;&lt;/rect&gt;&l
t;/svg&gt;&lt;/button&gt;&lt;button class=&quot;btn switch-mode switch-mode-elli
pse shape-btn&quot; style=&quot;z-index:100&quot;&gt;&lt;svg style=&quot;width:1
8px;height:18px;&quot;&gt;&lt;circle cx=&quot;9&quot; cy=&quot;9&quot; r=&quot;6
&quot; stroke=&quot;#333333&quot; stroke-width=&quot;2&quot; fill=&quot;none&quo
t;&gt;&lt;/circle&gt;&lt;/svg&gt;&lt;/button&gt;&lt;button class=&quot;btn switc
h-mode switch-mode-line shape-btn&quot; style=&quot;z-index:100&quot;&gt;&lt;svg
style=&quot;width:18px;height:18px;&quot;&gt;&lt;line x1=&quot;3&quot; y1=&quot
;3&quot; x2=&quot;15&quot; y2=&quot;15&quot; stroke=&quot;#333333&quot; stroke-w
idth=&quot;2&quot; fill=&quot;none&quot;&gt;&lt;/line&gt;&lt;/svg&gt;&lt;/button
&gt;&lt;/div&gt;&lt;/div&gt;" style="float: left; width: 75px; margin-top: 0px;
border-radius: 0px; height: 100%; padding-right: 0px; text-align: center; border
: none; padding-top: 6px; display: inline-block;" data-html="true" data-original
-title="" title="">
<span class="pbicon-wrapper" data-toggle="tooltip" data-placement="top" data-con
tainer="body" title="Add Shape" style="width:100%;border-right:none;">
<span class="pseudo-icon" style="width:25px;">
<i class="fa fa-th-large" style="font-size: 22px !important;"></i>
</span>
<div style="line-height: 18px;">
Shapes
</div>
</span>
</button>
<button type="button" class="btn tools-tab-btn" id="symbols-popover" data-contai
ner="body" data-toggle="popover" data-placement="bottom" data-content="&lt;span
class=&quot;close-symbols-popover&quot; style=&quot;float:right;cursor:pointer;&
quot;&gt;&lt;/span&gt;&lt;div class=&quot;symbol-buttons&quot; style=&quot;&quot;
&gt;&lt;div class=&quot;btn-group symbol-group&quot;&gt;&lt;button class=&quot;b
tn upper-left switch-mode switch-mode-checkmark&quot; style=&quot;z-index:100&qu
ot;&gt;&lt;i class=&quot;fa fa-check&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;butto
n class=&quot;btn upper-right switch-mode switch-mode-remove&quot; style=&quot;z
-index:100&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/button
&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;btn-group symbol-group&quot;&gt;&l
t;button class=&quot;btn switch-mode switch-mode-arrow-left&quot; style=&quot;zindex:100&quot;&gt;&lt;i class=&quot;fa fa-arrow-left&quot;&gt;&lt;/i&gt;&lt;/bu
tton&gt;&lt;button class=&quot;btn switch-mode switch-mode-arrow-right&quot; sty
le=&quot;z-index:100&quot;&gt;&lt;i class=&quot;fa fa-arrow-right&quot;&gt;&lt;/
i&gt;&lt;/button&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;btn-group symbol-g
roup&quot;&gt;&lt;button class=&quot;btn switch-mode switch-mode-arrow-up&quot;
style=&quot;z-index:100&quot;&gt;&lt;i class=&quot;fa fa-arrow-up&quot;&gt;&lt;/
i&gt;&lt;/button&gt;&lt;button class=&quot;btn switch-mode switch-mode-arrow-dow
n&quot; style=&quot;z-index:100&quot;&gt;&lt;i class=&quot;fa fa-arrow-down&quot
;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;br&gt;&lt;div class=&quot;btn-grou
p symbol-group&quot;&gt;&lt;button class=&quot;btn switch-mode switch-mode-thumb
s-up&quot; style=&quot;z-index:100&quot;&gt;&lt;i class=&quot;fa fa-thumbs-o-up&
quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button class=&quot;btn switch-mode switchmode-thumbs-down&quot; style=&quot;z-index:100&quot;&gt;&lt;i class=&quot;fa fathumbs-o-down&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;br&gt;&lt;div cl
ass=&quot;btn-group symbol-group&quot;&gt;&lt;button class=&quot;btn lower-left
switch-mode switch-mode-question&quot; style=&quot;z-index:100&quot;&gt;&lt;i cl
ass=&quot;fa fa-question-circle&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;button cla
ss=&quot;btn lower-right switch-mode switch-mode-exclamation&quot; style=&quot;z
-index:100&quot;&gt;&lt;i class=&quot;fa fa-exclamation-circle&quot;&gt;&lt;/i&g
t;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;" style="float: left; width: 80px; marg
in-top: 0px; border-radius: 0px; height: 100%; padding-right: 0px; text-align: c

enter; border: none; display: inline-block;" data-html="true" data-original-titl


e="" title="">
<span class="pbicon-wrapper" data-toggle="tooltip" data-placement="top" data-con
tainer="body" title="Add Symbol" style="width:100%;border-right:none;">
<span class="pseudo-icon" style="width:25px;">
<i class="fa fa-plus-square" style="font-size: 22px !important;"></i>
</span>
<div style="line-height: 18px;">
Symbols
</div>
</span>
</button>
</div>
<div id="empty-toolbar" class="btn-toolbar editor-toolbar" style="margin-bottom:
0px; min-height: 54px; border: none; background-color: rgb(238, 238, 238); disp
lay: block;">
<span class="prop" style="line-height:30px;">&nbsp;</span>
</div>
<div id="text-toolbar" class="btn-toolbar editor-toolbar loaded-pdf-element" sty
le="margin-bottom: 0px; padding-right: 5px; border: none; min-height: 54px; text
-align: center; padding-top: 8px; background-color: rgb(238, 238, 238); display:
none;">
<div style="float:left;margin-right:15px;">
<span class="lbl" style="line-height: 10px;">Font:</span>
<br>
<select id="text-font" style="margin-top: 2px;height:30px;max-width: 100px;wordwrap: normal;">
<option value="Arial" selected="">Arial</option>
<option value="Times New Roman">Times New Roman</option>
</select>
</div>
<div style="float:left">
<span class="lbl" style="line-height: 10px;">Size:</span>
<br>
<select id="text-size" style="margin-top: 2px;height:30px;">
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option selected="">14</option>
<option>16</option>
<option>18</option>
<option>20</option>
<option>24</option>
<option>28</option>
<option>32</option>
<option>36</option>
<option>40</option>
<option>48</option>
<option>56</option>
<option>64</option>
<option>72</option>
</select>
</div>
<div style="width: 75px;float:left;height:40px;">
<span class="lbl" style="line-height: 10px;">Color:</span>
<br>
<input type="text" name="text-colorpicker" id="text-colorpicker" style="display:
none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div class="sp
-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><div class="

sp-dd"></div></div>
<span class="lbl" style="visibility:hidden;">Background:</span>
<div id="text-bg-colorpicker" class="colorpicker" style="visibility:hidden;"></d
iv>
</div>
<div style="float:left;height:40px;">
<button id="text-bold" class="btn active" style="height:100%;border-radius:0px;w
idth:40px;border: none;outline: none;background-color: #C1C1C1;"><i class="fa fa
-bold"></i></button>
<button id="text-italic" class="btn" style="height:100%;border-radius:0px;width:
40px;border: none;outline: none;margin-right: 10px;background-color: #C1C1C1;"><
i class="fa fa-italic"></i></button>
<button id="text-align-left" class="btn active" style="height:100%;border-radius
:0px;width:40px;border: none;outline: none;background-color: #C1C1C1;"><i class=
"fa fa-align-left"></i></button>
<button id="text-align-center" class="btn" style="height:100%;border-radius:0px;
width:40px;border: none;outline: none;background-color: #C1C1C1;"><i class="fa f
a-align-center"></i></button>
<button id="text-align-right" class="btn" style="height:100%;border-radius:0px;w
idth:40px;border: none;outline: none;background-color: #C1C1C1;"><i class="fa fa
-align-right"></i></button>
</div>
</div>
<div id="signature-toolbar" class="btn-toolbar editor-toolbar" style="display:no
ne; margin-bottom: 0px;padding-right:5px;border:none;min-height:54px;text-align:
center;padding-top:8px;background-color: #eee;">
<div style="float:left">
<span class="lbl" style="line-height: 10px;">Size:</span>
<br>
<select id="signature-size" style="margin-top: 2px;height:30px;">
<option>14</option>
<option>16</option>
<option>18</option>
<option>20</option>
<option>24</option>
<option>28</option>
<option>32</option>
<option>36</option>
<option selected="">40</option>
<option>48</option>
<option>56</option>
<option>64</option>
<option>72</option>
</select>
</div>
<div style="width: 75px;float:left;height:40px;">
<span class="lbl" style="line-height: 10px;">Color:</span>
<br>
<input type="text" name="signature-colorpicker" id="signature-colorpicker" style
="display: none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div
class="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><d
iv class="sp-dd"></div></div>
</div>
</div>
<div id="path-toolbar" class="btn-toolbar editor-toolbar" style="display:none;ma
rgin-bottom: 0px;border:none;min-height:54px;text-align:center;padding-top:8px;b
ackground-color: #eee;">
<div style="width: 75px;float:left;height:40px;">
<span class="lbl" style="line-height: 10px;">Color:</span>

<br>
<input type="text" name="path-colorpicker" id="path-colorpicker" style="display:
none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div class="sp
-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><div class="
sp-dd"></div></div>
</div>
<div style="float:left">
<span class="lbl" style="line-height: 10px;">Width:</span>
<br>
<select id="path-width" style="margin-top: 2px;height:30px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option selected="">4</option>
<option>5</option>
<option>6</option>
<option>8</option>
<option>10</option>
<option>12</option>
</select>
</div>
</div>
<div id="shape-toolbar" class="btn-toolbar editor-toolbar" style="display:none;m
argin-bottom: 0px;border:none;min-height:54px;text-align:center;padding-top:8px;
background-color: #eee;">
<div style="width: 75px;float:left;height:40px;" class="fill-group toolbar-optio
n">
<span class="lbl" style="line-height: 10px;">Fill:</span>
<br>
<input type="text" name="shape-fill-colorpicker" id="shape-fill-colorpicker" sty
le="display: none;"><div class="sp-replacer sp-light"><div class="sp-preview"><d
iv class="sp-preview-inner sp-clear-display" style="background-color: transparen
t;"></div></div><div class="sp-dd"></div></div>
</div>
<div style="width: 75px;float:left;height:40px;" class="stroke-group toolbar-opt
ion">
<span class="lbl" style="line-height: 10px;">Stroke:</span>
<br>
<input type="text" name="shape-stroke-colorpicker" id="shape-stroke-colorpicker"
style="display: none;"><div class="sp-replacer sp-light"><div class="sp-preview
"><div class="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div></
div><div class="sp-dd"></div></div>
</div>
<div style="float:left" class="stroke-width-group toolbar-option">
<span class="lbl" style="line-height: 10px;">Stroke Width:</span>
<br>
<select id="shape-stroke-width" style="margin-top: 2px;height:30px;">
<option>1</option>
<option selected="">2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>8</option>
<option>10</option>
<option>12</option>
</select>
</div>
</div>
<div id="erase-toolbar" class="btn-toolbar editor-toolbar" style="margin-bottom:

0px; border: none; min-height: 54px; text-align: center; padding-top: 8px; back
ground-color: rgb(238, 238, 238); display: none;">
<div style="width: 75px;float:left;height:40px;">
<span class="lbl" style="line-height: 10px;">Color:</span>
<br>
<input type="text" name="erase-colorpicker" id="erase-colorpicker" style="displa
y: none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div class="
sp-preview-inner" style="background-color: rgb(255, 255, 255);"></div></div><div
class="sp-dd"></div></div>
</div>
</div>
<div id="symbol-toolbar" class="btn-toolbar editor-toolbar" style="display:none;
margin-bottom: 0px;border:none;min-height:54px;text-align:center;padding-top:8px
;background-color: #eee;">
<div style="width:75px;float:left;height:40px;">
<span class="lbl" style="line-height: 10px;">Color:</span>
<br>
<input type="text" name="symbol-colorpicker" id="symbol-colorpicker" style="disp
lay: none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div class
="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><div cla
ss="sp-dd"></div></div>
</div>
<div style="float:left">
<span class="lbl" style="line-height: 10px;">Size:</span>
<br>
<select id="symbol-size-select" style="margin-top: 2px;height:30px;">
<option>1</option>
<option selected="">2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
</select>
</div>
</div>
<div style="clear:both;"></div>
</div>
</aside>
<div style="float:left;margin-left:0px;width:100%">
<div id="viewer-toolbar" class="btn-toolbar editor-toolbar loaded-pdf-element" s
tyle="display:inline-block;width:100%;padding-top:5px;min-width: 1100px;border-b
ottom:1px solid #eee;height: 46px;">
<div class="btn-group" style="vertical-align:middle;display:inline-block;line-he
ight: 32px;">
<span class="lbl" style="font-style:italic">Page: <span id="one_page" style="mar
gin-left: 2px; display: none;">1</span></span>
<select class="page-number" id="page_num" style="margin-left: 2px; height: 30px;
display: inline-block;"><option value="1">1</option><option value="2">2</option
><option value="3">3</option><option value="4">4</option><option value="5">5</op
tion><option value="6">6</option><option value="7">7</option><option value="8">8
</option><option value="9">9</option><option value="10">10</option><option value
="11">11</option><option value="12">12</option><option value="13">13</option><op
tion value="14">14</option></select>
<span class="lbl" style="margin-left: 6px;font-style:italic">of <span class="pag
e-count" style="margin-left:2px;">14</span></span>
</div>
<div class="btn-group" id="nav-btns" style="display: inline-block;">
<button class="btn btn-page-previous btn-pdf-nav"><i class="fa fa-chevron-left">

</i></button><button class="btn btn-page-next btn-pdf-nav"><i class="fa fa-chevr


on-right"></i></button>
</div>
</div>
<div id="thumb_pane" style="background-color: #DADADA;padding: 5px 10px;position
: absolute;width:250px;text-align:center;overflow-y:scroll;display: block;top: 1
06px;left: 0px;right: 0px;bottom: 0px;border: none;border-top: 1px solid grey;">
<div id="desktop-trial-container" style="background-color:#222;width:215px;heigh
t:230px;margin-bottom: 15px;padding: 15px;border-radius: 5px;">
<div style="color:#fff;font-size:18px;">Looking to<br><strong>edit text directly
?</strong></div>
<div style="color:#fff;font-size:18px;padding-top: 8px;padding-bottom: 15px;">Do
wnload our<br><strong>recommended</strong><br>PDF software!</div>
<div class="btn btn-success desktop-editor-btn" id="desktop-learn-more">Download
now</div>
</div>
<div id="thumb_1" class="thumb_element" data-page-idx="1" style="cursor: pointer
"><canvas id="thumb_canvas_1" height="141" width="100"></canvas><div><small>Page
1</small></div></div><br><div id="thumb_2" class="thumb_element" data-page-idx=
"2" style="cursor: pointer"><canvas id="thumb_canvas_2" height="141" width="100"
></canvas><div><small>Page 2</small></div></div><br><div id="thumb_3" class="thu
mb_element" data-page-idx="3" style="cursor: pointer"><canvas id="thumb_canvas_3
" height="141" width="100"></canvas><div><small>Page 3</small></div></div><br><d
iv id="thumb_4" class="thumb_element" data-page-idx="4" style="cursor: pointer">
<canvas id="thumb_canvas_4" height="141" width="100"></canvas><div><small>Page 4
</small></div></div><br><div id="thumb_5" class="thumb_element" data-page-idx="5
" style="cursor: pointer"><canvas id="thumb_canvas_5" height="141" width="100"><
/canvas><div><small>Page 5</small></div></div><br><div id="thumb_6" class="thumb
_element" data-page-idx="6" style="cursor: pointer"><canvas id="thumb_canvas_6"
height="141" width="100"></canvas><div><small>Page 6</small></div></div><br><div
id="thumb_7" class="thumb_element" data-page-idx="7" style="cursor: pointer"><c
anvas id="thumb_canvas_7" height="141" width="100"></canvas><div><small>Page 7</
small></div></div><br><div id="thumb_8" class="thumb_element" data-page-idx="8"
style="cursor: pointer"><canvas id="thumb_canvas_8" height="141" width="100"></c
anvas><div><small>Page 8</small></div></div><br><div id="thumb_9" class="thumb_e
lement" data-page-idx="9" style="cursor: pointer"><canvas id="thumb_canvas_9" he
ight="141" width="100"></canvas><div><small>Page 9</small></div></div><br><div i
d="thumb_10" class="thumb_element" data-page-idx="10" style="cursor: pointer"><c
anvas id="thumb_canvas_10" height="141" width="100"></canvas><div><small>Page 10
</small></div></div><br><div id="thumb_11" class="thumb_element" data-page-idx="
11" style="cursor: pointer"><canvas id="thumb_canvas_11" height="141" width="100
"></canvas><div><small>Page 11</small></div></div><br><div id="thumb_12" class="
thumb_element" data-page-idx="12" style="cursor: pointer"><canvas id="thumb_canv
as_12" height="141" width="100"></canvas><div><small>Page 12</small></div></div>
<br><div id="thumb_13" class="thumb_element" data-page-idx="13" style="cursor: p
ointer"><canvas id="thumb_canvas_13" height="141" width="100"></canvas><div><sma
ll>Page 13</small></div></div><br><div id="thumb_14" class="thumb_element" datapage-idx="14" style="cursor: pointer"><canvas id="thumb_canvas_14" height="141"
width="100"></canvas><div><small>Page 14</small></div></div><br></div>
<div id="pdf-block" class="loaded-pdf-element" style="min-width: 955px; margin-l
eft: 250px; border-top: 1px solid grey; display: block;">
<div id="pdf-wrapper" style="margin: 10px auto 20px;">
<canvas id="pdf-canvas" style="border:1px solid black;" height="1515" width="107
1"></canvas>
<div id="new-surface" class="pdf-editor active-editor" spellcheck="false" style=
"display: block;"><div id="element-layer" class="active-layer"><div data-id="EhR
rfknkEJFMkwo" data-type="WHITEOUT_BLOCK" class="active-element svg-element"><svg
>
<g class="transform-wrapper" transform="translate(60.89996337890625,1149.6000022
888184),scale(0,0)">

<rect width="24" height="24" fill="#ffffff"></rect>


</g>
</svg></div><div data-id="d0XgQJEaiF1zlAm" data-type="WHITEOUT_BLOCK" class="act
ive-element svg-element"><svg>
<g class="transform-wrapper" transform="translate(304.89996337890625,1176.600002
2888184),scale(0,0)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div><div data-id="w9rcY5pKGjvvnjO" data-type="WHITEOUT_BLOCK" class="act
ive-element svg-element"><svg>
<g class="transform-wrapper" transform="translate(304.89996337890625,1133.600002
2888184),scale(0,0)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div><div data-id="htci5F8OiwW9nDa" data-type="WHITEOUT_BLOCK" class="act
ive-element svg-element"><svg>
<g class="transform-wrapper" transform="translate(229.89996337890625,1253.600002
2888184),scale(0,0)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div><div data-id="bLaB1SMCzjy2Y29" data-type="WHITEOUT_BLOCK" class="act
ive-element svg-element" style="visibility: visible;"><svg>
<g class="transform-wrapper" transform="translate(308.89996337890625,1140.800000
011921),scale(25.041666666666668,3.6666666666666665)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div><div data-id="J7dNtySmMgmw3Ar" data-type="WHITEOUT_BLOCK" class="act
ive-element svg-element" style="visibility: visible;"><svg>
<g class="transform-wrapper" transform="translate(236.89996337890625,1251.800000
011921),scale(6.833333333333333,2.7083333333333335)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div><p data-id="gz5uoRp10YJtzDZ" data-type="TEXT" class="active-element
text-element is-editing" contenteditable="true" style="left: 324.9px; top: 1167.
8px; color: rgb(0, 0, 0); background: none; font-family: &quot;Times New Roman&q
uot;; font-size: 56px; font-weight: bold; font-style: normal; text-align: left;
padding-left: 0px; padding-right: 0px; margin-top: 0px; display: block;">HARDIK
GAUR</p><p data-id="GayAblzh3t9v7oh" data-type="TEXT" class="active-element text
-element is-editing" contenteditable="true" style="left: 269.9px; top: 1271.8px;
color: rgb(0, 0, 0); background: none; font-family: &quot;Times New Roman&quot;
; font-size: 56px; font-weight: bold; font-style: normal; text-align: left; padd
ing-left: 0px; padding-right: 0px; margin-top: 0px; display: block;">11 A</p></d
iv><canvas id="path-layer" class="active-layer" style="position:absolute;left:0;
top:0;"></canvas><div id="text-layer" class="active-layer"></div><div id="creati
on-layer" class="active-layer"><div data-id="hAtvlqkI4MSa8ST" data-type="WHITEOU
T_BLOCK" class="active-element svg-element" style="visibility: visible;"><svg>
<g class="transform-wrapper" transform="translate(284.89996337890625,110.3999938
9648438),scale(0,0)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div><div data-id="gBRIVx7w1rbwdsB" data-type="WHITEOUT_BLOCK" class="act
ive-element svg-element" style="visibility: visible;"><svg>
<g class="transform-wrapper" transform="translate(224.89996337890625,803.4000091
552734),scale(0,-0.041666666666666664)">
<rect width="24" height="24" fill="#ffffff"></rect>
</g>
</svg></div></div><div id="transform-layer" class="active-layer text-mode"><div
class="transform-element" data-id="gz5uoRp10YJtzDZ" style="left: 324.9px; top: 1
167.8px; width: 410px; height: 56px; margin-top: 0px; display: block;"></div><di
v class="transform-element" data-id="GayAblzh3t9v7oh" style="left: 269.9px; top:

1271.8px; width: 107px; height: 56px; margin-top: 0px; display: block;"></div><


/div><div id="transformer" style="display: none; left: 408.9px; top: 605.6px; wi
dth: 355px; height: 42px;" class="resize-all">
<div class="drag-overlay"></div>
<div class="ui-resizable-handle ui-resizable-nw" id="nwgrip" style="display: blo
ck;"></div>
<div class="ui-resizable-handle ui-resizable-ne" id="negrip" style="display: blo
ck;"></div>
<div class="ui-resizable-handle ui-resizable-sw" id="swgrip" style="display: blo
ck;"></div>
<div class="ui-resizable-handle ui-resizable-se" id="segrip" style="display: blo
ck;"></div>
<a class="btn btn-danger delete-element-button"><i class="fa fa-times" style="po
sition: absolute;top: 1px;left: 3px;"></i></a>
</div><div id="text-transformer" style="display: none; left: 269.9px; top: 1271.
8px; width: 382px; right: auto; height: 56px; bottom: auto;" class="ui-draggable
ui-draggable-handle ui-draggable-disabled is-editing">
<div class="text-transformer-text-element" contenteditable="true" style="color:
rgb(0, 0, 0); background: none; font-family: &quot;Times New Roman&quot;; font-s
ize: 56px; font-weight: bold; font-style: normal; text-align: left;">11 A</div>
<a class="btn btn-danger delete-element-button"><i class="fa fa-times" style="po
sition: absolute;top: 0px;left: 2px;"></i></a>
<a class="btn edit-element-button"><i class="fa fa-pencil" style="color:#CC0000"
></i></a>
<a class="btn drag-element-button"><i class="fa fa-arrows" style="color:#CC0000"
></i></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="error-message" style="display:none;text-align:center;padding-top:30px;h
eight:100%;background-color:#ffffff;">
<div style="font-size:20px;margin-bottom:10px;">Your PDF could not be loaded, pl
ease try again.</div>
<div><a class="btn btn-default" href="https://www.pdfpro.co/files/new?id=k3jj1m4
i6758e2lx-cd378a97&amp;process_type=Edit">Refresh page</a></div>
</div>
<div id="password-error-message" style="display:none;text-align:center;padding-t
op:30px;height:100%;background-color:#ffffff;">
<div style="font-size:20px;margin:0 auto 10px;max-width:750px;">Your PDF could n
ot be loaded because it is password protected. Please remove the password and tr
y again.</div>
<div><a class="btn btn-default" href="https://www.pdfpro.co/files/k3jj1m4i6758e2
lx-cd378a97">Remove Password</a></div>
</div>
<div id="progress-block" style="display: none; text-align: center; padding-top:
30px; height: 100%; background-color: rgb(255, 255, 255);">
<div style="font-size:20px;margin-bottom:10px;"><b>Loading</b></div>
<div><span class="fa fa-refresh fa-spin fa-4x fa-fw" style="display:inline-block
;"></span></div>
</div>
<div id="image-modal" class="modal fade delete-modal-content" tabindex="-1" role
="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" style="min-height: 100px;">
</div>
</div>

</div>
<div id="signature-modal" class="modal fade delete-modal-content" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" style="min-height: 100px;">
</div>
</div>
</div>
<div class="modal fade delete-modal-content" id="downloadModal" tabindex="-1" ro
le="dialog" aria-labelledby="myModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
</div>
</div>
</div>
<div class="modal fade delete-modal-content" id="wordModal" tabindex="-1" role="
dialog" aria-labelledby="myModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
</div>
</div>
</div>
<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelled
by="myModal" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" id="close-modal" class="close" data-dismiss="modal" aria-h
idden="true"></button>
<div class="modal-header" style="background-color: #eee;border-top-left-radius:
6px;border-top-right-radius: 6px;">
<h3 class="modal-title" style="text-align: center;font-size:26px;" id="helpModal
Title">PDF Pro editor guide</h3>
</div>
<div class="modal-body" style="padding:0px;height: 330px;">
<div class="row" style="height: 100%;">
<div class="col-xs-4 checkout-padding" style="border-right: 1px solid #e5e5e5;mi
n-height: 100%;">
<ul class="nav nav-pills nav-stacked nav-tabs" role="tablist">
<li role="presentation" class=""><a href="https://www.pdfpro.co/files/new?id=k3j
j1m4i6758e2lx-cd378a97&amp;process_type=Edit#welcome-tab" aria-controls="welcome
-tab" role="tab" data-toggle="tab">Welcome</a></li>
<li role="presentation" class="active"><a href="https://www.pdfpro.co/files/new?
id=k3jj1m4i6758e2lx-cd378a97&amp;process_type=Edit#how-erase" aria-controls="how
-erase" role="tab" data-toggle="tab">How to erase</a></li>
<li role="presentation" class=""><a href="https://www.pdfpro.co/files/new?id=k3j
j1m4i6758e2lx-cd378a97&amp;process_type=Edit#how-text" aria-controls="how-text"
role="tab" data-toggle="tab">Adding &amp; editing text</a></li>
<li role="presentation" class=""><a href="https://www.pdfpro.co/files/new?id=k3j
j1m4i6758e2lx-cd378a97&amp;process_type=Edit#how-select" aria-controls="how-sele
ct" role="tab" data-toggle="tab">Selecting objects</a></li>
</ul>
</div>
<div class="col-xs-8">
<div class="tab-content" style="padding: 5px;">
<div role="tabpanel" class="tab-pane" id="welcome-tab">
<h4>Welcome to PDF Pro!</h4>
<p>The fastest way to edit the content of your PDF file is to erase existing obj
ects.</p>
<p>To erase part of your document, first choose the erase tool. Then place the c
ursor on the document and drag it over the area you want to erase. If your page

background is not white, you can change the color of the eraser to match your pa
ge background.</p>
</div>
<div role="tabpanel" class="tab-pane active" id="how-erase">
<h4>Using the eraser</h4>
<p>To erase part of your document, place the cursor on the document and drag it
over the area you want to erase. If your page background is not white, you can c
hange the color of the eraser to match your page background.</p>
<div style="text-align:center;width:85%">
<img alt="PDF text editor" id="erase-text-image-help" src="./PDF Pro _ PDF Edito
r_files/Erase-this-text-841402dfdd828cfe2e1b702e14cb9deb.png">
<img alt="PDF text eraser" src="./PDF Pro _ PDF Editor_files/Text-erased-5c98a5a
fdeac4c78bab6c9df6a732310.png">
</div>
</div>
<div role="tabpanel" class="tab-pane" id="how-text">
<h4>Adding text</h4>
<p>To add text to your document, click anywhere on the PDF and start typing. You
r text will appear on top of the existing content on the PDF. You can also chang
e the text font, size, color and alignment (left, center or right).</p>
<h4>Editing existing text</h4>
<p>To make changes to existing text, first use the erase feature to whiteout the
existing text. You cannot select or edit existing text directly in a PDF due to
the nature of PDF files. After you have erased the text, add text using the tex
t tool.</p>
<h4>Copying and pasting text</h4>
<p>After clicking on the area where you want to add text, right click to get the
copy/cut/paste menu.</p>
</div>
<div role="tabpanel" class="tab-pane" id="how-select">
<h4>Using the select tool</h4>
<p>Note that you can only use the select tool to select changes you have added t
o your PDF file using PDF Pro. These changes sit on top of the existing PDF.</p>
<p>Due to the nature of PDF files, you <strong>cannot</strong> select areas of a
n existing PDF file. To make changes to an existing PDF file, use the erase feat
ure and then add text or images on top of the PDF.</p>
<h4>Moving text</h4>
<p>You can move the text you have added on your page by choosing the select icon
(top left hand side) while using the text tool.</p>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer" style="margin-top:0px;">
<div class="btn btn-success" id="close-help-modal" style="width: 100px;">OK</div
>
</div>
<script type="text/javascript">
$("#close-help-modal").on('click', function(){
$("#helpModal").modal('hide');
});
</script>
</div>
</div>
</div>
<div class="modal fade" id="eraserModal" tabindex="-1" role="dialog" aria-labell
edby="myModal" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">

<button type="button" id="close-modal" class="close" data-dismiss="modal" aria-h


idden="true"></button>
<br>
<div style="text-align:center;padding: 10px 40px 30px;">
<h3>Using the eraser</h3>
<br>
<p>To erase part of your document, place the cursor on the document and drag it
over the area you want to erase. If your page background is not white, you can c
hange the color of the eraser to match your page background.</p>
<img alt="PDF text editor" id="erase-text-image" src="./PDF Pro _ PDF Editor_fil
es/Erase-this-text-841402dfdd828cfe2e1b702e14cb9deb.png">
<img alt="PDF text eraser" src="./PDF Pro _ PDF Editor_files/Text-erased-5c98a5a
fdeac4c78bab6c9df6a732310.png">
<br>
<br>
<div class="btn btn-success" id="close-eraser-modal" style="font-size:18px;width
: 100px;">OK</div>
</div>
<script type="text/javascript">
$("#close-eraser-modal").on('click', function(){
$("#eraserModal").modal('hide');
});
</script>
</div>
</div>
</div>
<div class="modal fade" id="textModal" tabindex="-1" role="dialog" aria-labelled
by="myModal" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" id="close-modal" class="close" data-dismiss="modal" aria-h
idden="true"></button>
<br>
<div style="padding: 10px 40px 30px;">
<h3 style="text-align:center;">Using the text editor</h3>
<br>
<h4>Adding text</h4>
<p>To add text to your document, click anywhere on the PDF and start typing. You
r text will appear on top of the existing content on the PDF. You can also chang
e the text font, size, color and alignment (left, center or right).</p>
<br>
<h4>Editing existing text</h4>
<p>To make changes to existing text, first use the erase feature to whiteout the
existing text. You cannot select or edit existing text directly in a PDF due to
the nature of PDF files. After you have erased the text, add text using the tex
t tool.</p>
<br>
<div style="text-align:center;">
<div class="btn btn-success" id="close-text-modal" style="font-size:18px;width:
100px;">OK</div>
</div>
</div>
<script type="text/javascript">
$("#close-text-modal").on('click', function(){
$("#textModal").modal('hide');
});
</script>
</div>
</div>
</div>

<div class="modal fade" id="selectModal" tabindex="-1" role="dialog" aria-labell


edby="myModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" id="close-modal" class="close" data-dismiss="modal" aria-h
idden="true"></button>
<br>
<div style="padding: 10px 40px 30px;">
<h3 style="text-align:center;">Using the select tool</h3>
<br>
<p>Note that you can only use the select tool to select changes you have added t
o your PDF file using PDF Pro. These changes sit on top of the existing PDF.</p>
<p>Due to the nature of PDF files, you <strong>cannot</strong> select areas of a
n existing PDF file. To make changes to an existing PDF file, use the erase feat
ure and then add text or images on top of the PDF.</p>
<br>
<div style="text-align:center;">
<div class="btn btn-success" id="close-select-modal" style="font-size:18px;width
: 100px;">OK</div>
</div>
</div>
<script type="text/javascript">
$("#close-select-modal").on('click', function(){
$("#selectModal").modal('hide');
});
</script>
</div>
</div>
</div>
<script type="text/javascript">
var currentPageWidth = 0;
var currentPageHeight = 0;
var $pdfCanvas;
var $viewerToolbar;
var renderTimer = null;
var password;
var saving = false;
var drawing = false;
$("#page_num").hide();
$("#one_page").hide();
$("#nav-btns").hide();
$("#remove-page-btn").hide();
$('[data-toggle="popover"]').popover();
$('#symbols-popover').on('shown.bs.popover', function () {
$(".close-symbols-popover").on('click', function() {
$('#symbols-popover').popover('hide');
});
})
$('#shapes-popover').on('shown.bs.popover', function () {
$(".close-shapes-popover").on('click', function() {
$('#shapes-popover').popover('hide');
});
});
$('.nav-tabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
// $(function () {
// $("body").tooltip({ selector: '[data-toggle=tooltip]' });

// });
$('body').on('hidden.bs.modal', '.delete-modal-content', function () {
$(this).removeData('bs.modal');
$(this).find(".modal-content").html("");
});
if("Edit" == "Edit") {
password = '';
} else {
password = '';
}
var documentData;
try {
documentData = JSON.parse('{&quot;pages&quot;:{}}');
}
catch(err) {
documentData = {"pages":{}};
}
var documentImages = {};
var documentSignatures = {};
$('.document-button').on('click',function(e) {
if ($(this).hasClass('disabled')) {
e.stopImmediatePropagation();
return false;
}
});
$('#tools-tab').on('click', function(e) {
$('.edit-tab-btn').hide();
$('#edit-tab').removeClass('active-tab');
$('#tools-tab').addClass('active-tab');
$('.tools-tab-btn').show();
});
$('#edit-tab').on('click', function(e) {
$('.tools-tab-btn').hide();
$('#tools-tab').removeClass('active-tab');
$('#shapes-popover').popover('hide');
$('#symbols-popover').popover('hide');
$('#edit-tab').addClass('active-tab');
$('.edit-tab-btn').show();
});
function saveDocument(userPopup) {
setTimeout(saveDocument, 15000);
if (saving) {}
else if (userPopup != "showPopup" && (($("#text-transformer").css('display')
!= 'none') || ($("#transformer").css('display') != 'none') || (($("#creation-la
yer").children().length > 0) && ($('#creation-layer').find('div.symbol-element')
.length == 0)) || drawing || $('#signature-modal').hasClass('in') || $('#image-m
odal').hasClass('in'))){
if ($("#creation-layer").children().length > 0) { console.log("creating sh
apes")};
if($("#text-transformer").css('display') != 'none') { console.log("creatin
g text")};
if($("#transformer").css('display') != 'none') { console.log("moving eleme

nts")};
if(drawing) {console.log("drawing")};
if($('#signature-modal').hasClass('in') || $('#image-modal').hasClass('in'
)){console.log("modal open")};
}
else {
saving = true;
result = {};
$documentForm = $("form#document-form");
writeJSON();
/** @type {string} */
var udataCur = JSON.stringify(documentData);
// console.log("udataCur: " + udataCur);
if ((userPopup != "showPopup") && (udataCur == '{"pages":{}}')) {
// console.log("no content");
saving = false;
// if(userPopup == "showPopup") {
// swal({title: "Please edit your file before saving.", type: "error",
confirmButtonColor: "#4cae4c"});
// }
} else if ((userPopup != "showPopup") && ($documentForm.find('input[name="
pro_file[content]"]').val() == udataCur)) {
// console.log("hasnt changed content");
saving = false;
// if(userPopup == "showPopup") {
// swal({title: "Please edit your file before saving.", type: "error",
confirmButtonColor: "#4cae4c"});
// }
} else {
// console.log($documentForm.find('input[name="pro_file[content]"]').val
())
// console.log("submitForm");
$documentForm.find('input[name="pro_file[content]"]').val(udataCur);
var newFilename = $("input#document-name-input").val() + ".pdf";
$documentForm.find('input[name="pro_file[filename]"]').val(newFilename);
if (newFilename == ".pdf") {
saving = false;
if(userPopup == "showPopup") {
swal({title: "Please enter a filename.", type: "error", confirmButto
nColor: "#4cae4c"});
}
} else {
$(".document-button").addClass("disabled");
$("#save-btn").text("Saving...");
$documentForm.submit();
}
}
}
}
function onLoadPDF(data) {
var pageCount = data.pageCount;
$newFields = $('form#document-form').find('.new-fields');
if ($newFields.exists()){
$newFields.find('input[name="document[page_count]"]').val(pageCount);
}
$('.page-count').html(pageCount);

$('select.page-number').empty();
for (i=0;i<pageCount;i++){
$('select.page-number').append($("<option></option>")
.attr("value",i+1)
.text(i+1));
}
if(pageCount > 1) {
$("#page_num").show();
$("#nav-btns").show();
$("#remove-page-btn").show();
} else {
$("#one_page").show();
}
$('.document-button').removeClass('disabled');
callWelcomeModel();
setTimeout(saveDocument, 15000);
}
function onLoadError(data) {
// console.log(data);
if (data.error.indexOf('Password') !== -1) {
$("#progress-block").hide();
$("#password-error-message").show();
} else {
$("#progress-block").hide();
$("#error-message").show();
}
Rollbar.error("PDF Load error", data.error);
}
function writeJSON() {
var i = parseInt($pdfCanvas.PDFViewer("pageNumber"));
var attrs = $("#new-surface").activeEditor("writeJSON");
if (0 == _.isEmpty(attrs)) {
if (documentData.pages[i]) {
documentData.pages[i].elements = attrs;
} else {
documentData.pages[i] = {
elements : attrs,
width : currentPageWidth,
height : currentPageHeight
};
}
} else {
delete documentData.pages[i];
}
}
$.fn.exists = function() {
return jQuery(this).length > 0;
}
$.fn.getPreText = function() {
var el = $("<pre />").html(this.html());
return $.browser.webkit && el.find("div").replaceWith(function() {
return "\n" + this.innerHTML;
}), $.browser.msie && el.find("p").replaceWith(function() {
return this.innerHTML + "<br>";
}), ($.browser.mozilla || ($.browser.opera || $.browser.msie)) && el.find("b

r").replaceWith("\n"), el.text();
}
function readJSON() {
var i = $pdfCanvas.PDFViewer("pageNumber");
var r20 = documentData.pages[i] ? documentData.pages[i].elements : [];
$("#new-surface").activeEditor("readJSON", r20);
}
function goToPage(result) {
disablePageNav();
writeJSON();
$("#new-surface").activeEditor("clear");
var related = $("#new-surface").activeEditor("mode");
if (_.contains(["IMAGE", "SIGNATURE"], related)) {
$("#new-surface").activeEditor("mode", "TRANSFORM");
}
$(".page-number").val(result);
$("#one_page").hide();
$(".page-number").show();
if ("Edit" == "Edit") {
$pdfCanvas.PDFViewer("renderPage", result);
} else {
$pdfCanvas.PDFViewer("setPageNumber", result);
var i = $pdfCanvas.PDFViewer("pageNumber");
var r20 = documentData.pages[i] ? documentData.pages[i].elements : [];
$("#new-surface").activeEditor("readJSON", r20);
enablePageNav();
}
}
function disablePageNav() {
$viewerToolbar.find(".btn-pdf-nav").attr("disabled", "disabled");
}
function enablePageNav() {
$viewerToolbar.find(".btn-pdf-nav").removeAttr("disabled");
}
function showToolbar(type, attributes) {
$(".editor-toolbar:not(#viewer-toolbar)").hide();
if($("#progress-block").is(":visible")) {
} else {
var tooltip;
switch(type) {
case "none":
tooltip = $("#empty-toolbar");
break;
case "text":
tooltip = $("#text-toolbar");
break;
case "path":
tooltip = $("#path-toolbar");
break;
case "erase":
tooltip = $("#erase-toolbar");
break;
case "shape":
tooltip = $("#shape-toolbar");

break;
case "signature":
tooltip = $("#signature-toolbar");
break;
case "symbol":
tooltip = $("#symbol-toolbar");
}
tooltip.show();
tooltip.find(".btn-group").show();
tooltip.find(".btn-group").removeClass("first-child");
if (0 == _.isUndefined(attributes)) {
$.each(attributes, function(dataAndEvents, index) {
tooltip.find("." + index).hide();
tooltip.find(".toolbar-btn-group:visible:first").addClass("first-child
");
});
} else {
$.each(tooltip.find(".toolbar-option"), function(index) {
$(this).show();
});
}
}
}
$.widget("pro.colorpicker", {
options : {
allow_none : true,
// columns : 6,
// colors : ["#000000", "#FFFFFF", "#EEEEEE", "#CCCCCC", "#999999", "#6666
66", "#FF0000", "#FFA500", "#FFFF00", "#FFFACD", "#90EE90", "#008000", "#ADD8E6"
, "#0000FF", "#000080", "#800080", "#FF00FF", "#800000"],
value : "#000000"
},
/**
* @return {undefined}
*/
_create : function() {
var elem = this;
// var element = this.element;
// element.addClass("btn-group").addClass("colorpicker");
// element.empty();
// var heading = $(['<button class="btn dropdown-toggle " data-toggle="dro
pdown">', '<span class="front-swatch">', "</span>", "</button>", '<ul class="dro
pdown-menu swatches"></ul>', "</div>"].join("\n"));
// element.append(heading);
// var $this = element.find("ul.swatches");
// if (this.options.allow_none) {
// var property = $('<li class="none"><a class="swatch" data-value="NONE
"><span class="icon"></span><span class="lbl">None</span></a></li>');
// $this.append(property);
// }
// $.each(this.options.colors, function(dataAndEvents, letter) {
// letter = letter.toUpperCase();
// var property = $('<li><a class="swatch" data-value="' + letter + '"><
span class="icon" style="background:' + letter + ';" ></span></a></li>');
// $this.append(property);
// });
// $this.css({
// width : 23 * this.options.columns + "px",
// "max-width" : 23 * this.options.columns + "px",
// "min-width" : "20px"

// });
// $this.click(function(ev) {
// if (ev.target == $this[0]) {
//
ev.stopPropagation();
// }
// });
// $this.on("click", "a.swatch", function() {
// var cycle = $(this).attr("data-value");
// elem.value(cycle, true);
// });
elem.value(elem.options.value);
},
/**
* @param {string} type
* @param {string} name
* @return {?}
*/
value : function(type, name) {
return void 0 === type ? this.options.value : (this.options.value = type,
$frontSwatch = this.element.find(".front-swatch"), "NONE" == type.toUpperCase()
? ($frontSwatch.addClass("none"), $frontSwatch.css("background", "")) : ($frontS
watch.removeClass("none"), $frontSwatch.css("background", type)), this.element.t
rigger({
type : "change",
value : type,
userInitiated : void 0 === name ? false : name
}), void 0);
},
/**
* @param {boolean} result
* @return {undefined}
*/
allowNone : function(result) {
var fb = this;
var carousel = this.element;
if (result && !this.options.allowNone) {
/** @type {boolean} */
this.options.allowNone = true;
var $e = carousel.find("ul.swatches");
if (0 == $e.find("li.none").length) {
var $cursorDiv = $('<li class="none"><a class="swatch" data-value="NON
E"><span class="icon"></span><span class="lbl">None</span></a></li>');
$e.prepend($cursorDiv);
}
} else {
if (!result && this.options.allowNone) {
/** @type {boolean} */
this.options.allowNone = false;
if ("NONE" == fb.value()) {
fb.value("#000000", true);
}
$e = carousel.find("ul.swatches");
if ($e.find("li.none").length > 0) {
$e.find("li.none").remove();
}
}
}
}
})
$.widget("pro.activeElement", {

options : {
type : "NONE",
family : "NONE",
transform : {
x : 0,
y : 0
},
content : {},
style : {}
},
/**
* @return {undefined}
*/
_create : function() {
var elem = this;
var element = this.element;
var klass = Math.uuid(15);
var name = this.options.type.toUpperCase();
switch(element.attr("data-id", klass), element.attr("data-type", name), el
ement.addClass("active-element"), name) {
case "TEXT":
/** @type {string} */
this.options.family = "TEXT";
-1 * 2 * Math.floor(this.options.style.size / 10);
element.addClass("text-element").addClass("is-editing");
element.attr("contentEditable", "true");
element.html(this.options.content.text);
element.css({
left : this.options.transform.x + "px",
top : this.options.transform.y + "px",
color : this.options.style.color,
background : this.options.style.bg_color,
"font-family" : this.options.style.font,
"font-size" : this.options.style.size + "px",
"font-weight" : this.options.style.bold ? "bold" : "normal",
"font-style" : this.options.style.italic ? "italic" : "normal",
"text-align" : this.options.style.align,
"padding-left" : "0px",
"padding-right" : "0px",
"margin-top" : "0px"
});
break;
case "PATH":
/** @type {string} */
this.options.family = "PATH";
element.addClass("svg-element");
var mask = $(["<svg>", '<g class="transform-wrapper" transform="transl
ate(' + this.options.transform.x + "," + this.options.transform.y + "),scale(" +
this.options.transform.scaleX + "," + this.options.transform.scaleY + ')">', '<
path d="' + this.options.content.data + '" stroke-width="' + this.options.style.
stroke_width + '" stroke="' + this.options.style.stroke_color + '" fill="none" v
ector-effect="non-scaling-stroke"/>', "</g>", "</svg>"].join("\n"));
element.append(mask);
break;
case "IMAGE":
/** @type {string} */
this.options.family = "IMAGE";
element.addClass("image-element");
element.attr("src", this.options.content.url);
element.css({

left : this.options.transform.x + "px",


top : this.options.transform.y + "px",
width : this.options.transform.width + "px",
height : this.options.transform.height + "px"
});
break;
case "SIGNATURE":
if (this.options.family = "SIGNATURE", "image" == this.options.content
.type) {
element.addClass("signature-element");
element.attr("src", this.options.content.value);
element.css({
left : this.options.transform.x + "px",
top : this.options.transform.y + "px",
width : this.options.transform.width + "px",
height : this.options.transform.height + "px"
});
} else if ("drawing" == this.options.content.type) {
element.addClass("signature-element").addClass("svg-element");
/** @type {Array} */
var assigns = [];
var attributes = this.options.content.value;
if (_.isString(attributes)) {
attributes = $.parseJSON(this.options.content.value);
}
$.each(attributes, function(deepDataAndEvents, dataAndEvents) {
/** @type {string} */
var vvar = '<path d="' + dataAndEvents + '" stroke-width="' + elem
.options.style.stroke_width + '" stroke="#000000" fill="none" vector-effect="non
-scaling-stroke"/>';
assigns.push(vvar);
});
/** @type {string} */
var querystring = assigns.join("\n");
mask = $(["<svg>", '<g class="transform-wrapper" transform="translat
e(' + this.options.transform.x + "," + this.options.transform.y + "),scale(" + t
his.options.transform.scaleX + "," + this.options.transform.scaleY + ')">', quer
ystring, "</g>", "</svg>"].join("\n"));
element.append(mask);
} else {
-1 * 2 * Math.floor(this.options.style.size / 10);
element.addClass("text-element").addClass("is-editing");
element.attr("contentEditable", "true");
element.html(this.options.content.text);
element.css({
left : this.options.transform.x + "px",
top : this.options.transform.y + "px",
color : this.options.style.color,
background : this.options.style.bg_color,
"font-family" : this.options.style.font,
"font-size" : this.options.style.size + "px",
"font-weight" : "normal",
"font-style" : "normal",
"text-align" : "left",
"padding-left" : "0px",
"padding-right" : "0px",
"margin-top" : "0px"
});
}
break;

case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
switch(this.options.family = "SYMBOL", element.addClass("symbol-elemen
t"), element.css({
left : this.options.transform.x + "px",
top : this.options.transform.y + "px",
color : this.options.style.color,
"font-size" : this.options.style.size + "px"
}), name) {
case "SYMBOL_CHECKMARK":
element.append('<i class="fa fa-check"></i>');
break;
case "SYMBOL_REMOVE":
element.append('<i class="fa fa-times"></i>');
break;
case "SYMBOL_ARROW_LEFT":
element.append('<i class="fa fa-arrow-left"></i>');
break;
case "SYMBOL_ARROW_RIGHT":
element.append('<i class="fa fa-arrow-right"></i>');
break;
case "SYMBOL_ARROW_UP":
element.append('<i class="fa fa-arrow-up"></i>');
break;
case "SYMBOL_ARROW_DOWN":
element.append('<i class="fa fa-arrow-down"></i>');
break;
case "SYMBOL_THUMBS_UP":
element.append('<i class="fa fa-thumbs-o-up"></i>');
break;
case "SYMBOL_THUMBS_DOWN":
element.append('<i class="fa fa-thumbs-o-down"></i>');
break;
case "SYMBOL_QUESTION":
element.append('<i class="fa fa-question-circle"></i>');
break;
case "SYMBOL_EXCLAMATION":
element.append('<i class="fa fa-exclamation-circle"></i>');
}
break;
case "RANDOM_SVG":
/** @type {string} */
this.options.family = "SVG";

element.addClass("svg-element");
mask = $(["<svg>", '<g class="transform-wrapper" transform="translate(
' + this.options.transform.x + "," + this.options.transform.y + "),scale(" + thi
s.options.transform.scaleX + "," + this.options.transform.scaleY + ')">', this.o
ptions.content.svg, "</g>", "</svg>"].join("\n"));
element.append(mask);
break;
case "WHITEOUT_BLOCK":
;
case "HIGHLIGHT_BLOCK":
;
case "REDACT_BLOCK":
;
case "RECTANGLE":
;
case "ELLIPSE":
;
case "LINE":
/** @type {string} */
this.options.family = "SHAPE";
element.addClass("svg-element");
var part;
/** @type {number} */
var d = 24;
var t = this.options.transform.width;
var ms = this.options.transform.height;
/** @type {number} */
var id = t / d;
/** @type {number} */
var s = ms / d;
switch(name) {
case "WHITEOUT_BLOCK":
/** @type {string} */
part = '<rect width="' + d + '" height="' + d + '" fill="' + this.
options.style.fill_color + '"/>';
break;
case "HIGHLIGHT_BLOCK":
/** @type {string} */
part = '<rect width="' + d + '" height="' + d + '" stroke="none" f
ill="yellow" opacity=".2"/>';
break;
case "REDACT_BLOCK":
/** @type {string} */
part = '<rect width="' + d + '" height="' + d + '" stroke="none" f
ill="black"/>';
break;
case "RECTANGLE":
/** @type {string} */
part = '<rect width="' + d + '" height="' + d + '" stroke-width="'
+ this.options.style.stroke_width + '" stroke="' + this.options.style.stroke_co
lor + '" vector-effect="non-scaling-stroke" fill="' + this.options.style.fill_co
lor + '"/>';
break;
case "ELLIPSE":
/** @type {string} */
part = '<circle cx="' + d / 2 + '" cy="' + d / 2 + '" r="' + d / 2
+ '" stroke-width="' + this.options.style.stroke_width + '" stroke="' + this.op
tions.style.stroke_color + '" vector-effect="non-scaling-stroke" fill="' + this.
options.style.fill_color + '"/>';
break;

case "LINE":
var isXML = this.options.transform.reversed;
/** @type {string} */
part = isXML ? '<line x1="' + d + '" y1="0" x2="0" y2="' + d + '"
stroke-width="' + this.options.style.stroke_width + '" stroke="' + this.options.
style.stroke_color + '" vector-effect="non-scaling-stroke"/>' : '<line x1="0" y1
="0" x2="' + d + '" y2="' + d + '" stroke-width="' + this.options.style.stroke_w
idth + '" stroke="' + this.options.style.stroke_color + '" vector-effect="non-sc
aling-stroke"/>';
}
mask = $(["<svg>", '<g class="transform-wrapper" transform="translate(
' + this.options.transform.x + "," + this.options.transform.y + "),scale(" + id
+ "," + s + ')">', part, "</g>", "</svg>"].join("\n"));
element.append(mask);
}
// console.log("create element");
},
/**
* @param {string} type
* @return {?}
*/
style : function(type) {
if (void 0 === type) {
return this.options.style;
}
$.extend(this.options.style, type);
var el = this.element;
var context = el.data("type");
switch(context) {
case "TEXT":
-1 * 2 * Math.floor(this.options.style.size / 10);
el.css({
color : this.options.style.color,
background : this.options.style.bg_color,
"font-family" : this.options.style.font,
"font-size" : this.options.style.size + "px",
"font-weight" : this.options.style.bold ? "bold" : "normal",
"font-style" : this.options.style.italic ? "italic" : "normal",
"text-align" : this.options.style.align,
"margin-top" : "0px;"
});
break;
case "SIGNATURE":
if(el.is("p")) {
-1 * 2 * Math.floor(this.options.style.size / 10);
el.css({
color : this.options.style.color,
background : this.options.style.bg_color,
"font-family" : this.options.style.font,
"font-size" : this.options.style.size + "px",
"font-weight" : "normal",
"font-style" : "normal",
"text-align" : "left",
"margin-top" : "0px;"
});
};
break;
case "PATH":
el.find("path").attr("stroke-width", this.options.style.stroke_width).
attr("stroke", this.options.style.stroke_color);

break;
case "WHITEOUT_BLOCK":
el.find("g.transform-wrapper *").attr("fill", this.options.style.fill_
color);
break;
case "RECTANGLE":
;
case "ELLIPSE":
;
case "LINE":
el.find("g.transform-wrapper *").attr("stroke-width", this.options.sty
le.stroke_width).attr("stroke", this.options.style.stroke_color).attr("fill", th
is.options.style.fill_color);
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
el.css({
color : this.options.style.color,
"font-size" : this.options.style.size + "px"
});
}
},
/**
* @param {string} dataAndEvents
* @param {string} deepDataAndEvents
* @param {Object} stageWidth
* @param {Object} stageHeight
* @return {undefined}
*/
transformSVG : function(dataAndEvents, deepDataAndEvents, stageWidth, stageH
eight) {
var stage = this.svgProperties();
$svgTransformWrapper = this.element.find("g.transform-wrapper");
if ("undefined" == typeof stageWidth || "undefined" == typeof stageHeight)
{
$svgTransformWrapper.attr("transform", "translate(" + dataAndEvents + ",
" + deepDataAndEvents + "),scale(" + stage.scale.x + "," + stage.scale.y + ")");
} else {
/** @type {number} */
scaleX = stageWidth / stage.width;
/** @type {number} */
scaleY = stageHeight / stage.height;
$svgTransformWrapper.attr("transform", "translate(" + dataAndEvents + ",

" + deepDataAndEvents + "),scale(" + scaleX + "," + scaleY + ")");


}
},
/**
* @param {(Function|string)} wrapper
* @return {?}
*/
transformProperties : function(wrapper) {
wrapper = this.element;
if (wrapper.hasClass("svg-element")) {
var point = this.svgProperties();
return{
x : point.translate.x,
y : point.translate.y,
width : point.width * point.scale.x,
height : point.height * point.scale.y
};
}
return wrapper.hasClass("text-element") ? {
x : parseInt(wrapper.css("left")),
y : parseInt(wrapper.css("top")),
width : parseInt(wrapper.css("width")) + 2 * this.options.style.h_paddin
g,
height : parseInt(wrapper.css("height"))
} : {
x : parseInt(wrapper.css("left")),
y : parseInt(wrapper.css("top")),
width : parseInt(wrapper.css("width")),
height : parseInt(wrapper.css("height"))
};
},
/**
* @return {?}
*/
svgProperties : function() {
$svgTransformWrapper = this.element.find("g.transform-wrapper");
var lines = $svgTransformWrapper.attr("transform");
lines = lines.split(" ").join(",");
var data = {};
var i;
for (i in lines = lines.match(/(\w+\((\-?\d+\.?\d*,?)+\))+/g)) {
var element = lines[i].match(/[\w\.\-]+/g);
data[element.shift()] = element;
}
var p = "undefined" == typeof data.translate ? [0, 0] : data.translate;
var xy = "undefined" == typeof data.scale ? [1, 1] : data.scale;
try {
var result = $svgTransformWrapper[0].getBBox();
} catch (s) {
result = {
width : 0,
height : 0,
x : 0,
y : 0
};
}
/** @type {({x: ?, y: ?})} */
var fromScale = 2 == xy.length ? {
x : xy[0],
y : xy[1]

} : {
x : xy[0],
y : xy[0]
};
var map = {
translate : {
x : p[0],
y : p[1]
},
scale : fromScale,
width : result.width,
height : result.height
};
return map;
},
/**
* @return {?}
*/
toJSON : function() {
var self = {};
self.type = this.options.type;
self.family = this.options.family;
self.style = this.style();
self.transform = {};
self.content = {};
var cfg = this.transformProperties();
/** @type {null} */
var viewport = null;
switch(this.options.type) {
case "TEXT":
// console.log(this.element);
self.content.text = this.element.getPreText();
self.transform = {
x : cfg.x,
y : cfg.y,
width : cfg.width
};
break;
case "IMAGE":
self.content.image_id = this.options.content.image_id;
self.transform = {
x : cfg.x,
y : cfg.y,
width : cfg.width,
height : cfg.height
};
break;
case "SIGNATURE":
self.content.signature_id = this.options.content.signature_id;
self.content.type = this.options.content.type;
if ("image" == this.options.content.type) {
self.transform = {
x : cfg.x,
y : cfg.y,
width : cfg.width,
height : cfg.height
};
} else {
if ("drawing" == this.options.content.type) {
viewport = this.svgProperties();

self.transform = {
x : cfg.x,
y : cfg.y,
scaleX : viewport.scale.x,
scaleY : viewport.scale.y
};
} else {
if ("text" == this.options.content.type) {
self.content.text = this.element.getPreText();
self.transform = {
x : cfg.x,
y : cfg.y,
width : cfg.width
};
}
}
}
break;
case "PATH":
self.content.data = this.options.content.data;
viewport = this.svgProperties();
self.transform = {
x : cfg.x,
y : cfg.y,
scaleX : viewport.scale.x,
scaleY : viewport.scale.y
};
break;
case "RANDOM_SVG":
self.content.svg = this.options.content.svg;
viewport = this.svgProperties();
self.transform = {
x : cfg.x,
y : cfg.y,
scaleX : viewport.scale.x,
scaleY : viewport.scale.y
};
break;
case "WHITEOUT_BLOCK":
;
case "HIGHLIGHT_BLOCK":
;
case "REDACT_BLOCK":
;
case "RECTANGLE":
;
case "ELLIPSE":
viewport = this.svgProperties();
self.transform = {
x : cfg.x,
y : cfg.y,
width : viewport.scale.x * viewport.width,
height : viewport.scale.y * viewport.height
};
break;
case "LINE":
delete self.style.fill_color;
viewport = this.svgProperties();
var shape = this.element.find("line");
var klass = shape.attr("x2");

var path = shape.attr("y2");


/** @type {boolean} */
var reversed = false;
if (0 == klass && 0 != path || 0 != klass && 0 == path) {
/** @type {boolean} */
reversed = true;
}
if (viewport.scale.x < 0 && viewport.scale.y >= 0) {
shape.attr("x1", klass);
shape.attr("x2", x1);
} else {
if (viewport.scale.x >= 0) {
if (viewport.scale.y < 0) {
shape.attr("y1", path);
shape.attr("y2", y1);
}
}
}
viewport = this.svgProperties();
self.transform = {
x : cfg.x,
y : cfg.y,
width : viewport.scale.x * viewport.width,
height : viewport.scale.y * viewport.height,
reversed : reversed
};
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
self.transform = {
x : cfg.x,
y : cfg.y
};
}
return self;
}
})
$.widget("pro.activeEditor", {
options : {
mode : "TRANSFORM",
tool_settings : {
text : {
font : "Arial",

size : 14,
bold : false,
italic : false,
align : "left",
color : "#000000",
bg_color : "NONE"
},
path : {
stroke_color : "#000000",
stroke_width : 2
},
shape : {
fill_color : "NONE",
stroke_color : "#000000",
stroke_width : 2
},
symbol : {
color : "#000000",
size : 18
},
signature : {
color : "#000000",
size : 40
},
erase : {
fill_color : "#ffffff"
}
},
textPadding : [0, 4, 0, 4],
initialShapeHeight : 24,
image : null,
signature : null,
images : [],
signatures : []
},
/**
* @return {undefined}
*/
_create : function() {
/**
* @param {Function} attrs
* @param {Object} scope
* @return {undefined}
*/
function postLink(attrs, scope) {
var optgroup = scope.position.left;
var expectedNumberOfNonCommentArgs = scope.position.top;
var width = scope.size.width;
var height = scope.size.height;
var cover = that.selectedElement().transformElement;
var me = that.selectedElement().activeElement;
cover.css({
left : optgroup + "px",
top : expectedNumberOfNonCommentArgs + "px",
width : width + "px",
height : height + "px"
});
if (me.hasClass("svg-element")) {
me.activeElement("transformSVG", optgroup, expectedNumberOfNonCommentA
rgs, width, height);

} else {
me.css({
left : optgroup + "px",
top : expectedNumberOfNonCommentArgs + "px",
width : width + "px",
height : height + "px"
});
}
}
/**
* @param {?} dataAndEvents
* @param {Object} ui
* @return {undefined}
*/
function drag(dataAndEvents, ui) {
var optgroup = ui.position.left;
var expectedNumberOfNonCommentArgs = ui.position.top;
var labelelem = that.selectedElement().transformElement;
var elem = that.selectedElement().activeElement;
labelelem.css({
left : optgroup + "px",
top : expectedNumberOfNonCommentArgs + "px"
});
if (elem.hasClass("svg-element")) {
elem.activeElement("transformSVG", optgroup, expectedNumberOfNonCommen
tArgs);
} else {
elem.css({
left : optgroup + "px",
top : expectedNumberOfNonCommentArgs + "px"
});
}
}
var that = this;
var element = this.element;
this._state = Object();
/** @type {null} */
this._state.currentActiveElement = null;
/** @type {null} */
this._state.currentTransformElement = null;
/** @type {null} */
this._state.focusedTextElement = null;
/** @type {boolean} */
this._state.leftButtonDown = false;
/** @type {number} */
this._textPaddingX = 4;
if ("relative" != element.css("position")) {
if ("absolute" != element.css("position")) {
element.css({
position : "relative",
border : "dotted 2px black"
});
}
}
element.addClass("active-editor");
element.attr("spellcheck", "false");
var heading = $('<div id="element-layer" class="active-layer"></div>');
var property = $('<canvas id="path-layer" class="active-layer" style="posi
tion:absolute;left:0;top:0;"></canvas>');
var clone = $('<div id="text-layer" class="active-layer"></div>');

var dummy = $('<div id="creation-layer" class="active-layer"></div>');


element.append(heading);
element.append(property);
element.append(clone);
element.append(dummy);
var elm = $(['<div id="transformer" style="display:block;" class="resize-a
ll">', '<div class="drag-overlay"></div>', '<div class="ui-resizable-handle ui-r
esizable-nw" id="nwgrip"></div>', '<div class="ui-resizable-handle ui-resizablene" id="negrip"></div>', '<div class="ui-resizable-handle ui-resizable-sw" id="s
wgrip"></div>', '<div class="ui-resizable-handle ui-resizable-se" id="segrip"></
div>', '<a class="btn btn-danger delete-element-button"><i class="fa fa-times" s
tyle="position: absolute;top: 1px;left: 3px;"></i></a>', "</div>"].join("\n"));
elm.resizable({
handles : {
ne : "#negrip",
se : "#segrip",
sw : "#swgrip",
nw : "#nwgrip"
},
/** @type {function (Function, Object): undefined} */
resize : postLink
});
element.append(elm);
elm.draggable({
containment : element,
cursor : "move",
/** @type {function (?, Object): undefined} */
drag : drag
});
var node = $(['<div id="text-transformer" style="display:inline-block;">',
'<div class="text-transformer-text-element" contenteditable="true">', "</div>",
'<a class="btn btn-danger delete-element-button"><i class="fa fa-times" style="
position: absolute;top: 0px;left: 2px;"></i></a>', '<a class="btn edit-element-b
utton"><i class="fa fa-pencil" style="color:#CC0000"></i></a>', '<a class="btn d
rag-element-button"><i class="fa fa-arrows" style="color:#CC0000"></i></a>', "</
div>"].join("\n"));
element.append(node);
node.draggable({
containment : element,
cursor : "move",
/** @type {function (?, Object): undefined} */
drag : drag
});
element.on("click", ".delete-element-button", function() {
that._state.currentActiveElement.remove();
that._state.currentTransformElement.remove();
that._clearTransformers();
});
node.dblclick(function() {
that._textTransformerEnableEditing();
});
element.on("mousedown", ".edit-element-button", function() {
that._textTransformerEnableEditing();
});
element.on("mousedown", ".drag-element-button", function(type) {
that._textTransformerEnableDragging();
$(this).trigger(type);
});
var el = $("#context-menu");
$("body").on("contextmenu", ".drag-overlay", function(touch) {

return el.css({
display : "block",
left : touch.pageX,
top : touch.pageY
}), false;
});
el.on("click", "a", function() {
el.hide();
if (null != that._state.currentActiveElement) {
that._state.currentActiveElement.remove();
that._state.currentTransformElement.remove();
element.find("#transformer").hide();
}
});
$(document).click(function() {
el.hide();
});
that.mode("TEXT");
that.tool_settings(that.options.tool_settings);
},
/**
* @param {number} result
* @return {?}
*/
tool_settings : function(result) {
if (void 0 === result) {
return this.options.tool_settings;
}
if ($.extend(true, this.options.tool_settings, result), $selectedElement =
this.selectedElement().activeElement, $focusedElement = this._focusedElement(),
null != $selectedElement) {
var type = $selectedElement.data("type");
switch(type) {
case "PATH":
$selectedElement.activeElement("style", this.options.tool_settings.p
ath);
break;
case "WHITEOUT_BLOCK":
$selectedElement.activeElement("style", this.options.tool_settings.e
rase);
break;
case "RECTANGLE":
;
case "ELLIPSE":
;
case "LINE":
$selectedElement.activeElement("style", this.options.tool_settings.s
hape);
break;
case "TEXT":
$selectedElement.activeElement("style", this.options.tool_settings.t
ext);
var $slide = this.element.find("#text-transformer");
var el = $slide.find(".text-transformer-text-element");
el.css({
color : this.options.tool_settings.text.color,
background : this.options.tool_settings.text.bg_color,
"font-family" : this.options.tool_settings.text.font,
"font-size" : this.options.tool_settings.text.size + "px",
"font-weight" : this.options.tool_settings.text.bold ? "bold" : "n

ormal",
"font-style" : this.options.tool_settings.text.italic ? "italic" :
"normal",
"text-align" : this.options.tool_settings.text.align
});
var reparsedElement = this.selectedElement().transformElement;
var style = {
width : parseInt($selectedElement.css("width")) + 2 * this._textPa
ddingX,
height : $selectedElement.css("height"),
"margin-top" : $selectedElement.css("margin-top")
};
reparsedElement.css(style);
break;
case "SIGNATURE":
if ($selectedElement.is("p")) {
$selectedElement.activeElement("style", this.options.tool_settings
.signature);
var $slide = this.element.find("#text-transformer");
var el = $slide.find(".text-transformer-text-element");
el.attr("contenteditable", "false");
el.css({
color : this.options.tool_settings.signature.color,
"font-family" : "journal",
"font-size" : this.options.tool_settings.signature.size + "px"
});
var reparsedElement = this.selectedElement().transformElement;
var style = {
width : parseInt($selectedElement.css("width")) + 2 * this._text
PaddingX,
height : $selectedElement.css("height"),
"margin-top" : $selectedElement.css("margin-top")
};
reparsedElement.css(style);
}
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
$selectedElement.activeElement("style", this.options.tool_settings.s
ymbol);
reparsedElement = this.selectedElement().transformElement;
$slide = this.element.find("#transformer");
style = {

width : $selectedElement.css("width"),
height : $selectedElement.css("height")
};
reparsedElement.css(style);
$slide.css(style);
}
} else {
if (null != $focusedElement) {
$focusedElement.activeElement("style", this.options.tool_settings.text
);
}
}
this._updateSymbolCursor();
this.element.trigger({
type : "changeToolSettings",
tool_settings : this.options.tool_settings
});
},
/**
* @param {string} mode
* @return {?}
*/
mode : function(mode) {
if (void 0 === mode) {
return this.options.mode;
}
switch(this._deactivateModes(), this.options.mode = mode, mode.toUpperCase
()) {
case "TRANSFORM":
this._activateMode_transform();
break;
case "TEXT":
this._activateMode_transform();
break;
case "PEN":
this._activateMode_pen();
break;
case "IMAGE":
this._activateMode_image();
break;
case "SIGNATURE":
this._activateMode_signature();
break;
case "WHITEOUT_BLOCK":
this._activateMode_shape();
break;
case "HIGHLIGHT_BLOCK":
this._activateMode_shape();
break;
case "REDACT_BLOCK":
this._activateMode_shape();
break;
case "RECTANGLE":
this._activateMode_shape();
break;
case "ELLIPSE":
this._activateMode_shape();
break;
case "LINE":
this._activateMode_shape();

break;
case "RANDOM_SVG":
this._activateMode_svg();
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
this._activateMode_symbol();
}
this.element.trigger({
type : "changeMode",
mode : mode
});
},
/**
* @param {Object} data
* @return {?}
*/
image : function(data) {
if (void 0 === data) {
return this.options.image;
}
/** @type {Object} */
this.options.image = data;
this.options.images[data.id] = data.url;
var team = this._newImageElement(0, 0, this.options.image.id, this.options
.image.url);
$creationLayer = $("#creation-layer");
$creationLayer.append(team);
this._state.cursorElement = team;
this._state.cursorElement.addClass("trans-75");
},
/**
* @param {Object} options
* @return {?}
*/
signature : function(options) {
if (void 0 === options) {
return this.options.signature;
}
/** @type {Object} */
this.options.signature = options;
this.options.signatures[options.id] = {
type : options.type,

value : options.value
};
var team = this._newSignatureElement(0, 0, this.options.signature.id, this
.options.signature.type, this.options.signature.value);
$creationLayer = $("#creation-layer");
$creationLayer.append(team);
this._state.cursorElement = team;
this._state.cursorElement.addClass("trans-75");
},
/**
* @param {number} recurring
* @return {?}
*/
selectedElement : function(recurring) {
if (void 0 === recurring) {
return{
activeElement : this._state.currentActiveElement,
transformElement : this._state.currentTransformElement
};
}
var _textTransformerEnableDragging = this;
var elem = this.element;
var rule = this.element.find("#text-transformer");
var $link = this._state.currentActiveElement;
if (null != $link && $link.hasClass("text-element")) {
var href = rule.find(".text-transformer-text-element").html();
if (0 === $.trim(href).length) {
$link.remove();
} else {
$link.html(href);
$link.show();
}
this._refreshTextElementTransformElement($link);
}
if (null == recurring) {
/** @type {null} */
this._state.currentTransformElement = null;
/** @type {null} */
this._state.currentActiveElement = null;
} else {
this._state.currentTransformElement = this.element.find("#transform-laye
r").find('[data-id="' + recurring + '"]');
this._state.currentActiveElement = this.element.find("#element-layer").f
ind('[data-id="' + recurring + '"]');
}
var s = this._state.currentActiveElement;
var bar = this._state.currentTransformElement;
if (null == s) {
this._clearTransformers();
} else {
var type = s.data("type");
var value = s.activeElement("style");
var scope = {};
switch(type) {
case "TEXT":
scope.text = value;
break;
case"SIGNATURE":
scope.signature = value;
break;

case "PATH":
scope.path = value;
break;
case "WHITEOUT_BLOCK":
scope.erase = value;
break;
case "RECTANGLE":
;
case "ELLIPSE":
;
case "LINE":
scope.shape = value;
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
scope.symbol = value;
}
this.tool_settings(scope);
this._clearTransformers();
/** @type {null} */
var el = null;
if (s.hasClass("text-element")) {
el = elem.children("#text-transformer");
var l = bar.css("left");
var top = bar.css("top");
el.css({
display : "block",
left : l,
top : top
});
el.find(".text-transformer-text-element").html(s.html());
s.hide();
bar.hide();
_textTransformerEnableDragging._textTransformerEnableDragging();
} else {
el = elem.children("#transformer");
l = bar.css("left");
top = bar.css("top");
var w = bar.css("width");
var imgHeight = bar.css("height");
el.css({
display : "block",
left : l,

top : top,
width : w,
height : imgHeight
});
if (s.hasClass("symbol-element")) {
el.removeClass();
el.addClass("resize-none");
} else {
el.removeClass();
el.addClass("resize-all");
}
}
el.show();
}
this.element.trigger({
type : "selectElement",
activeElement : this._state.currentActiveElement,
transformElement : this._state.currentTransformElement,
elementID : recurring
});
},
/**
* @param {?} chunk
* @return {?}
*/
_focusedElement : function(chunk) {
if (void 0 === chunk) {
return this._state.focusedTextElement;
}
this._state.focusedTextElement = null == chunk ? null : chunk;
var targetDocument = this._state.focusedTextElement;
if (null != targetDocument) {
var s = targetDocument.activeElement("style");
var res = {};
res.text = s;
this.tool_settings(res);
}
this.element.trigger({
type : "focusElement",
element : this._state.focusedTextElement
});
},
/**
* @return {undefined}
*/
clear : function() {
var $suggestions = this.element.find("#element-layer");
var prop = this.element.find("#transform-layer");
$suggestions.empty();
prop.empty();
},
/**
* @return {?}
*/
writeJSON : function() {
// console.log("writeJSON");
// console.log("this mode:" + this.mode());
var time = this;
var carousel = this.element;
var closest = carousel.find("#element-layer");

time.mode(time.mode());
/** @type {Array} */
var eventPath = [];
return closest.children(".active-element").each(function() {
var doc = $(this);
elementJSON = doc.activeElement("toJSON");
eventPath.push(elementJSON);
}), eventPath;
},
/**
* @param {?} attributes
* @return {undefined}
*/
readJSON : function(attributes) {
// console.log("readJSON");
var me = this;
var carousel = this.element;
var stringBuffer = carousel.find("#element-layer");
me.clear();
if (0 == _.isUndefined(attributes)) {
$.each(attributes, function(dataAndEvents, cycle) {
var lineSeparator = me._createElementFromJSON(cycle);
stringBuffer.append(lineSeparator);
});
}
me.mode("TEXT");
},
/**
* @return {undefined}
*/
_deactivateModes : function() {
var mode = this.options.mode;
switch(mode) {
case "TRANSFORM":
this._deactivateMode_transform();
break;
case "TEXT":
this._deactivateMode_transform();
break;
case "PEN":
this._deactivateMode_pen();
break;
case "IMAGE":
this._deactivateMode_image();
break;
case "SIGNATURE":
this._deactivateMode_signature();
break;
case "WHITEOUT_BLOCK":
;
case "HIGHLIGHT_BLOCK":
;
case "REDACT_BLOCK":
;
case "RECTANGLE":
;
case "ELLIPSE":
;
case "LINE":
this._deactivateMode_shape();

break;
case "RANDOM_SVG":
this._deactivateMode_svg();
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
this._deactivateMode_symbol();
}
},
/**
* @return {undefined}
*/
_deactivateMode_transform : function() {
var carousel = this.element;
var selfObj = carousel.find("#transform-layer");
this._clearTransformers();
selfObj.remove();
this.selectedElement(null);
},
/**
* @return {undefined}
*/
_activateMode_transform : function() {
// console.log("_activateMode_transform");
var that = this;
var wrapper = this.element;
var $element = wrapper.find("#element-layer");
var container = $('<div id="transform-layer" class="active-layer"></div>')
;
wrapper.append(container);
wrapper.append(wrapper.find("#transformer"));
wrapper.append(wrapper.find("#text-transformer"));
container.resize(function() {
that.mode("TEXT");
});
var toSize;
var cellWidth;
var containerHeight;
var tmpTop;
var margin_top;
$element.children(".active-element").each(function() {
var $img = $(this);
var size = $img.activeElement("transformProperties");

if ($img.hasClass("text-element")) {
/** @type {string} */
toSize = size.x + "px";
/** @type {string} */
cellWidth = size.y + "px";
containerHeight = $img.width() + "px";
tmpTop = $img.height() + "px";
margin_top = $img.css("margin-top");
} else {
if ($img.hasClass("svg-element")) {
if ("TEXT" == that.mode()) {
return true;
}
/** @type {string} */
toSize = size.x + "px";
/** @type {string} */
cellWidth = size.y + "px";
/** @type {string} */
containerHeight = size.width + "px";
/** @type {string} */
tmpTop = size.height + "px";
/** @type {string} */
margin_top = "0px";
} else {
if ("TEXT" == that.mode()) {
return true;
}
/** @type {string} */
toSize = size.x + "px";
/** @type {string} */
cellWidth = size.y + "px";
/** @type {string} */
containerHeight = size.width + "px";
/** @type {string} */
tmpTop = size.height + "px";
/** @type {string} */
margin_top = "0px";
}
}
container.append('<div class="transform-element" data-id="' + $img.data(
"id") + '" style="left:' + toSize + ";top:" + cellWidth + ";width:" + containerH
eight + ";height:" + tmpTop + ";margin-top:" + margin_top + ';"></div>');
});
container.on("mousedown.transformEvents", ".transform-element", function(t
ype) {
var recurring = $(this).data("id");
that.selectedElement(recurring);
var activeElement = that.selectedElement().activeElement;
/** @type {null} */
var obj = null;
if (activeElement.hasClass("text-element")) {
obj = wrapper.children("#text-transformer");
container.addClass("selected-text-mode");
} else {
obj = wrapper.children("#transformer");
}
obj.trigger(type);
});
if ("TEXT" == that.mode()) {
container.addClass("text-mode");

container.bind("click.transformEvents", function(e) {
// console.log("transformEvents text");
if (e.target == container[0]) {
if (null == that._state.currentActiveElement) {
var p = that._getRelativePosition(e, container);
var $field = that._newTextElement(p[0], p[1], "", that.options.too
l_settings);
$element.append($field);
that._refreshTextElementTransformElement($field);
var recurring = $field.data("id");
that.selectedElement(recurring);
that._textTransformerEnableEditing();
container.addClass("selected-text-mode");
} else {
that.selectedElement(null);
container.removeClass("selected-text-mode");
}
}
});
} else {
container.bind("click.transformEvents", function(e) {
// console.log("transformEvents non-text");
if (e.target == container[0]) {
that.selectedElement(null);
}
});
}
},
/**
* @return {undefined}
*/
_deactivateMode_pen : function() {
var Events = this.element.find("#path-layer");
Events.unbind("mousedown.pathEvents");
Events.unbind("mousemove.pathEvents");
$(document).unbind("mouseup.pathEvents");
drawing = false;
},
/**
* @return {undefined}
*/
_activateMode_pen : function() {
var that = this;
var elt = this.element;
var $table = elt.find("#element-layer");
var selected = elt.find("#path-layer");
selected.parent().append(selected);
var canvas = selected.get(0);
canvas.width = elt.width();
canvas.height = elt.height();
var context = canvas.getContext("2d");
/** @type {Array} */
var list = [];
selected.bind("mousedown.pathEvents", function(e) {
// console.log(e);
e.originalEvent.preventDefault();
if (1 === e.which) {
/** @type {boolean} */
that._state.leftButtonDown = true;
pos = that._getRelativePosition(e, selected);

context.beginPath();
context.lineWidth = that.options.tool_settings.path.stroke_width;
context.strokeStyle = that.options.tool_settings.path.stroke_color;
context.moveTo(pos[0], pos[1]);
list.push(pos);
drawing = true;
}
});
$(document).bind("mouseup.pathEvents", function(event) {
if (1 === event.which) {
if (that._state.leftButtonDown = false, list.length > 0) {
var sorted = that._newPathElement(list, that.options.tool_settings);
$table.append(sorted);
}
drawing = false;
/** @type {Array} */
list = [];
context.clearRect(0, 0, canvas.width, canvas.height);
}
});
selected.bind("mousemove.pathEvents", function(datum) {
that._tweakMouseMoveEvent(datum);
if (that._state.leftButtonDown === true) {
pos = that._getRelativePosition(datum, selected);
context.lineTo(pos[0], pos[1]);
context.stroke();
list.push(pos);
}
});
},
/**
* @return {undefined}
*/
_deactivateMode_image : function() {
var $form = this.element.find("#creation-layer");
var stringBuffer = this.element.find("#element-layer");
$form.unbind("mousemove.imageEvents");
$form.unbind("mouseleave.imageEvents");
$form.unbind("mouseenter.imageEvents");
$form.unbind("click.imageEvents");
if (null != this._state.cursorElement) {
/** @type {null} */
this._state.cursorElement = null;
$form.empty();
} else {
stringBuffer.append($form.find(".image-element"));
}
},
/**
* @return {undefined}
*/
_activateMode_image : function() {
var that = this;
var carousel = this.element;
var el = carousel.find("#creation-layer");
var rule = carousel.find("#transform-layer");
el.parent().append(el);
el.bind("mousemove.imageEvents", function(datum) {
if (null != that._state.cursorElement) {
var item = that._getRelativePosition(datum, el);

that._state.cursorElement.css({
left : String(item[0]) + "px",
top : String(item[1]) + "px"
});
}
});
el.bind("mouseleave.imageEvents", function()
if (null != that._state.cursorElement) {
that._state.cursorElement.hide();
}
});
el.bind("mouseenter.imageEvents", function()
if (null != that._state.cursorElement) {
that._state.cursorElement.show();
}
});
el.bind("click.imageEvents", function(datum)
that._getRelativePosition(datum, el);
var $parent = that._state.cursorElement;
$parent.removeClass("trans-75");
/** @type {null} */
that._state.cursorElement = null;
var id = $parent.attr("data-id");
that.mode("TRANSFORM");
$transformElement = rule.find('[data-id="'
$transformElement.mousedown();
});

+ id + '"]');

},
/**
* @return {undefined}
*/
_deactivateMode_signature : function() {
var $form = this.element.find("#creation-layer");
var stringBuffer = this.element.find("#element-layer");
$form.unbind("mousemove.signatureEvents");
$form.unbind("mouseleave.signatureEvents");
$form.unbind("mouseenter.signatureEvents");
$form.unbind("click.signatureEvents");
if (null != this._state.cursorElement) {
/** @type {null} */
this._state.cursorElement = null;
$form.empty();
} else {
stringBuffer.append($form.find(".signature-element"));
stringBuffer.append($form.find(".text-element"));
}
},
/**
* @return {undefined}
*/
_activateMode_signature : function() {
var that = this;
var carousel = this.element;
var el = carousel.find("#creation-layer");
var rule = carousel.find("#transform-layer");
el.parent().append(el);
el.bind("mousemove.signatureEvents", function(datum) {
if (null != that._state.cursorElement) {
var cal = that._state.cursorElement;
var item = that._getRelativePosition(datum, el);

/** @type {string} */


var optgroup = String(item[0]);
/** @type {string} */
var expectedNumberOfNonCommentArgs = String(item[1]);
if (cal.hasClass("svg-element")) {
cal.activeElement("transformSVG", optgroup, expectedNumberOfNonComme
ntArgs);
} else {
cal.css({
left : optgroup + "px",
top : expectedNumberOfNonCommentArgs + "px"
});
}
}
});
el.bind("mouseleave.signatureEvents", function() {
if (null != that._state.cursorElement) {
that._state.cursorElement.hide();
}
});
el.bind("mouseenter.signatureEvents", function() {
if (null != that._state.cursorElement) {
that._state.cursorElement.show();
}
});
el.bind("click.signatureEvents", function(datum) {
that._getRelativePosition(datum, el);
var $parent = that._state.cursorElement;
$parent.removeClass("trans-75");
/** @type {null} */
that._state.cursorElement = null;
var id = $parent.attr("data-id");
that.mode("TRANSFORM");
$transformElement = rule.find('[data-id="' + id + '"]');
$transformElement.mousedown();
});
},
/**
* @return {undefined}
*/
_deactivateMode_shape : function() {
var Events = this.element.find("#creation-layer");
Events.unbind("mousedown.shapeEvents");
Events.unbind("mousemove.shapeEvents");
Events.unbind("click.shapeEvents");
$(document).unbind("mouseup.shapeEvents");
},
/**
* @return {undefined}
*/
_activateMode_shape : function() {
var that = this;
var carousel = this.element;
var element = carousel.find("#creation-layer");
var $scope = carousel.find("#element-layer");
var rule = carousel.find("#transform-layer");
element.parent().append(element);
/** @type {null} */
var tmp = null;
/** @type {null} */

var pane = null;


/** @type {null} */
var child = null;
element.bind("mousedown.shapeEvents", function(e) {
e.originalEvent.preventDefault();
if (1 === e.which) {
/** @type {boolean} */
that._state.leftButtonDown = true;
tmp = that._getRelativePosition(e, element);
pane = that._newShapeElement(tmp[0], tmp[1], 24, 24, that.options.mode
, that.options.tool_settings);
element.append(pane);
pane.css("visibility", "hidden");
child = $('<div class="drag-box border-box" style="left:' + tmp[0] + "
px;top:" + tmp[1] + 'px;width:0px;height:0px;"></div>');
element.append(child);
}
});
element.bind("click.shapeEvents", function() {
});
$(document).bind("mouseup.shapeEvents", function(event) {
if (1 === event.which && (that._state.leftButtonDown = false, null != pa
ne)) {
if (child.remove(), "hidden" == pane.css("visibility")) {
return pane.remove(), pane = null, swal({
title: "Click the PDF and drag to create the shape.",
type: "error",
confirmButtonColor: "#4cae4c"
}), void 0;
}
var point = pane.activeElement("svgProperties");
if (point.scale.x > 0 && point.scale.y > 0) {
$scope.append(pane);
} else {
if (0 == point.scale.x || 0 == point.scale.y) {
return;
}
if (point.scale.x < 0 || point.scale.y < 0) {
var x;
var y;
var w;
/** @type {null} */
var h = null;
/** @type {number} */
var ifrWidth = point.width * point.scale.x;
/** @type {number} */
var ifrHeight = point.height * point.scale.y;
if (point.scale.x < 0 && (w = -1 * ifrWidth, x = point.translate.x
- w), point.scale.y < 0 && (h = -1 * ifrHeight, y = point.translate.y - h), pan
e.activeElement("transformSVG", null != x ? x : point.translate.x, null != y ? y
: point.translate.y, null != w ? w : ifrWidth, null != h ? h : ifrHeight), "LIN
E" == that.mode()) {
var el = pane.find("line");
var klass = el.attr("x1");
var attrName = el.attr("y1");
var name = el.attr("x2");
var path = el.attr("y2");
if (point.scale.x < 0 && point.scale.y >= 0) {
el.attr("x1", name);
el.attr("x2", klass);

} else {
if (point.scale.x >= 0) {
if (point.scale.y < 0) {
el.attr("y1", path);
el.attr("y2", attrName);
}
}
}
}
$scope.append(pane);
}
}
that.mode("TRANSFORM");
$transformElement = rule.find('[data-id="' + pane.data("id") + '"]');
$transformElement.mousedown();
$("#main-editor-tools button").blur();
}
});
element.bind("mousemove.shapeEvents", function(datum) {
that._tweakMouseMoveEvent(datum);
if (that._state.leftButtonDown === true) {
// pane = that._newShapeElement(tmp[0], tmp[1], 24, 24, that.options.m
ode, that.options.tool_settings);
pane.css("visibility", "visible");
currentPosition = that._getRelativePosition(datum, element);
/** @type {number} */
width = currentPosition[0] - tmp[0];
/** @type {number} */
height = currentPosition[1] - tmp[1];
pane.activeElement("transformSVG", tmp[0], tmp[1], width, height);
dragBoxX = 0 > width ? tmp[0] + width : tmp[0];
dragBoxY = 0 > height ? tmp[1] + height : tmp[1];
/** @type {number} */
dragBoxWidth = Math.abs(width);
/** @type {number} */
dragBoxHeight = Math.abs(height);
child.css({
left : dragBoxX + "px",
top : dragBoxY + "px",
width : dragBoxWidth + "px",
height : dragBoxHeight + "px"
});
}
});
},
/**
* @return {undefined}
*/
_deactivateMode_symbol : function() {
var $form = this.element.find("#creation-layer");
var stringBuffer = this.element.find("#element-layer");
$form.unbind("click.symbolEvents");
stringBuffer.append($form.find(".symbol-element"));
$form.removeClass().addClass("active-layer");
},
/**
* @return {undefined}
*/
_activateMode_symbol : function() {
var self = this;

var carousel = this.element;


var s = carousel.find("#creation-layer");
carousel.find("#element-layer");
s.parent().append(s);
s.bind("click.symbolEvents", function(def) {
var r = self._getRelativePosition(def, s);
var rSlash = self._newSymbolElement(r[0], r[1], self.options.mode, self.
options.tool_settings);
s.append(rSlash);
});
this._updateSymbolCursor();
},
/**
* @return {undefined}
*/
_deactivateMode_svg : function() {
var Events = this.element.find("#creation-layer");
Events.unbind("mousedown.svgEvents");
Events.unbind("mousemove.svgEvents");
Events.unbind("click.svgEvents");
$(document).unbind("mouseup.svgEvents");
},
/**
* @return {undefined}
*/
_activateMode_svg : function() {
var el = this;
var carousel = this.element;
var container = carousel.find("#creation-layer");
var $rootElement = carousel.find("#element-layer");
container.parent().append(container);
/** @type {null} */
var attrs = null;
/** @type {null} */
var element = null;
container.bind("mousedown.svgEvents", function(e) {
if (e.originalEvent.preventDefault(), 1 === e.which) {
/** @type {boolean} */
el._state.leftButtonDown = true;
attrs = el._getRelativePosition(e, container);
var name;
switch(el.options.mode) {
case "RANDOM_SVG":
/** @type {string} */
name = '<polygon points="100,10 40,180 190,60 10,60 160,180" style
="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>';
}
element = el._newSVGElement(attrs[0], attrs[1], name, el.options.mode)
;
container.append(element);
element.css("visibility", "hidden");
}
});
container.bind("click.svgEvents", function() {
if (null != attrs) {
element.css("visibility", "visible");
}
});
$(document).bind("mouseup.svgEvents", function(event) {
if (1 === event.which && (el._state.leftButtonDown = false, null != elem

ent)) {
var point = element.activeElement("svgProperties");
if (point.scale.x > 0 && point.scale.y > 0) {
$rootElement.append(element);
} else {
if (0 == point.scale.x || 0 == point.scale.y) {
} else {
if (point.scale.x < 0 || point.scale.y < 0) {
var x;
var y;
var w;
/** @type {null} */
var h = null;
/** @type {number} */
var ifrWidth = point.width * point.scale.x;
/** @type {number} */
var ifrHeight = point.height * point.scale.y;
if (point.scale.x < 0) {
/** @type {number} */
w = -1 * ifrWidth;
/** @type {number} */
x = point.translate.x - w;
}
if (point.scale.y < 0) {
/** @type {number} */
h = -1 * ifrHeight;
/** @type {number} */
y = point.translate.y - h;
}
element.activeElement("transformSVG", null != x ? x : point.tran
slate.x, null != y ? y : point.translate.y, null != w ? w : ifrWidth, null != h
? h : ifrHeight);
$rootElement.append(element);
}
}
}
}
});
container.bind("mousemove.svgEvents", function(datum) {
el._tweakMouseMoveEvent(datum);
if (el._state.leftButtonDown === true) {
element.css("visibility", "visible");
currentPosition = el._getRelativePosition(datum, container);
/** @type {number} */
width = currentPosition[0] - attrs[0];
/** @type {number} */
height = currentPosition[1] - attrs[1];
element.activeElement("transformSVG", attrs[0], attrs[1], width, heigh
t);
}
});
},
/**
* @return {undefined}
*/
_updateSymbolCursor : function() {
var mode = this.options.mode;
var fileSize = this.options.tool_settings.symbol.size;
var carousel = this.element;
var listEntries = carousel.find("#creation-layer");

if ("SYMBOL_CHECKMARK" == mode && 14 == fileSize) {


listEntries.removeClass().addClass("active-layer ok-14");
} else {
if ("SYMBOL_CHECKMARK" == mode && 18 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-18");
} else {
if ("SYMBOL_CHECKMARK" == mode && 24 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-24");
} else {
if ("SYMBOL_CHECKMARK" == mode && 32 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-32");
} else {
if ("SYMBOL_CHECKMARK" == mode && 40 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-40");
} else {
if ("SYMBOL_CHECKMARK" == mode && 48 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-48");
} else {
if ("SYMBOL_CHECKMARK" == mode && 64 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-64");
} else {
if ("SYMBOL_CHECKMARK" == mode && 96 == fileSize) {
listEntries.removeClass().addClass("active-layer ok-96");
} else {
if ("SYMBOL_REMOVE" == mode && 14 == fileSize) {
listEntries.removeClass().addClass("active-layer remove14");
} else {
if ("SYMBOL_REMOVE" == mode && 18 == fileSize) {
listEntries.removeClass().addClass("active-layer remov
e-18");
} else {
if ("SYMBOL_REMOVE" == mode && 24 == fileSize) {
listEntries.removeClass().addClass("active-layer rem
ove-24");
} else {
if ("SYMBOL_REMOVE" == mode && 32 == fileSize) {
listEntries.removeClass().addClass("active-layer r
emove-32");
} else {
if ("SYMBOL_REMOVE" == mode && 40 == fileSize) {
listEntries.removeClass().addClass("active-layer
remove-40");
} else {
if ("SYMBOL_REMOVE" == mode && 48 == fileSize) {
listEntries.removeClass().addClass("active-lay
er remove-48");
} else {
if ("SYMBOL_REMOVE" == mode && 64 == fileSize)
{
listEntries.removeClass().addClass("active-l
ayer remove-64");
} else {
if ("SYMBOL_REMOVE" == mode && 96 == fileSiz
e) {
listEntries.removeClass().addClass("active
-layer remove-96");
} else {
if ("SYMBOL_ARROW_LEFT" == mode && 14 == f
ileSize) {

listEntries.removeClass().addClass("acti
ve-layer arrow-left-14");
} else {
if ("SYMBOL_ARROW_LEFT" == mode && 18 ==
fileSize) {
listEntries.removeClass().addClass("ac
tive-layer arrow-left-18");
} else {
if ("SYMBOL_ARROW_LEFT" == mode && 24
== fileSize) {
listEntries.removeClass().addClass("
active-layer arrow-left-24");
} else {
if ("SYMBOL_ARROW_LEFT" == mode && 3
2 == fileSize) {
listEntries.removeClass().addClass
("active-layer arrow-left-32");
} else {
if ("SYMBOL_ARROW_LEFT" == mode &&
40 == fileSize) {
listEntries.removeClass().addCla
ss("active-layer arrow-left-40");
} else {
if ("SYMBOL_ARROW_LEFT" == mode
&& 48 == fileSize) {
listEntries.removeClass().addC
lass("active-layer arrow-left-48");
} else {
if ("SYMBOL_ARROW_LEFT" == mod
e && 64 == fileSize) {
listEntries.removeClass().ad
dClass("active-layer arrow-left-64");
} else {
if ("SYMBOL_ARROW_LEFT" == m
ode && 96 == fileSize) {
listEntries.removeClass().
addClass("active-layer arrow-left-96");
} else {
if ("SYMBOL_ARROW_RIGHT" =
= mode && 14 == fileSize) {
listEntries.removeClass(
).addClass("active-layer arrow-right-14");
} else {
if ("SYMBOL_ARROW_RIGHT"
== mode && 18 == fileSize) {
listEntries.removeClas
s().addClass("active-layer arrow-right-18");
} else {
if ("SYMBOL_ARROW_RIGH
T" == mode && 24 == fileSize) {
listEntries.removeCl
ass().addClass("active-layer arrow-right-24");
} else {
if ("SYMBOL_ARROW_RI
GHT" == mode && 32 == fileSize) {
listEntries.remove
Class().addClass("active-layer arrow-right-32");
} else {
if ("SYMBOL_ARROW_
RIGHT" == mode && 40 == fileSize) {

listEntries.remo
veClass().addClass("active-layer arrow-right-40");
} else {
if ("SYMBOL_ARRO
W_RIGHT" == mode && 48 == fileSize) {
listEntries.re
moveClass().addClass("active-layer arrow-right-48");
} else {
if ("SYMBOL_AR
ROW_RIGHT" == mode && 64 == fileSize) {
listEntries.
removeClass().addClass("active-layer arrow-right-64");
} else {
if ("SYMBOL_
ARROW_RIGHT" == mode && 96 == fileSize) {
listEntrie
s.removeClass().addClass("active-layer arrow-right-96");
} else {
if ("SYMBO
L_ARROW_UP" == mode && 14 == fileSize) {
listEntr
ies.removeClass().addClass("active-layer arrow-up-14");
} else {
if ("SYM
BOL_ARROW_UP" == mode && 18 == fileSize) {
listEn
tries.removeClass().addClass("active-layer arrow-up-18");
} else {
if ("S
YMBOL_ARROW_UP" == mode && 24 == fileSize) {
list
Entries.removeClass().addClass("active-layer arrow-up-24");
} else
{
if (
"SYMBOL_ARROW_UP" == mode && 32 == fileSize) {
li
stEntries.removeClass().addClass("active-layer arrow-up-32");
} el
se {
if
("SYMBOL_ARROW_UP" == mode && 40 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-up-40");
}
else {
if ("SYMBOL_ARROW_UP" == mode && 48 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-up-48");
} else {
if ("SYMBOL_ARROW_UP" == mode && 64 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-up-64");
} else {
if ("SYMBOL_ARROW_UP" == mode && 96 == fileSize) {

listEntries.removeClass().addClass("active-layer arrow-up-96");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 14 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down-14");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 18 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down-18");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 24 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down-24");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 32 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down-32");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 40 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down-40")
;
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 48 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down-48
");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 64 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-down64");
} else {
if ("SYMBOL_ARROW_DOWN" == mode && 96 == fileSize) {
listEntries.removeClass().addClass("active-layer arrow-dow
n-96");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 14 == fileSize) {
listEntries.removeClass().addClass("active-layer thumbs-

up-14");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 18 == fileSize) {
listEntries.removeClass().addClass("active-layer thumb
s-up-18");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 24 == fileSize) {
listEntries.removeClass().addClass("active-layer thu
mbs-up-24");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 32 == fileSize) {
listEntries.removeClass().addClass("active-layer t
humbs-up-32");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 40 == fileSize)
{
listEntries.removeClass().addClass("active-layer
thumbs-up-40");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 48 == fileSize
) {
listEntries.removeClass().addClass("active-lay
er thumbs-up-48");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 64 == fileSi
ze) {
listEntries.removeClass().addClass("active-l
ayer thumbs-up-64");
} else {
if ("SYMBOL_THUMBS_UP" == mode && 96 == file
Size) {
listEntries.removeClass().addClass("active
-layer thumbs-up-96");
} else {
if ("SYMBOL_THUMBS_DOWN" == mode && 14 ==
fileSize) {

listEntries.removeClass().addClass("acti
ve-layer thumbs-down-14");
} else {
if ("SYMBOL_THUMBS_DOWN" == mode && 18 =
= fileSize) {
listEntries.removeClass().addClass("ac
tive-layer thumbs-down-18");
} else {
if ("SYMBOL_THUMBS_DOWN" == mode && 24
== fileSize) {
listEntries.removeClass().addClass("
active-layer thumbs-down-24");
} else {
if ("SYMBOL_THUMBS_DOWN" == mode &&
32 == fileSize) {
listEntries.removeClass().addClass
("active-layer thumbs-down-32");
} else {
if ("SYMBOL_THUMBS_DOWN" == mode &
& 40 == fileSize) {
listEntries.removeClass().addCla
ss("active-layer thumbs-down-40");
} else {
if ("SYMBOL_THUMBS_DOWN" == mode
&& 48 == fileSize) {
listEntries.removeClass().addC
lass("active-layer thumbs-down-48");
} else {
if ("SYMBOL_THUMBS_DOWN" == mo
de && 64 == fileSize) {
listEntries.removeClass().ad
dClass("active-layer thumbs-down-64");
} else {
if ("SYMBOL_THUMBS_DOWN" ==
mode && 96 == fileSize) {
listEntries.removeClass().
addClass("active-layer thumbs-down-96");
} else {

if ("SYMBOL_QUESTION" == m
ode && 14 == fileSize) {
listEntries.removeClass(
).addClass("active-layer question-14");
} else {
if ("SYMBOL_QUESTION" ==
mode && 18 == fileSize) {
listEntries.removeClas
s().addClass("active-layer question-18");
} else {
if ("SYMBOL_QUESTION"
== mode && 24 == fileSize) {
listEntries.removeCl
ass().addClass("active-layer question-24");
} else {
if ("SYMBOL_QUESTION
" == mode && 32 == fileSize) {
listEntries.remove
Class().addClass("active-layer question-32");
} else {
if ("SYMBOL_QUESTI
ON" == mode && 40 == fileSize) {
listEntries.remo
veClass().addClass("active-layer question-40");
} else {
if ("SYMBOL_QUES
TION" == mode && 48 == fileSize) {
listEntries.re
moveClass().addClass("active-layer question-48");
} else {
if ("SYMBOL_QU
ESTION" == mode && 64 == fileSize) {
listEntries.
removeClass().addClass("active-layer question-64");
} else {
if ("SYMBOL_
QUESTION" == mode && 96 == fileSize) {

listEntrie
s.removeClass().addClass("active-layer question-96");
} else {
if ("SYMBO
L_EXCLAMATION" == mode && 14 == fileSize) {
listEntr
ies.removeClass().addClass("active-layer exclamation-14");
} else {
if ("SYM
BOL_EXCLAMATION" == mode && 18 == fileSize) {
listEn
tries.removeClass().addClass("active-layer exclamation-18");
} else {
if ("S
YMBOL_EXCLAMATION" == mode && 24 == fileSize) {
list
Entries.removeClass().addClass("active-layer exclamation-24");
} else
{
if (
"SYMBOL_EXCLAMATION" == mode && 32 == fileSize) {
li
stEntries.removeClass().addClass("active-layer exclamation-32");
} el
se {
if
("SYMBOL_EXCLAMATION" == mode && 40 == fileSize) {
listEntries.removeClass().addClass("active-layer exclamation-40");
}
else {
if ("SYMBOL_EXCLAMATION" == mode && 48 == fileSize) {
listEntries.removeClass().addClass("active-layer exclamation-48");
} else {
if ("SYMBOL_EXCLAMATION" == mode && 64 == fileSize) {

listEntries.removeClass().addClass("active-layer exclamation-64");
} else {
if ("SYMBOL_EXCLAMATION" == mode && 96 == fileSize) {
listEntries.removeClass().addClass("active-layer exclamation-96");
} else {
listEntries.removeClass().addClass("active-layer");
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}

}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}

}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
},
/**
* @param {string} cycle
* @return {?}
*/
_createElementFromJSON : function(cycle) {
// console.log("_createElementFromJSON");
var type = cycle.type;
switch(type) {
case "TEXT":
return $("<p></p>").activeElement(cycle);
case "IMAGE":
var url = this.options.images[cycle.content.image_id];
return cycle.content.url = url, $("<img/>").activeElement(cycle);
case "SIGNATURE":
var inputElement = this.options.signatures[cycle.content.signature_id]
;
if (cycle.content.value = inputElement.value, "image" == inputElement.
type) {
return $("<img/>").activeElement(cycle);
}
if ("text" == inputElement.type) {
return $("<p></p>").activeElement(cycle);
}
if ("drawing" == inputElement.type) {
return $("<div></div>").activeElement(cycle);
}
;
default:
return $("<div></div>").activeElement(cycle);
}
},
/**
* @param {?} attributes
* @param {Error} $location
* @return {?}
*/

_newPathElement : function(attributes, $location) {


/** @type {null} */
var min = null;
/** @type {null} */
var s = null;
/** @type {null} */
var max = null;
/** @type {null} */
var member = null;
$.each(attributes, function(dataAndEvents, source) {
if (null == min || source[0] < min) {
min = source[0];
}
if (null == s || source[1] < s) {
s = source[1];
}
if (null == max || source[0] > max) {
max = source[0];
}
if (null == member || source[1] > member) {
member = source[1];
}
});
var x = min;
var size = s;
/** @type {string} */
var postData = "";
$.each(attributes, function(dataAndEvents, point) {
/** @type {Array} */
var p = [point[0] - x, point[1] - size];
postData = 0 == dataAndEvents ? "M" + p[0] + " " + p[1] : postData + " L
" + p[0] + " " + p[1];
});
var _newPathElement = $("<div></div>").activeElement({
type : "PATH",
transform : {
x : x,
y : size,
scaleX : 1,
scaleY : 1
},
content : {
data : postData
},
style : {
stroke_width : parseInt($location.path.stroke_width),
stroke_color : $location.path.stroke_color
}
});
return _newPathElement;
},
/**
* @param {number} moveX
* @param {number} moveY
* @param {number} opt_attributes
* @param {number} expectedNumberOfNonCommentArgs
* @param {string} u
* @param {Option} item
* @return {?}
*/

_newShapeElement : function(moveX, moveY, opt_attributes, expectedNumberOfNo


nCommentArgs, u, item) {
var cycle = {
type : u,
transform : {
x : moveX,
y : moveY,
width : 24,
height : 24
}
};
if ("WHITEOUT_BLOCK" != u && "HIGHLIGHT_BLOCK" != u && "REDACT_BLOCK" != u
) {
var style = {
stroke_width : parseInt(item.shape.stroke_width),
stroke_color : item.shape.stroke_color,
fill_color : item.shape.fill_color
};
cycle.style = style;
} else if ("WHITEOUT_BLOCK" == u) {
var style = {
fill_color : item.erase.fill_color
};
cycle.style = style;
}
var _newShapeElement = $("<div></div>").activeElement(cycle);
return _newShapeElement;
},
/**
* @param {number} moveX
* @param {number} moveY
* @param {string} paramType
* @param {?} element
* @return {?}
*/
_newSymbolElement : function(moveX, moveY, paramType, element) {
var _newSymbolElement = $("<div></div>").activeElement({
type : paramType,
transform : {
x : moveX,
y : moveY
},
style : {
color : element.symbol.color,
size : parseInt(element.symbol.size)
}
});
return _newSymbolElement;
},
/**
* @param {number} moveX
* @param {number} moveY
* @param {?} keepData
* @param {string} paramType
* @return {?}
*/
_newSVGElement : function(moveX, moveY, keepData, paramType) {
var _newSVGElement = $("<div></div>").activeElement({
type : paramType,
transform : {

x : moveX,
y : moveY,
scaleX : 1,
scaleY : 1
},
content : {
svg : keepData
}
});
return _newSVGElement;
},
/**
* @param {number} moveX
* @param {number} y
* @param {string} ch
* @param {Object} state
* @return {?}
*/
_newTextElement : function(moveX, y, ch, state) {
var _newTextElement = $("<p></p>").activeElement({
type : "TEXT",
transform : {
x : moveX,
y : y - 5
},
content : {
text : ch
},
style : {
color : state.text.color.toUpperCase(),
bg_color : state.text.bg_color.toUpperCase(),
font : state.text.font,
size : parseInt(state.text.size),
bold : state.text.bold,
italic : state.text.italic,
align : state.text.align,
h_padding : 4
}
});
// console.log("_newTextElement");
return _newTextElement;
},
/**
* @param {number} lon
* @param {number} lat
* @param {?} dataAndEvents
* @param {string} requestUrl
* @return {?}
*/
_newImageElement : function(lon, lat, dataAndEvents, requestUrl) {
var _newImageElement = $("<img/>").activeElement({
type : "IMAGE",
transform : {
x : lon,
y : lat
},
content : {
image_id : dataAndEvents,
url : requestUrl
}

});
return _newImageElement;
},
/**
* @param {number} lon
* @param {number} lat
* @param {?} dataAndEvents
* @param {string} paramType
* @param {Object} json
* @return {?}
*/
_newSignatureElement : function(lon, lat, dataAndEvents, paramType, json) {
var _newSignatureElement;
if ("image" == paramType) {
_newSignatureElement = $("<img/>").activeElement({
type : "SIGNATURE",
transform : {
x : lon,
y : lat
},
content : {
signature_id : dataAndEvents,
type : paramType,
value : json
}
});
} else if ("text" == paramType) {
_newSignatureElement = $("<p></p>").activeElement({
type : "SIGNATURE",
transform : {
x : lon,
y : lat
},
content : {
signature_id : dataAndEvents,
type : paramType,
text : json
},
style : {
color : '#000000',
font : 'journal',
size : 40
}
});
} else {
if ("drawing" == paramType) {
var c = $.parseJSON(json);
_newSignatureElement = $("<div></div>").activeElement({
type : "SIGNATURE",
transform : {
x : lon,
y : lat,
scaleX : 1,
scaleY : 1
},
content : {
signature_id : dataAndEvents,
type : paramType,
value : c
},

style : {
stroke_width : 2
}
});
}
}
return _newSignatureElement;
},
/**
* @param {Event} e
* @return {undefined}
*/
_tweakMouseMoveEvent : function(e) {
if (!!$.browser.msie) {
if (!e.button) {
if (!(document.documentMode >= 9)) {
/** @type {boolean} */
this._state.leftButtonDown = false;
}
}
}
if (!(1 !== e.which)) {
if (!this._state.leftButtonDown) {
/** @type {number} */
e.which = 0;
}
}
},
/**
* @param {Event} e
* @param {?} node
* @return {?}
*/
_getRelativePosition : function(e, node) {
var off = node.offset();
/** @type {number} */
var i = e.pageX - off.left;
/** @type {number} */
var o = e.pageY - off.top;
return[i, o];
},
/**
* @param {Element} text
* @return {undefined}
*/
_placeCaretAtEnd : function(text) {
if (text.focus(), "undefined" != typeof window.getSelection && "undefined"
!= typeof document.createRange) {
/** @type {(Range|null)} */
var range = document.createRange();
range.selectNodeContents(text);
range.collapse(false);
/** @type {(Selection|null)} */
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
} else {
if ("undefined" != typeof document.body.createTextRange) {
/** @type {(TextRange|null)} */
var rng = document.body.createTextRange();

rng.moveToElementText(text);
rng.collapse(false);
rng.select();
}
}
},
/**
* @return {undefined}
*/
_textTransformerEnableDragging : function() {
var elm = this.element.find("#text-transformer");
elm.draggable("enable");
elm.removeClass("is-editing");
elm.find(".text-transformer-text-element").attr("contenteditable", "false"
);
},
/**
* @return {undefined}
*/
_textTransformerEnableEditing : function() {
var element = this.element.find("#text-transformer");
element.draggable("disable");
element.removeClass("ui-state-disabled");
element.addClass("is-editing");
element.find(".text-transformer-text-element").attr("contenteditable", "tr
ue");
$textElement = element.find(".text-transformer-text-element");
$textElement.focus();
this._placeCaretAtEnd($textElement[0]);
},
/**
* @return {undefined}
*/
_clearTransformers : function() {
var poster = this.element.find("#transformer");
var loading = this.element.find("#text-transformer");
poster.hide();
loading.hide();
$(".transform-element").show();
},
/**
* @param {Object} $element
* @return {undefined}
*/
_refreshTextElementTransformElement : function($element) {
try {
$transformLayer = this.element.find("#transform-layer");
var targetNode = $element.data("id");
var view = $transformLayer.find('[data-id="' + targetNode + '"]');
if (view.exists()) {
view.css({
width : $element.width(),
height : $element.height()
});
} else {
x = $element.css("left");
y = $element.css("top");
width = $element.width() + "px";
height = $element.height() + "px";
marginTop = $element.css("margin-top");

$transformLayer.append('<div class="transform-element" data-id="' + $e


lement.data("id") + '" style="left:' + x + ";top:" + y + ";width:" + width + ";h
eight:" + height + ";margin-top:" + marginTop + ';"></div>');
}
} catch (dstUri) {
alert(dstUri.toString());
}
}
})
$.widget("pro.PDFViewer", {
options : {
pdf_url : "https://s3-eu-west-1.amazonaws.com/sample-pdf/Tutorial4_questio
n_paper.pdf",
pageNumber : 1,
scale : 1,
password: '',
pageCount: 1
},
/**
* @return {undefined}
*/
_create : function() {
var self = this;
var el = this.element[0];
el.getContext("2d");
this._state = Object();
/** @type {null} */
this._state.pdfDoc = null;
PDFJS.getDocument(this.options.pdf_url).then(function(pdfDoc) {
// console.log(pdfDoc);
self._state.pdfDoc = pdfDoc;
self.options.pageCount = self._state.pdfDoc.numPages;
self.element.trigger({
type : "loadPDF",
pageCount : self._state.pdfDoc.numPages
});
for(i=0; i < self.options.pageCount; i++) {
$("#thumb_pane").append(
"<div id='thumb_" + (i+1) + "' class='thumb_element' data-page-idx='
" + (i+1) + "' style='cursor: pointer'><canvas id='thumb_canvas_" + (i+1) + "'><
/canvas><div><small>Page "+ (i+1) +"</small></div></div><br>"
);
self.renderThumbnail(i+1);
$("#thumb_" + (i+1)).on('click', function() {
goToPage($(this).data("pageIdx"));
});
}
self.renderPage(self.options.pageNumber);
}).then(null, function(dstUri) {
self.element.trigger({
type : "loadError",
error : dstUri.toString()
});
});
},
/**

* @return {?}
*/
pageNumber : function() {
return this.options.pageNumber;
},
/**
* @return {?}
*/
pageCount : function() {
return this.options.pageCount;
// return this._state.pdfDoc.numPages;
},
renderThumbnail : function(pageNumber) {
this._state.pdfDoc.getPage(pageNumber)
.then(function(page) {
var desiredWidth = 100;
var viewport = page.getViewport(1);
var scale = desiredWidth / viewport.width;
var scaledViewport = page.getViewport(scale);
var canvas = document.getElementById('thumb_canvas_' + pageNumber);
var context = canvas.getContext('2d');
canvas.height = scaledViewport.height;
canvas.width = scaledViewport.width;
var renderContext = {
canvasContext: context,
viewport: scaledViewport
};
page.render(renderContext);
});
},
/**
* @param {?} pageNumber
* @return {undefined}
*/
renderPage : function(pageNumber) {
var self = this;
self.options.pageNumber = pageNumber;
this._state.pdfDoc.getPage(pageNumber)
.then(function(page) {
var viewport = page.getViewport(self.options.scale);
var canvas = self.element[0];
if (viewport.width >= 1100) {
console.log(viewport.width);
} else {
var pageScale = Math.floor( (1100/viewport.width) * Math.pow(10, 1) )
/ Math.pow(10, 1);
console.log(pageScale);
if (pageScale == 1.0) {} else {
var viewport = page.getViewport(pageScale);
}
}
var ctx = canvas.getContext("2d");
canvas.height = viewport.height;
canvas.width = viewport.width;
self.element.trigger({
type : "getPage",
pageNumber : pageNumber,

pageCount : self._state.pdfDoc.numPages,
pageWidth : viewport.width,
pageHeight : viewport.height
});
var renderContext = {
canvasContext : ctx,
viewport : viewport
};
page.render(renderContext).then(function() {
self.element.trigger({
type : "renderPage",
pageNumber : pageNumber,
pageCount : self._state.pdfDoc.numPages,
pageWidth : viewport.width,
pageHeight : viewport.height
});
});
});
},
setPageNumber : function(pageNumber) {
var self = this;
self.options.pageNumber = pageNumber;
},
setPageCount : function(pageCount) {
var self = this;
self.options.pageCount = pageCount;
}
});
function onPageRender() {
if (null != renderTimer) {
clearTimeout(renderTimer);
/** @type {null} */
renderTimer = null;
}
$("#progress-block").hide();
$(".loaded-pdf-element").show();
$("#new-surface").show();
enablePageNav();
}
function onPageGet(InkElement) {
$("#new-surface").hide();
$newFields = $("form#document-form").find(".new-fields");
if ($newFields.exists()) {
$newFields.find('input[name="document[page_width]"]').val(InkElement.pageW
idth);
$newFields.find('input[name="document[page_height]"]').val(InkElement.page
Height);
}
currentPageWidth = InkElement.pageWidth;
currentPageHeight = InkElement.pageHeight;
var udataCur = $pdfCanvas.PDFViewer("pageNumber");
$(".page-number").val(udataCur);
readJSON();
}
function pagePrevious() {

var expectationResult = $pdfCanvas.PDFViewer("pageNumber");


if (!(1 >= expectationResult)) {
expectationResult--;
goToPage(expectationResult);
}
}
/**
* @return {undefined}
*/
function pageNext() {
var expectationResult = $pdfCanvas.PDFViewer("pageNumber");
var end = $pdfCanvas.PDFViewer("pageCount");
if (!(expectationResult >= end)) {
expectationResult++;
goToPage(expectationResult);
}
}
function updateTextSettings() {
var p = $("#text-toolbar");
// if (newColor) {
// var str = p.find("#text-colorpicker").colorpicker("value", newColor);
// } else {
var str = p.find("#text-colorpicker").colorpicker("value");
// }
// var str = p.find("#text-colorpicker").val();
var isFunction = p.find("#text-bg-colorpicker").colorpicker("value");
/** @type {number} */
var size = parseInt(p.find("#text-size").val());
var font = p.find("#text-font").val();
var bold = p.find("#text-bold").hasClass("active");
var italic = p.find("#text-italic").hasClass("active");
p.find("#text-align-left").hasClass("active");
var align;
var isX = p.find("#text-align-center").hasClass("active");
var active = p.find("#text-align-right").hasClass("active");
/** @type {string} */
align = active ? "right" : isX ? "center" : "left";
$("#new-surface").activeEditor("tool_settings", {
text : {
color : str,
bg_color : isFunction,
size : size,
font : font,
bold : bold,
italic : italic,
align : align
}
});
}
function updateSignatureSettings() {
var p = $("#signature-toolbar");
var str = p.find("#signature-colorpicker").colorpicker("value");
/** @type {number} */
var size = parseInt(p.find("#signature-size").val());
/** @type {string} */
$("#new-surface").activeEditor("tool_settings", {
signature : {
color : str,

size : size,
align : "left"
}
});
}
/**
* @return {undefined}
*/
function updatePathSettings() {
var isFunction = $("#path-toolbar").find("#path-colorpicker").colorpicker("v
alue");
/** @type {number} */
var strokeWidth = parseInt($("#path-toolbar").find("#path-width").val());
$("#new-surface").activeEditor("tool_settings", {
path : {
stroke_color : isFunction,
stroke_width : strokeWidth
}
});
}
/**
* @return {undefined}
*/
function updateShapeSettings() {
var isFunction = $("#shape-toolbar").find("#shape-fill-colorpicker").colorpi
cker("value");
var mArr = $("#shape-toolbar").find("#shape-stroke-colorpicker").colorpicker
("value");
/** @type {number} */
var strokeWidth = parseInt($("#shape-toolbar").find("#shape-stroke-width").v
al());
$("#new-surface").activeEditor("tool_settings", {
shape : {
fill_color : isFunction,
stroke_color : mArr,
stroke_width : strokeWidth
}
});
}
function updateEraseSettings() {
var isFunction = $("#erase-toolbar").find("#erase-colorpicker").colorpicker(
"value");
/** @type {number} */
$("#new-surface").activeEditor("tool_settings", {
erase: {
fill_color : isFunction
}
});
}
/**
* @return {undefined}
*/
function updateSymbolSettings() {
var str = $("#symbol-toolbar").find("#symbol-colorpicker").colorpicker("valu
e");
/** @type {number} */
var charCodeToReplace = parseInt($("#symbol-toolbar").find("#symbol-size-sel
ect").val());
/** @type {number} */

var size = 24;


switch(charCodeToReplace) {
case 1:
/** @type {number} */
size = 14;
break;
case 2:
/** @type {number} */
size = 18;
break;
case 3:
/** @type {number} */
size = 24;
break;
case 4:
/** @type {number} */
size = 32;
break;
case 5:
/** @type {number} */
size = 40;
break;
case 6:
/** @type {number} */
size = 48;
break;
case 7:
/** @type {number} */
size = 64;
break;
case 8:
/** @type {number} */
size = 96;
}
$("#new-surface").activeEditor("tool_settings", {
symbol : {
color : str,
size : size
}
});
}
/**
* @return {undefined}
*/
function updateToolbars() {
var item = $("#new-surface").activeEditor("tool_settings");
var p = $("#text-toolbar");
switch(
p.find("#text-colorpicker").colorpicker("value", item.text.color),
// p.find("#text-bg-colorpicker").colorpicker("value", item.text.bg_color)
,
p.find("#text-size").val(item.text.size),
p.find("#text-font").val(item.text.font),
item.text.bold ? p.find("#text-bold").addClass("active") : p.find("#text-b
old").removeClass("active"),
item.text.italic ? p.find("#text-italic").addClass("active") : p.find("#te
xt-italic").removeClass("active"),
p.find("#text-align-left, #text-align-center, #text-align-right").removeCl
ass("active"),
item.text.align) {

case "left":
p.find("#text-align-left").addClass("active");
break;
case "center":
p.find("#text-align-center").addClass("active");
break;
case "right":
p.find("#text-align-right").addClass("active");
}
var collection = $("#path-toolbar");
collection.find("#path-colorpicker").colorpicker("value", item.path.stroke_c
olor);
collection.find("#path-width").val(item.path.stroke_width);
var $eraseTool = $("#erase-toolbar");
$eraseTool.find("#erase-colorpicker").colorpicker("value", item.erase.fill_c
olor);
var $e = $("#shape-toolbar");
$e.find("#shape-fill-colorpicker").colorpicker("value", item.shape.fill_colo
r);
$e.find("#shape-stroke-colorpicker").colorpicker("value", item.shape.stroke_
color);
$e.find("#shape-stroke-width").val(item.shape.stroke_width);
var $page = $("#symbol-toolbar");
$page.find("#symbol-colorpicker").colorpicker("value", item.symbol.color);
var fileSize = item.symbol.size;
switch(fileSize) {
case 14:
/** @type {number} */
size = 1;
break;
case 18:
/** @type {number} */
size = 2;
break;
case 24:
/** @type {number} */
size = 3;
break;
case 32:
/** @type {number} */
size = 4;
break;
case 40:
/** @type {number} */
size = 5;
break;
case 48:
/** @type {number} */
size = 6;
break;
case 64:
/** @type {number} */
size = 7;
break;
case 96:
/** @type {number} */
size = 8;
}
$page.find("#symbol-size-select").val(size);
}

function onModeChange(time) {
switch($(".switch-mode").removeClass("active"), time.mode) {
case "TRANSFORM":
$(".switch-mode-transform").addClass("active");
showToolbar("none");
break;
case "TEXT":
$(".switch-mode-text").addClass("active");
showToolbar("text");
break;
case "PEN":
$(".switch-mode-pen").addClass("active");
showToolbar("path");
break;
case "WHITEOUT_BLOCK":
$(".switch-mode-whiteoutblock").addClass("active");
showToolbar("erase");
$("#erase-toolbar").find("#erase-colorpicker").colorpicker("allowNone",
false);
break;
case "HIGHLIGHT_BLOCK":
$(".switch-mode-highlightblock").addClass("active");
showToolbar("none");
break;
case "REDACT_BLOCK":
$(".switch-mode-redactblock").addClass("active");
showToolbar("none");
break;
case "IMAGE":
$(".switch-mode-image").addClass("active");
showToolbar("none");
break;
case "SIGNATURE":
$(".switch-mode-signature").addClass("active");
showToolbar("none");
break;
case "RECTANGLE":
$(".switch-mode-rectangle").addClass("active");
showToolbar("shape");
$("#shape-toolbar").find("#shape-stroke-colorpicker").colorpicker("allow
None", true);
break;
case "ELLIPSE":
$(".switch-mode-ellipse").addClass("active");
showToolbar("shape");
$("#shape-toolbar").find("#shape-stroke-colorpicker").colorpicker("allow
None", true);
break;
case "LINE":
$(".switch-mode-line").addClass("active");
showToolbar("shape", ["fill-group"]);
$("#shape-toolbar").find("#shape-stroke-colorpicker").colorpicker("allow
None", false);
break;
case "RANDOM_SVG":
$(".switch-mode-svg").addClass("active");
showToolbar("none");
break;
case "SYMBOL_PERSON":

$(".switch-mode-person").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_CHECKMARK":
$(".switch-mode-checkmark").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_REMOVE":
$(".switch-mode-remove").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_ARROW_LEFT":
$(".switch-mode-arrow-left").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_ARROW_RIGHT":
$(".switch-mode-arrow-right").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_ARROW_UP":
$(".switch-mode-arrow-up").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_ARROW_DOWN":
$(".switch-mode-arrow-down").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_THUMBS_UP":
$(".switch-mode-thumbs-up").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_THUMBS_DOWN":
$(".switch-mode-thumbs-down").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_QUESTION":
$(".switch-mode-question").addClass("active");
showToolbar("symbol");
break;
case "SYMBOL_EXCLAMATION":
$(".switch-mode-exclamation").addClass("active");
showToolbar("symbol");
}
}
function onEditorSelectElement(doc) {
var t;
switch(t = null == doc.activeElement ? null : doc.activeElement.data("type")
) {
case "TEXT":
showToolbar("text");
break;
case "PATH":
showToolbar("path");
break;
case "WHITEOUT_BLOCK":
showToolbar("erase");
break;
case "RECTANGLE":
;

case "ELLIPSE":
showToolbar("shape");
break;
case "LINE":
showToolbar("shape", ["fill-group"]);
break;
case "SIGNATURE":
if (doc.activeElement.is("p")) {
showToolbar("signature");
} else {
showToolbar("none");
}
break;
case "SYMBOL_CHECKMARK":
;
case "SYMBOL_REMOVE":
;
case "SYMBOL_ARROW_LEFT":
;
case "SYMBOL_ARROW_RIGHT":
;
case "SYMBOL_ARROW_UP":
;
case "SYMBOL_ARROW_DOWN":
;
case "SYMBOL_THUMBS_UP":
;
case "SYMBOL_THUMBS_DOWN":
;
case "SYMBOL_QUESTION":
;
case "SYMBOL_EXCLAMATION":
showToolbar("symbol");
break;
default:
showToolbar("none");
}
}
function isUserInitiated(statement) {
var t;
return t = statement.hasOwnProperty("originalEvent") ? true : statement.hasO
wnProperty("userInitiated") ? statement.userInitiated : "slide" == statement.typ
e ? true : false;
}
function onEditorFocusElement(waypoint) {
null != waypoint.element;
}
var pdfURL = "https://create-pdf.s3-eu-west-1.amazonaws.com/created/k3jj1m4i67
58e2lx-cd378a97/295019697-Chemistry-Project.pdf?AWSAccessKeyId=AKIAJBG24RZNZSPKQ
RPA&Expires=1482908390&Signature=zaudPTWFInUrHJghmpFCqHDoUFI%3D";
$pdfCanvas = $('#pdf-canvas');
$viewerToolbar = $('#viewer-toolbar');
$pdfCanvas.bind('getPage',onPageGet);
$pdfCanvas.bind('renderPage',onPageRender);
$pdfCanvas.bind('loadPDF',onLoadPDF);
$pdfCanvas.bind('loadError',onLoadError);

if(password.length > 0) {
$pdfCanvas.PDFViewer({pdf_url: pdfURL, password: password});
} else {
$pdfCanvas.PDFViewer({pdf_url: pdfURL});
}
$viewerToolbar.find('.btn-page-previous').click(pagePrevious);
$viewerToolbar.find('.btn-page-next').click(pageNext);
$viewerToolbar.find('.page-number').change(function(e){
pageNumber = parseInt($(this).val());
goToPage(pageNumber);
});
var $textToolbar = $('#text-toolbar');
// Initialize color pickers:
$textToolbar.find('#text-colorpicker').colorpicker({value:'#000000',allow_none
:false});
$textToolbar.find('#text-bg-colorpicker').colorpicker({value:'NONE'})
// Handle toolbar changes:
// $textToolbar.find('#text-colorpicker').bind('change', function(e){
// if (isUserInitiated(e)) updateTextSettings();
// });
$textToolbar.find('#text-bg-colorpicker').bind('change', function(e){
if (isUserInitiated(e)) updateTextSettings();
});
$textToolbar.find('#text-size').bind('change',function(e){
if (isUserInitiated(e)) updateTextSettings();
});
$textToolbar.find('#text-font').bind('change',function(e){
if (isUserInitiated(e)) updateTextSettings();
});
$textToolbar.find('#text-bold').click(function(e){
var $this = $(this);
if ($this.hasClass('active'))
$this.removeClass('active');
else
$this.addClass('active');
if (isUserInitiated(e)) updateTextSettings();
});
$textToolbar.find('#text-italic').click(function(e){
var $this = $(this);
if ($this.hasClass('active'))
$this.removeClass('active');
else
$this.addClass('active');
if (isUserInitiated(e)) updateTextSettings();
});
$textToolbar.find('#text-align-left, #text-align-center, #text-align-right').c
lick(function(e){
$textToolbar.find('#text-align-left, #text-align-center, #text-align-right')
.removeClass('active');
$(this).addClass('active');
if (isUserInitiated(e)) updateTextSettings();
});

// ========= Signature toolbar =========


var $sigToolbar = $('#signature-toolbar');
// Initialize color pickers:
$sigToolbar.find('#signature-colorpicker').colorpicker({value:'#000000',allow_
none:false})
// Handle toolbar changes:
// $sigToolbar.find('#signature-colorpicker').bind('change', function(e){
// if (isUserInitiated(e)) updateSignatureSettings();
// });
$sigToolbar.find('#signature-size').bind('change',function(e){
if (isUserInitiated(e)) updateSignatureSettings();
});
// ========= Path toolbar =========
var $pathToolbar = $('#path-toolbar');
// Initialize color pickers:
$pathToolbar.find('#path-colorpicker').colorpicker({value:'#000000',allow_none
:false});
// Handle changes:
// $pathToolbar.find('#path-colorpicker').bind('change', function(e){
// if (isUserInitiated(e)) updatePathSettings();
// });
$('#path-width').bind('change', function(e){
if (isUserInitiated(e)) updatePathSettings();
});
// ========= Shape toolbar =========
var $eraseToolbar = $('#erase-toolbar');
// Initialize color pickers:
$eraseToolbar.find('#erase-colorpicker').colorpicker({value:'#ffffff'});
var $shapeToolbar = $('#shape-toolbar');
// Initialize color pickers:
$shapeToolbar.find('#shape-stroke-colorpicker').colorpicker({value:'#000000'})
;
$shapeToolbar.find('#shape-fill-colorpicker').colorpicker({value:'NONE'});
/// Handle changes:
// $shapeToolbar.find('#shape-stroke-colorpicker').bind('change', function(e){
// if (isUserInitiated(e)) updateShapeSettings();
// });
// $shapeToolbar.find('#shape-fill-colorpicker').bind('change', function(e){
// if (isUserInitiated(e)) updateShapeSettings();
// });
$shapeToolbar.find('#shape-stroke-width').bind('change', function(e){
if (isUserInitiated(e)) updateShapeSettings();
});
// ========= Symbol toolbar =========
var $symbolToolbar = $('#symbol-toolbar');

// Initialize color pickers:


$symbolToolbar.find('#symbol-colorpicker').colorpicker({value:'#000000',allow_
none:false});
/// Handle changes:
// $symbolToolbar.find('#symbol-colorpicker').bind('change', function(e){
// if (isUserInitiated(e)) updateSymbolSettings();
// });
$('#symbol-size-select').bind('change', function(e){
if (isUserInitiated(e)) updateSymbolSettings();
});
$('.switch-mode-transform').click(function(e){
$('#new-surface').activeEditor('mode','TRANSFORM');
});
$('.switch-mode-text').click(function(e){
$('#new-surface').activeEditor('mode','TEXT');
});
$('.switch-mode-pen').click(function(e){
$('#new-surface').activeEditor('mode','PEN');
});
$('.switch-mode-whiteoutblock').click(function(e){
$('#new-surface').activeEditor('mode','WHITEOUT_BLOCK');
});
$('.switch-mode-highlightblock').click(function(e){
$('#new-surface').activeEditor('mode','HIGHLIGHT_BLOCK');
});
$('.switch-mode-redactblock').click(function(e){
$('#new-surface').activeEditor('mode','REDACT_BLOCK');
});
$(document.body).on('click',".switch-mode-rectangle",function () {
$('#new-surface').activeEditor('mode','RECTANGLE');
});
$(document.body).on('click',".switch-mode-ellipse",function () {
$('#new-surface').activeEditor('mode','ELLIPSE');
});
$(document.body).on('click',".switch-mode-line",function () {
$('#new-surface').activeEditor('mode','LINE');
});
$(document.body).on('click',".switch-mode-checkmark",function () {
$('#new-surface').activeEditor('mode','SYMBOL_CHECKMARK');
});
$(document.body).on('click',".switch-mode-remove",function () {
$('#new-surface').activeEditor('mode','SYMBOL_REMOVE');
});
$(document.body).on('click',".switch-mode-arrow-left",function () {
$('#new-surface').activeEditor('mode','SYMBOL_ARROW_LEFT');
});
$(document.body).on('click',".switch-mode-arrow-right",function () {
$('#new-surface').activeEditor('mode','SYMBOL_ARROW_RIGHT');
});
$(document.body).on('click',".switch-mode-arrow-up",function () {
$('#new-surface').activeEditor('mode','SYMBOL_ARROW_UP');
});
$(document.body).on('click',".switch-mode-arrow-down",function () {
$('#new-surface').activeEditor('mode','SYMBOL_ARROW_DOWN');
});
$(document.body).on('click',".switch-mode-thumbs-up",function () {

$('#new-surface').activeEditor('mode','SYMBOL_THUMBS_UP');
});
$(document.body).on('click',".switch-mode-thumbs-down",function () {
$('#new-surface').activeEditor('mode','SYMBOL_THUMBS_DOWN');
});
$(document.body).on('click',".switch-mode-question",function () {
$('#new-surface').activeEditor('mode','SYMBOL_QUESTION');
});
$(document.body).on('click',".switch-mode-exclamation",function () {
$('#new-surface').activeEditor('mode','SYMBOL_EXCLAMATION');
});
$('.switch-mode-image').click(function(e){
$('#new-surface').activeEditor('mode','IMAGE');
});
$('.switch-mode-signature').click(function(e){
$('#new-surface').activeEditor('mode','SIGNATURE');
});
// Add handlers:
$('#new-surface').bind('changeMode', onModeChange);
$('#new-surface').bind('selectElement', onEditorSelectElement);
$('#new-surface').bind('focusElement', onEditorFocusElement);
$('#new-surface').bind('changeToolSettings', updateToolbars);
// Initialize active editor:
$('#new-surface').activeEditor({mode:'TEXT',
images:documentImages,
signatures:documentSignatures});
// ========= Image and signature modals =========
$('#image-modal').on('click', 'div.use:not(.disabled)', function(e) {
var imageID = $(this).attr('data-id');
var imageURL = $(this).attr('data-url');
$('#new-surface').activeEditor('image', {id:imageID, url:imageURL});
$('#image-modal').modal('hide');
});
$('#signature-modal').on('click', 'div.use:not(.disabled)', function(e) {
var signatureID = $(this).attr('data-id');
if ($(this).attr('data-url')) {
var signatureURL = $(this).attr('data-url');
$('#new-surface').activeEditor('signature', {id:signatureID, type:'image',
value:signatureURL});
} else if ($(this).attr('data-text')) {
var signatureText = $(this).attr('data-text');
$('#new-surface').activeEditor('signature', {id:signatureID, type:'text',
value:signatureText});
} else {
var signatureData = $(this).attr('data-paths');
$('#new-surface').activeEditor('signature', {id:signatureID, type:'drawing
', value:signatureData});
}
$('#signature-modal').modal('hide');
});
$('#image-modal, #signature-modal').on('click', '.close', function(e) {
$('#new-surface').activeEditor('mode','TRANSFORM');

});
$('.document-save-button').click(function(e){
saveDocument("showPopup");
});
// $('.document-download-button').click(function(e){
// downloadDocument();
// });
$("#save-name-button").on('click', function() {
var proFileId = "";
var newFilename = $("#document-name-input").val() + ".pdf"
if (newFilename != ".pdf") {
$('#document-title-edit-group').hide();
$("#document-title").text(newFilename);
$('#document-title-group').show();
} else if (newFilename == ".pdf") {
swal({title: "Please enter a filename.", type: "error", confirmButtonColor
: "#4cae4c"});
}
});
$("#document-title-edit-button").on('click', function() {
$('#document-title-group').hide();
$('#document-title-edit-group').show();
});
$("#add-pages-btn").on('click', function() {
var result = $pdfCanvas.PDFViewer("pageCount");
result++;
$('.page-count').html(result);
$pdfCanvas.PDFViewer("setPageCount", result)
goToPage(result);
$newFields = $('form#document-form').find('.new-fields');
if ($newFields.exists()){
$newFields.find('input[name="document[page_count]"]').val(result);
}
$('select.page-number').empty();
for (i=0;i<result;i++){
$('select.page-number').append($("<option></option>")
.attr("value",i+1)
.text(i+1));
}
$(".page-number").val(result);
$(".page-number").show();
$("#nav-btns").show();
$("#remove-page-btn").show();
if(result == 100) {
$("#add-pages-btn").hide();
}
});
$("#remove-page-btn").on('click', function() {
var result = parseInt($pdfCanvas.PDFViewer("pageNumber"));
$("#new-surface").activeEditor("clear");
if (documentData.pages[result]) {
delete documentData.pages[result];
}

var pageCount = parseInt($pdfCanvas.PDFViewer("pageCount"));


var newPageCount = parseInt($pdfCanvas.PDFViewer("pageCount")) - 1;
if (pageCount > result) {
for (i = (result + 1); i < (pageCount + 1); i++) {
documentData.pages[i-1] = documentData.pages[i];
delete documentData.pages[i];
}
}
$('.page-count').html(newPageCount);
$pdfCanvas.PDFViewer("setPageCount", newPageCount);
$newFields = $('form#document-form').find('.new-fields');
if ($newFields.exists()){
$newFields.find('input[name="document[page_count]"]').val(newPageCount);
}
$('select.page-number').empty();
for (i=0;i<newPageCount;i++){
$('select.page-number').append($("<option></option>")
.attr("value",i+1)
.text(i+1));
}
if (result > 1) {
$pdfCanvas.PDFViewer("setPageNumber", result - 1);
$(".page-number").val(result - 1);
} else {
$pdfCanvas.PDFViewer("setPageNumber", 1);
$(".page-number").val(1);
}
var i = $pdfCanvas.PDFViewer("pageNumber");
var r20 = documentData.pages[i] ? documentData.pages[i].elements : [];
$("#new-surface").activeEditor("readJSON", r20);
$(".page-number").show();
$("#nav-btns").show();
$("#add-pages-btn").show();
if (newPageCount == 1) {
$("#remove-page-btn").hide();
}
});
$('[contenteditable]').on('paste',function(e) {
setTimeout(function () {
writeJSON();
readJSON();
}, 100);
// if ($(".text-transformer-text-element").is(':empty')) {
// e.preventDefault();
// var text = (e.originalEvent || e).clipboardData.getData('text/html')
;
//
//
//
//

// console.log(text);
var $result = $('<div></div>').append($(text));
$result.children('style').remove();
$result.children('meta').remove();

//

$result.children('link').remove();

//

var d = $result[0].innerText;
if (!d || d.length == 0) {
return false;
}
var c = d.replace(/\r/g, "");
var a = c.split("\n");
for (var b = 0; b < a.length; ++b) {
// console.log(a[b]);
}
// return a.join("\n")

//
//
//
//
//
//
//
//
//

// $(this).html(a.join("\n"));
// } else {
//

var text = (e.originalEvent || e).clipboardData.getData('text/html'

//
//
//
//
//
//

// console.log(text);
var $result = $('.text-transformer-text-element').append($(text));
$result.children('style').remove();
$result.children('meta').remove();
$result.children('link').remove();
console.log($result);

//

var d = $result[0].innerText;
if (!d || d.length == 0) {
return false;
}
var c = d.replace(/\r/g, "");
var a = c.split("\n");
for (var b = 0; b < a.length; ++b) {
// console.log(a[b]);
}
// return a.join("\n")

);

//
//
//
//
//
//
//
//
//

// $(this).html($result.html());
// }
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

$(this).html(text);
$(this).children('style').remove();
$(this).children('meta').remove();
$(this).children('link').remove();
console.log($(this).find("*"));
// replace all styles except bold and italic
$.each($(this).find("*"), function(idx, val) {
var $item = $(val);
// console.log($item);
if ($(this).text() == "" || $(this).text() == " ") {
$item.remove();
} else if ($item.length > 0){
console.log($(this).text());
// var saveStyle = {
//
'font-weight': $item.css('font-weight'),
//
'font-style': $item.css('font-style')
// };
$item.removeAttr('style').removeClass();
// .css(saveStyle);
// console.log($(this).text());
// console.log($(this).find("*"));

//
//

// $.each($(this).html(), function(innerIdx, innerVal) {


// var $innerItem = $(innerVal);

//
// console.log($innerItem);
//
// });
//
console.log(idx);
//
if (idx == 1) {
//
$item.replaceWith($(this).text());
//
} else {
//
$item.replaceWith(function(){
//
return $("<div />", {html: $(this).text()});
//
});
//
}
//
}
// });
//
//
//
//

// remove unnecesary tags (if paste from word)


$(this).children('style').remove();
$(this).children('meta').remove()
$(this).children('link').remove();

});
$("#help-btn").on('click', function(){
$("#helpModalTitle").text("PDF Pro editor guide");
$("#helpModal").modal("show");
// mixpanel.track("Clicked help button");
});
</script>
<script type="text/javascript">
var eraserModalShown = false;
var textModalShown = false;
var selectModalShown = false;
var callWelcomeModel = function() {
$("#helpModal").modal('show');
};
$(".switch-mode-whiteoutblock").on('click', function() {
if(!eraserModalShown){
eraserModalShown = true;
$("#eraserModal").modal("show");
}
});
$("#editor-text-btn").on('click', function() {
if(!textModalShown){
textModalShown = true;
$("#textModal").modal("show");
}
});
$("#editor-select-btn").on('click', function() {
if(!selectModalShown){
selectModalShown = true;
$("#selectModal").modal("show");
}
});
</script>
<script type="text/javascript">
// $("#editor-text-btn").on('click', function() {
// mixpanel.track("Clicked text btn");

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

});
$("#editor-select-btn").on('click', function() {
mixpanel.track("Clicked select btn");
});
$("#editor-erase-btn").on('click', function() {
mixpanel.track("Clicked erase btn");
});
$("#editor-check-btn").on('click', function() {
mixpanel.track("Clicked check btn");
});
$("#editor-cross-btn").on('click', function() {
mixpanel.track("Clicked cross btn");
});
$("#image-modal-btn").on('click', function() {
mixpanel.track("Clicked image btn");
});
$("#sig-modal-btn").on('click', function() {
mixpanel.track("Clicked signature btn");
});
$("#editor-draw-btn").on('click', function() {
mixpanel.track("Clicked draw btn");
});
$("#editor-highlight-btn").on('click', function() {
mixpanel.track("Clicked highlight btn");
});
$("#editor-blackout-btn").on('click', function() {
mixpanel.track("Clicked blackout btn");
});
$("#editor-circle-btn").on('click', function() {
mixpanel.track("Clicked circle btn");
});
$("#shapes-popover").on('click', function() {
mixpanel.track("Clicked shapes btn");
});
$("#symbols-popover").on('click', function() {
mixpanel.track("Clicked symbols btn");
});
$('.document-save-button').on('click', function() {
mixpanel.track("Clicked save editor");
});
$("#welcome-tab").on('click', function() {
mixpanel.track("Clicked welcome help tab");
});
$("#how-erase").on('click', function() {
mixpanel.track("Clicked erase help tab");
});
$("#how-text").on('click', function() {
mixpanel.track("Clicked text help tab");
});
$("#how-select").on('click', function() {
mixpanel.track("Clicked select help tab");
});

$("#text-colorpicker").spectrum({
showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
color: '#000000',
palette: [

["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor = color.toHexString();
$("#text-colorpicker").colorpicker("value", hexColor);
updateTextSettings();
}
});
$("#shape-stroke-colorpicker").spectrum({
showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
allowEmpty: true,
color: '#000000',
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor;
if (color) {
hexColor = color.toHexString();
} else {
hexColor = "NONE";
}
$("#shape-stroke-colorpicker").colorpicker("value", hexColor);
updateShapeSettings();
}
});
$("#shape-fill-colorpicker").spectrum({

showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
allowEmpty: true,
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor;
if (color) {
hexColor = color.toHexString();
} else {
hexColor = "NONE";
}
$("#shape-fill-colorpicker").colorpicker("value", hexColor);
updateShapeSettings();
}
});
$("#erase-colorpicker").spectrum({
showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
color: '#ffffff',
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor = color.toHexString();

$("#erase-colorpicker").colorpicker("value", hexColor);
updateEraseSettings();
}
});
$("#symbol-colorpicker").spectrum({
showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
color: '#000000',
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor = color.toHexString();
$("#symbol-colorpicker").colorpicker("value", hexColor);
updateSymbolSettings();
}
});
$("#signature-colorpicker").spectrum({
showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
color: '#000000',
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor = color.toHexString();

$("#signature-colorpicker").colorpicker("value", hexColor);
updateSignatureSettings();
}
});
$("#path-colorpicker").spectrum({
showPaletteOnly: true,
togglePaletteOnly: true,
togglePaletteMoreText: 'more',
togglePaletteLessText: 'less',
color: '#000000',
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","
#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","
#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","
#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a6
4d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#74
1b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c
1130"]
],
change: function(color) {
var hexColor = color.toHexString();
$("#path-colorpicker").colorpicker("value", hexColor);
updatePathSettings();
}
});
// $("#desktop-learn-more").on('click', function() {
// ga('send', 'pageview', '/editor-trial-btn');
// if (platform && platform.os.family == "OS X") {
//
ga('send', 'pageview', '/mac-editor-desktop-trial');
// } else {
//
ga('send', 'pageview', '/win-editor-desktop-trial');
// }
// });
// $("#desktop-learn-more").on('click', function() {
// ga('send', 'pageview', '/editor-learn-more-btn');
// if (platform && platform.os.family == "OS X") {
//
ga('send', 'pageview', '/mac-editor-learn-more');
// } else {
//
ga('send', 'pageview', '/win-editor-learn-more');
// }
// });
// $("#desktop-box").on('click', function() {
// ga('send', 'pageview', '/learn-more-btn');
//
//

if (platform && platform.os.family == "OS X") {


ga('send', 'pageview', '/mac-editor-learn-more');

// } else {
//
ga('send', 'pageview', '/win-editor-learn-more');
// }
// });
// if (platform && platform.os.family == "OS X") {
// document.getElementById("desktop-trial-btn").setAttribute("href", "/deskt
op/mac-download");
// document.getElementById("desktop-learn-more").setAttribute("href", "http:
//editor.pdfpro.co/PDFEditorPro.dmg");
// document.getElementById("desktop-box").setAttribute("href", "/desktop/mac
-software");
// } else {
// document.getElementById("desktop-trial-btn").setAttribute("href", "/deskt
op/windows-download");
// document.getElementById("desktop-learn-more").setAttribute("href", "http:
//editor.pdfpro.co/PDFEditor.exe");
// document.getElementById("desktop-box").setAttribute("href", "/desktop/win
dows-software");
// }
// if (platform && platform.os.family == "OS X") {
// document.getElementById("desktop-learn-more").setAttribute("href", "/desk
top/mac-software");
// } else {
// document.getElementById("desktop-learn-more").setAttribute("href", "/desk
top/windows-software");
// }
$("#desktop-learn-more").on('click', function() {
ga('send', 'pageview', '/editor-learn-more-btn', {
'hitCallback': function() {
if (platform && platform.os.family == "OS X") {
ga('send', 'pageview', '/mac-editor-learn-more', {
'hitCallback': function() {
window.location.href = "/desktop/mac-software";
}
});
} else {
ga('send', 'pageview', '/win-editor-learn-more', {
'hitCallback': function() {
window.location.href = "/desktop/windows-software";
}
});
}
}
});
});
</script>
<script type="text/javascript">
$("#cancel-uploader").on('click', function() {
$(this).closest('.modal').modal('hide');
});
</script>
</div><div class="sp-container sp-hidden sp-light sp-input-disabled sp-palette-o
nly sp-initial-disabled" style="position: absolute; top: 0px; left: 0px;"><div c
lass="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="s
p-cf sp-palette-row sp-palette-row-0"><span title="rgb(0, 0, 0)" data-color="rgb
(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thu

mb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="rgb(


68, 68, 68)" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><spa
n class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span
><span title="rgb(102, 102, 102)" data-color="rgb(102, 102, 102)" class="sp-thum
b-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102
, 102, 102);"></span></span><span title="rgb(153, 153, 153)" data-color="rgb(153
, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" sty
le="background-color:rgb(153, 153, 153);"></span></span><span title="rgb(204, 20
4, 204)" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><spa
n class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></s
pan><span title="rgb(238, 238, 238)" data-color="rgb(238, 238, 238)" class="sp-t
humb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb
(238, 238, 238);"></span></span><span title="rgb(243, 243, 243)" data-color="rgb
(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner"
style="background-color:rgb(243, 243, 243);"></span></span><span title="rgb(255
, 255, 255)" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light">
<span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span
></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="rg
b(255, 0, 0)" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span
><span title="rgb(255, 153, 0)" data-color="rgb(255, 153, 0)" class="sp-thumb-el
sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 1
53, 0);"></span></span><span title="rgb(255, 255, 0)" data-color="rgb(255, 255,
0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backg
round-color:rgb(255, 255, 0);"></span></span><span title="rgb(0, 255, 0)" data-c
olor="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-i
nner" style="background-color:rgb(0, 255, 0);"></span></span><span title="rgb(0,
255, 255)" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></sp
an><span title="rgb(0, 0, 255)" data-color="rgb(0, 0, 255)" class="sp-thumb-el s
p-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 25
5);"></span></span><span title="rgb(153, 0, 255)" data-color="rgb(153, 0, 255)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgroun
d-color:rgb(153, 0, 255);"></span></span><span title="rgb(255, 0, 255)" data-col
or="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-i
nner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class=
"sp-cf sp-palette-row sp-palette-row-2"><span title="rgb(244, 204, 204)" data-co
lor="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title=
"rgb(252, 229, 205)" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb
-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);
"></span></span><span title="rgb(255, 242, 204)" data-color="rgb(255, 242, 204)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(255, 242, 204);"></span></span><span title="rgb(217, 234, 211)" dat
a-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="spthumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span ti
tle="rgb(208, 224, 227)" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-t
humb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 2
27);"></span></span><span title="rgb(207, 226, 243)" data-color="rgb(207, 226, 2
43)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(207, 226, 243);"></span></span><span title="rgb(217, 210, 233)"
data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class=
"sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><spa
n title="rgb(234, 209, 220)" data-color="rgb(234, 209, 220)" class="sp-thumb-el
sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 20
9, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"
><span title="rgb(234, 153, 153)" data-color="rgb(234, 153, 153)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(23
4, 153, 153);"></span></span><span title="rgb(249, 203, 156)" data-color="rgb(24
9, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" st

yle="background-color:rgb(249, 203, 156);"></span></span><span title="rgb(255, 2


29, 153)" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></
span><span title="rgb(182, 215, 168)" data-color="rgb(182, 215, 168)" class="spthumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rg
b(182, 215, 168);"></span></span><span title="rgb(162, 196, 201)" data-color="rg
b(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner
" style="background-color:rgb(162, 196, 201);"></span></span><span title="rgb(15
9, 197, 232)" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"
><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></spa
n></span><span title="rgb(180, 167, 214)" data-color="rgb(180, 167, 214)" class=
"sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-colo
r:rgb(180, 167, 214);"></span></span><span title="rgb(213, 166, 189)" data-color
="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-i
nner" style="background-color:rgb(213, 166, 189);"></span></span></div><div clas
s="sp-cf sp-palette-row sp-palette-row-4"><span title="rgb(224, 102, 102)" datacolor="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-th
umb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span titl
e="rgb(246, 178, 107)" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thu
mb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107
);"></span></span><span title="rgb(255, 217, 102)" data-color="rgb(255, 217, 102
)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgr
ound-color:rgb(255, 217, 102);"></span></span><span title="rgb(147, 196, 125)" d
ata-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="s
p-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span
title="rgb(118, 165, 175)" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp
-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165,
175);"></span></span><span title="rgb(111, 168, 220)" data-color="rgb(111, 168,
220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="ba
ckground-color:rgb(111, 168, 220);"></span></span><span title="rgb(142, 124, 195
)" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span clas
s="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><s
pan title="rgb(194, 123, 160)" data-color="rgb(194, 123, 160)" class="sp-thumb-e
l sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194,
123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row5"><span title="rgb(204, 0, 0)" data-color="rgb(204, 0, 0)" class="sp-thumb-el s
p-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0
);"></span></span><span title="rgb(230, 145, 56)" data-color="rgb(230, 145, 56)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(230, 145, 56);"></span></span><span title="rgb(241, 194, 50)" datacolor="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thu
mb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title=
"rgb(106, 168, 79)" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-d
ark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></
span></span><span title="rgb(69, 129, 142)" data-color="rgb(69, 129, 142)" class
="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-colo
r:rgb(69, 129, 142);"></span></span><span title="rgb(61, 133, 198)" data-color="
rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inne
r" style="background-color:rgb(61, 133, 198);"></span></span><span title="rgb(10
3, 78, 167)" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><s
pan class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></
span><span title="rgb(166, 77, 121)" data-color="rgb(166, 77, 121)" class="sp-th
umb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(1
66, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-r
ow-6"><span title="rgb(153, 0, 0)" data-color="rgb(153, 0, 0)" class="sp-thumb-e
l sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0
, 0);"></span></span><span title="rgb(180, 95, 6)" data-color="rgb(180, 95, 6)"
class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background
-color:rgb(180, 95, 6);"></span></span><span title="rgb(191, 144, 0)" data-color
="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inne

r" style="background-color:rgb(191, 144, 0);"></span></span><span title="rgb(56,


118, 29)" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span
class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span
><span title="rgb(19, 79, 92)" data-color="rgb(19, 79, 92)" class="sp-thumb-el s
p-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 9
2);"></span></span><span title="rgb(11, 83, 148)" data-color="rgb(11, 83, 148)"
class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background
-color:rgb(11, 83, 148);"></span></span><span title="rgb(53, 28, 117)" data-colo
r="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inn
er" style="background-color:rgb(53, 28, 117);"></span></span><span title="rgb(11
6, 27, 71)" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><spa
n class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></spa
n></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="rgb(102,
0, 0)" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span clas
s="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span
title="rgb(120, 63, 4)" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb
-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></
span></span><span title="rgb(127, 96, 0)" data-color="rgb(127, 96, 0)" class="sp
-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rg
b(127, 96, 0);"></span></span><span title="rgb(39, 78, 19)" data-color="rgb(39,
78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="b
ackground-color:rgb(39, 78, 19);"></span></span><span title="rgb(12, 52, 61)" da
ta-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thu
mb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="r
gb(7, 55, 99)" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><sp
an class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span
><span title="rgb(32, 18, 77)" data-color="rgb(32, 18, 77)" class="sp-thumb-el s
p-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 7
7);"></span></span><span title="rgb(76, 17, 48)" data-color="rgb(76, 17, 48)" cl
ass="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-c
olor:rgb(76, 17, 48);"></span></span></div><div class="sp-cf sp-palette-row sp-p
alette-row-selection"></div></div><div class="sp-palette-button-container sp-cf"
><button type="button" class="sp-palette-toggle">more</button></div></div><div c
lass="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div>
<div class="sp-top-inner"><div class="sp-color" style="background-color: rgb(255
, 0, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger" style=
"display: block; top: 0px; left: 0px;"></div></div></div></div><div class="sp-cl
ear sp-clear-display" title="Clear Color Selection" style="display: none;"></div
><div class="sp-hue"><div class="sp-slider" style="display: block; top: 0px;"></
div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp
-alpha-handle" style="display: block; left: 0px;"></div></div></div></div><div c
lass="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="
false"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-buttoncontainer sp-cf"><a class="sp-cancel" href="https://www.pdfpro.co/files/new?id=k
3jj1m4i6758e2lx-cd378a97&amp;process_type=Edit#">cancel</a><button type="button"
class="sp-choose">choose</button></div></div></div><div class="sp-container sphidden sp-light sp-input-disabled sp-clear-enabled sp-palette-only sp-initial-di
sabled" style="position: absolute; top: 0px; left: 0px;"><div class="sp-palettecontainer"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-r
ow sp-palette-row-0"><span title="rgb(0, 0, 0)" data-color="rgb(0, 0, 0)" class=
"sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="
background-color:rgb(0, 0, 0);"></span></span><span title="rgb(68, 68, 68)" data
-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb
-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="rgb
(102, 102, 102)" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dar
k"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></s
pan></span><span title="rgb(153, 153, 153)" data-color="rgb(153, 153, 153)" clas
s="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-co
lor:rgb(153, 153, 153);"></span></span><span title="rgb(204, 204, 204)" data-col
or="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb

-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="


rgb(238, 238, 238)" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumblight"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"
></span></span><span title="rgb(243, 243, 243)" data-color="rgb(243, 243, 243)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgroun
d-color:rgb(243, 243, 243);"></span></span><span title="rgb(255, 255, 255)" data
-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-t
humb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><di
v class="sp-cf sp-palette-row sp-palette-row-1"><span title="rgb(255, 0, 0)" dat
a-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="rgb
(255, 153, 0)" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light">
<span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span><
/span><span title="rgb(255, 255, 0)" data-color="rgb(255, 255, 0)" class="sp-thu
mb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(2
55, 255, 0);"></span></span><span title="rgb(0, 255, 0)" data-color="rgb(0, 255,
0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(0, 255, 0);"></span></span><span title="rgb(0, 255, 255)" datacolor="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="r
gb(0, 0, 255)" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><s
pan class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></spa
n><span title="rgb(153, 0, 255)" data-color="rgb(153, 0, 255)" class="sp-thumb-e
l sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153,
0, 255);"></span></span><span title="rgb(255, 0, 255)" data-color="rgb(255, 0, 2
55)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette
-row sp-palette-row-2"><span title="rgb(244, 204, 204)" data-color="rgb(244, 204
, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="b
ackground-color:rgb(244, 204, 204);"></span></span><span title="rgb(252, 229, 20
5)" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span cla
ss="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><
span title="rgb(255, 242, 204)" data-color="rgb(255, 242, 204)" class="sp-thumbel sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255,
242, 204);"></span></span><span title="rgb(217, 234, 211)" data-color="rgb(217,
234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" styl
e="background-color:rgb(217, 234, 211);"></span></span><span title="rgb(208, 224
, 227)" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span
class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></sp
an><span title="rgb(207, 226, 243)" data-color="rgb(207, 226, 243)" class="sp-th
umb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(
207, 226, 243);"></span></span><span title="rgb(217, 210, 233)" data-color="rgb(
217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner"
style="background-color:rgb(217, 210, 233);"></span></span><span title="rgb(234,
209, 220)" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><
span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span>
</span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="rgb
(234, 153, 153)" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-lig
ht"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></
span></span><span title="rgb(249, 203, 156)" data-color="rgb(249, 203, 156)" cla
ss="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-c
olor:rgb(249, 203, 156);"></span></span><span title="rgb(255, 229, 153)" data-co
lor="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title=
"rgb(182, 215, 168)" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb
-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);
"></span></span><span title="rgb(162, 196, 201)" data-color="rgb(162, 196, 201)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(162, 196, 201);"></span></span><span title="rgb(159, 197, 232)" dat
a-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-

thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span ti


tle="rgb(180, 167, 214)" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-t
humb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 2
14);"></span></span><span title="rgb(213, 166, 189)" data-color="rgb(213, 166, 1
89)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palet
te-row sp-palette-row-4"><span title="rgb(224, 102, 102)" data-color="rgb(224, 1
02, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style=
"background-color:rgb(224, 102, 102);"></span></span><span title="rgb(246, 178,
107)" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span c
lass="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span
><span title="rgb(255, 217, 102)" data-color="rgb(255, 217, 102)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(25
5, 217, 102);"></span></span><span title="rgb(147, 196, 125)" data-color="rgb(14
7, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" st
yle="background-color:rgb(147, 196, 125);"></span></span><span title="rgb(118, 1
65, 175)" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></
span><span title="rgb(111, 168, 220)" data-color="rgb(111, 168, 220)" class="spthumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rg
b(111, 168, 220);"></span></span><span title="rgb(142, 124, 195)" data-color="rg
b(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner
" style="background-color:rgb(142, 124, 195);"></span></span><span title="rgb(19
4, 123, 160)" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"
><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></spa
n></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="r
gb(204, 0, 0)" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><sp
an class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span
><span title="rgb(230, 145, 56)" data-color="rgb(230, 145, 56)" class="sp-thumbel sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230,
145, 56);"></span></span><span title="rgb(241, 194, 50)" data-color="rgb(241, 1
94, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="
background-color:rgb(241, 194, 50);"></span></span><span title="rgb(106, 168, 79
)" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class=
"sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span
title="rgb(69, 129, 142)" data-color="rgb(69, 129, 142)" class="sp-thumb-el spthumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 14
2);"></span></span><span title="rgb(61, 133, 198)" data-color="rgb(61, 133, 198)
" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgro
und-color:rgb(61, 133, 198);"></span></span><span title="rgb(103, 78, 167)" data
-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thu
mb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title=
"rgb(166, 77, 121)" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-d
ark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></
span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title
="rgb(153, 0, 0)" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark">
<span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></s
pan><span title="rgb(180, 95, 6)" data-color="rgb(180, 95, 6)" class="sp-thumb-e
l sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 9
5, 6);"></span></span><span title="rgb(191, 144, 0)" data-color="rgb(191, 144, 0
)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgro
und-color:rgb(191, 144, 0);"></span></span><span title="rgb(56, 118, 29)" data-c
olor="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumbinner" style="background-color:rgb(56, 118, 29);"></span></span><span title="rgb
(19, 79, 92)" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><sp
an class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></spa
n><span title="rgb(11, 83, 148)" data-color="rgb(11, 83, 148)" class="sp-thumb-e
l sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83
, 148);"></span></span><span title="rgb(53, 28, 117)" data-color="rgb(53, 28, 11
7)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgr

ound-color:rgb(53, 28, 117);"></span></span><span title="rgb(116, 27, 71)" datacolor="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb
-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div clas
s="sp-cf sp-palette-row sp-palette-row-7"><span title="rgb(102, 0, 0)" data-colo
r="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner
" style="background-color:rgb(102, 0, 0);"></span></span><span title="rgb(120, 6
3, 4)" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span clas
s="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span
title="rgb(127, 96, 0)" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thum
b-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"><
/span></span><span title="rgb(39, 78, 19)" data-color="rgb(39, 78, 19)" class="s
p-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:r
gb(39, 78, 19);"></span></span><span title="rgb(12, 52, 61)" data-color="rgb(12,
52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="
background-color:rgb(12, 52, 61);"></span></span><span title="rgb(7, 55, 99)" da
ta-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thum
b-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="rgb
(32, 18, 77)" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><sp
an class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></spa
n><span title="rgb(76, 17, 48)" data-color="rgb(76, 17, 48)" class="sp-thumb-el
sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17,
48);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-select
ion"></div></div><div class="sp-palette-button-container sp-cf"><button type="bu
tton" class="sp-palette-toggle">more</button></div></div><div class="sp-picker-c
ontainer"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-to
p-inner"><div class="sp-color" style="background-color: rgb(255, 0, 0);"><div cl
ass="sp-sat"><div class="sp-val"><div class="sp-dragger" style="display: block;
top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear sp-clear-disp
lay" title="Clear Color Selection"></div><div class="sp-hue"><div class="sp-slid
er" style="display: block; top: 0px;"></div></div></div><div class="sp-alpha"><d
iv class="sp-alpha-inner"><div class="sp-alpha-handle" style="display: block; le
ft: 0px;"></div></div></div></div><div class="sp-input-container sp-cf"><input c
lass="sp-input" type="text" spellcheck="false"></div><div class="sp-initial sp-t
humb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" hr
ef="https://www.pdfpro.co/files/new?id=k3jj1m4i6758e2lx-cd378a97&amp;process_typ
e=Edit#">cancel</a><button type="button" class="sp-choose">choose</button></div>
</div></div><div class="sp-container sp-hidden sp-light sp-input-disabled sp-cle
ar-enabled sp-palette-only sp-initial-disabled" style="position: absolute; top:
0px; left: 0px;"><div class="sp-palette-container"><div class="sp-palette sp-thu
mb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="rgb(0,
0, 0)" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class=
"sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span titl
e="rgb(68, 68, 68)" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dar
k"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span
></span><span title="rgb(102, 102, 102)" data-color="rgb(102, 102, 102)" class="
sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:
rgb(102, 102, 102);"></span></span><span title="rgb(153, 153, 153)" data-color="
rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inn
er" style="background-color:rgb(153, 153, 153);"></span></span><span title="rgb(
204, 204, 204)" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-ligh
t"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></s
pan></span><span title="rgb(238, 238, 238)" data-color="rgb(238, 238, 238)" clas
s="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-co
lor:rgb(238, 238, 238);"></span></span><span title="rgb(243, 243, 243)" data-col
or="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb
-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="
rgb(255, 255, 255)" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumblight"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"
></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span ti
tle="rgb(255, 0, 0)" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-lig

ht"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span


></span><span title="rgb(255, 153, 0)" data-color="rgb(255, 153, 0)" class="sp-t
humb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb
(255, 153, 0);"></span></span><span title="rgb(255, 255, 0)" data-color="rgb(255
, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style
="background-color:rgb(255, 255, 0);"></span></span><span title="rgb(0, 255, 0)"
data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="spthumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title=
"rgb(0, 255, 255)" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-lig
ht"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></sp
an></span><span title="rgb(0, 0, 255)" data-color="rgb(0, 0, 255)" class="sp-thu
mb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0
, 0, 255);"></span></span><span title="rgb(153, 0, 255)" data-color="rgb(153, 0,
255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="ba
ckground-color:rgb(153, 0, 255);"></span></span><span title="rgb(255, 0, 255)" d
ata-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="spthumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div
class="sp-cf sp-palette-row sp-palette-row-2"><span title="rgb(244, 204, 204)"
data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="
sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span
title="rgb(252, 229, 205)" data-color="rgb(252, 229, 205)" class="sp-thumb-el s
p-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229
, 205);"></span></span><span title="rgb(255, 242, 204)" data-color="rgb(255, 242
, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="b
ackground-color:rgb(255, 242, 204);"></span></span><span title="rgb(217, 234, 21
1)" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span cla
ss="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><
span title="rgb(208, 224, 227)" data-color="rgb(208, 224, 227)" class="sp-thumbel sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208,
224, 227);"></span></span><span title="rgb(207, 226, 243)" data-color="rgb(207,
226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" styl
e="background-color:rgb(207, 226, 243);"></span></span><span title="rgb(217, 210
, 233)" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span
class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></sp
an><span title="rgb(234, 209, 220)" data-color="rgb(234, 209, 220)" class="sp-th
umb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(
234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette
-row-3"><span title="rgb(234, 153, 153)" data-color="rgb(234, 153, 153)" class="
sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color
:rgb(234, 153, 153);"></span></span><span title="rgb(249, 203, 156)" data-color=
"rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-in
ner" style="background-color:rgb(249, 203, 156);"></span></span><span title="rgb
(255, 229, 153)" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-lig
ht"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></
span></span><span title="rgb(182, 215, 168)" data-color="rgb(182, 215, 168)" cla
ss="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-c
olor:rgb(182, 215, 168);"></span></span><span title="rgb(162, 196, 201)" data-co
lor="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title=
"rgb(159, 197, 232)" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb
-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);
"></span></span><span title="rgb(180, 167, 214)" data-color="rgb(180, 167, 214)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(180, 167, 214);"></span></span><span title="rgb(213, 166, 189)" dat
a-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="spthumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><d
iv class="sp-cf sp-palette-row sp-palette-row-4"><span title="rgb(224, 102, 102)
" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class
="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><sp
an title="rgb(246, 178, 107)" data-color="rgb(246, 178, 107)" class="sp-thumb-el

sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 1


78, 107);"></span></span><span title="rgb(255, 217, 102)" data-color="rgb(255, 2
17, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style=
"background-color:rgb(255, 217, 102);"></span></span><span title="rgb(147, 196,
125)" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span c
lass="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span
><span title="rgb(118, 165, 175)" data-color="rgb(118, 165, 175)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(11
8, 165, 175);"></span></span><span title="rgb(111, 168, 220)" data-color="rgb(11
1, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" st
yle="background-color:rgb(111, 168, 220);"></span></span><span title="rgb(142, 1
24, 195)" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></
span><span title="rgb(194, 123, 160)" data-color="rgb(194, 123, 160)" class="spthumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rg
b(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palet
te-row-5"><span title="rgb(204, 0, 0)" data-color="rgb(204, 0, 0)" class="sp-thu
mb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(20
4, 0, 0);"></span></span><span title="rgb(230, 145, 56)" data-color="rgb(230, 14
5, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="b
ackground-color:rgb(230, 145, 56);"></span></span><span title="rgb(241, 194, 50)
" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class=
"sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span
title="rgb(106, 168, 79)" data-color="rgb(106, 168, 79)" class="sp-thumb-el spthumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 7
9);"></span></span><span title="rgb(69, 129, 142)" data-color="rgb(69, 129, 142)
" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(69, 129, 142);"></span></span><span title="rgb(61, 133, 198)" datacolor="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thu
mb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title=
"rgb(103, 78, 167)" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-d
ark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></
span></span><span title="rgb(166, 77, 121)" data-color="rgb(166, 77, 121)" class
="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-colo
r:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-pa
lette-row-6"><span title="rgb(153, 0, 0)" data-color="rgb(153, 0, 0)" class="spthumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb
(153, 0, 0);"></span></span><span title="rgb(180, 95, 6)" data-color="rgb(180, 9
5, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="bac
kground-color:rgb(180, 95, 6);"></span></span><span title="rgb(191, 144, 0)" dat
a-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thu
mb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="
rgb(56, 118, 29)" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark
"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span
></span><span title="rgb(19, 79, 92)" data-color="rgb(19, 79, 92)" class="sp-thu
mb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19
, 79, 92);"></span></span><span title="rgb(11, 83, 148)" data-color="rgb(11, 83,
148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="bac
kground-color:rgb(11, 83, 148);"></span></span><span title="rgb(53, 28, 117)" da
ta-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-th
umb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title=
"rgb(116, 27, 71)" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dar
k"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></spa
n></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="r
gb(102, 0, 0)" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><sp
an class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span
><span title="rgb(120, 63, 4)" data-color="rgb(120, 63, 4)" class="sp-thumb-el s
p-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63,
4);"></span></span><span title="rgb(127, 96, 0)" data-color="rgb(127, 96, 0)" cl
ass="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-c

olor:rgb(127, 96, 0);"></span></span><span title="rgb(39, 78, 19)" data-color="r


gb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" s
tyle="background-color:rgb(39, 78, 19);"></span></span><span title="rgb(12, 52,
61)" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class=
"sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span t
itle="rgb(7, 55, 99)" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-da
rk"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span
></span><span title="rgb(32, 18, 77)" data-color="rgb(32, 18, 77)" class="sp-thu
mb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32
, 18, 77);"></span></span><span title="rgb(76, 17, 48)" data-color="rgb(76, 17,
48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backg
round-color:rgb(76, 17, 48);"></span></span></div><div class="sp-cf sp-palette-r
ow sp-palette-row-selection"></div></div><div class="sp-palette-button-container
sp-cf"><button type="button" class="sp-palette-toggle">more</button></div></div
><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"
></div><div class="sp-top-inner"><div class="sp-color" style="background-color:
rgb(255, 0, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger"
style="display: none;"></div></div></div></div><div class="sp-clear sp-clear-di
splay" title="Clear Color Selection"></div><div class="sp-hue"><div class="sp-sl
ider" style="display: none;"></div></div></div><div class="sp-alpha"><div class=
"sp-alpha-inner"><div class="sp-alpha-handle" style="display: none;"></div></div
></div></div><div class="sp-input-container sp-cf"><input class="sp-input" type=
"text" spellcheck="false"></div><div class="sp-initial sp-thumb sp-cf"></div><di
v class="sp-button-container sp-cf"><a class="sp-cancel" href="https://www.pdfpr
o.co/files/new?id=k3jj1m4i6758e2lx-cd378a97&amp;process_type=Edit#">cancel</a><b
utton type="button" class="sp-choose">choose</button></div></div></div><div clas
s="sp-container sp-hidden sp-light sp-input-disabled sp-palette-only sp-initialdisabled" style="position: absolute; top: 0px; left: 0px;"><div class="sp-palett
e-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette
-row sp-palette-row-0"><span title="rgb(0, 0, 0)" data-color="rgb(0, 0, 0)" clas
s="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-col
or:rgb(0, 0, 0);"></span></span><span title="rgb(68, 68, 68)" data-color="rgb(68
, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style=
"background-color:rgb(68, 68, 68);"></span></span><span title="rgb(102, 102, 102
)" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class
="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><sp
an title="rgb(153, 153, 153)" data-color="rgb(153, 153, 153)" class="sp-thumb-el
sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 1
53, 153);"></span></span><span title="rgb(204, 204, 204)" data-color="rgb(204, 2
04, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style=
"background-color:rgb(204, 204, 204);"></span></span><span title="rgb(238, 238,
238)" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span c
lass="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span
><span title="rgb(243, 243, 243)" data-color="rgb(243, 243, 243)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(24
3, 243, 243);"></span></span><span title="rgb(255, 255, 255)" data-color="rgb(25
5, 255, 255)" class="sp-thumb-el sp-thumb-light sp-thumb-active"><span class="sp
-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><
div class="sp-cf sp-palette-row sp-palette-row-1"><span title="rgb(255, 0, 0)" d
ata-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-th
umb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="r
gb(255, 153, 0)" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light
"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span
></span><span title="rgb(255, 255, 0)" data-color="rgb(255, 255, 0)" class="sp-t
humb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb
(255, 255, 0);"></span></span><span title="rgb(0, 255, 0)" data-color="rgb(0, 25
5, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="ba
ckground-color:rgb(0, 255, 0);"></span></span><span title="rgb(0, 255, 255)" dat
a-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-th
umb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title=

"rgb(0, 0, 255)" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light">


<span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></s
pan><span title="rgb(153, 0, 255)" data-color="rgb(153, 0, 255)" class="sp-thumb
-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153
, 0, 255);"></span></span><span title="rgb(255, 0, 255)" data-color="rgb(255, 0,
255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="ba
ckground-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palet
te-row sp-palette-row-2"><span title="rgb(244, 204, 204)" data-color="rgb(244, 2
04, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style=
"background-color:rgb(244, 204, 204);"></span></span><span title="rgb(252, 229,
205)" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span c
lass="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span
><span title="rgb(255, 242, 204)" data-color="rgb(255, 242, 204)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(25
5, 242, 204);"></span></span><span title="rgb(217, 234, 211)" data-color="rgb(21
7, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" st
yle="background-color:rgb(217, 234, 211);"></span></span><span title="rgb(208, 2
24, 227)" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></
span><span title="rgb(207, 226, 243)" data-color="rgb(207, 226, 243)" class="spthumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rg
b(207, 226, 243);"></span></span><span title="rgb(217, 210, 233)" data-color="rg
b(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner
" style="background-color:rgb(217, 210, 233);"></span></span><span title="rgb(23
4, 209, 220)" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"
><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></spa
n></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="r
gb(234, 153, 153)" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-l
ight"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);">
</span></span><span title="rgb(249, 203, 156)" data-color="rgb(249, 203, 156)" c
lass="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background
-color:rgb(249, 203, 156);"></span></span><span title="rgb(255, 229, 153)" datacolor="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-th
umb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span titl
e="rgb(182, 215, 168)" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thu
mb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168
);"></span></span><span title="rgb(162, 196, 201)" data-color="rgb(162, 196, 201
)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgr
ound-color:rgb(162, 196, 201);"></span></span><span title="rgb(159, 197, 232)" d
ata-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="s
p-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span
title="rgb(180, 167, 214)" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp
-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167,
214);"></span></span><span title="rgb(213, 166, 189)" data-color="rgb(213, 166,
189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="ba
ckground-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-pal
ette-row sp-palette-row-4"><span title="rgb(224, 102, 102)" data-color="rgb(224,
102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" styl
e="background-color:rgb(224, 102, 102);"></span></span><span title="rgb(246, 178
, 107)" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span
class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></sp
an><span title="rgb(255, 217, 102)" data-color="rgb(255, 217, 102)" class="sp-th
umb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(
255, 217, 102);"></span></span><span title="rgb(147, 196, 125)" data-color="rgb(
147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner"
style="background-color:rgb(147, 196, 125);"></span></span><span title="rgb(118,
165, 175)" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><
span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span>
</span><span title="rgb(111, 168, 220)" data-color="rgb(111, 168, 220)" class="s
p-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:

rgb(111, 168, 220);"></span></span><span title="rgb(142, 124, 195)" data-color="


rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inn
er" style="background-color:rgb(142, 124, 195);"></span></span><span title="rgb(
194, 123, 160)" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-ligh
t"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></s
pan></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title=
"rgb(204, 0, 0)" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><
span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></sp
an><span title="rgb(230, 145, 56)" data-color="rgb(230, 145, 56)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(23
0, 145, 56);"></span></span><span title="rgb(241, 194, 50)" data-color="rgb(241,
194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style
="background-color:rgb(241, 194, 50);"></span></span><span title="rgb(106, 168,
79)" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span clas
s="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><sp
an title="rgb(69, 129, 142)" data-color="rgb(69, 129, 142)" class="sp-thumb-el s
p-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129,
142);"></span></span><span title="rgb(61, 133, 198)" data-color="rgb(61, 133, 19
8)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backg
round-color:rgb(61, 133, 198);"></span></span><span title="rgb(103, 78, 167)" da
ta-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-t
humb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span titl
e="rgb(166, 77, 121)" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb
-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);">
</span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span tit
le="rgb(153, 0, 0)" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark
"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span><
/span><span title="rgb(180, 95, 6)" data-color="rgb(180, 95, 6)" class="sp-thumb
-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180,
95, 6);"></span></span><span title="rgb(191, 144, 0)" data-color="rgb(191, 144,
0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backg
round-color:rgb(191, 144, 0);"></span></span><span title="rgb(56, 118, 29)" data
-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thum
b-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="r
gb(19, 79, 92)" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><
span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></s
pan><span title="rgb(11, 83, 148)" data-color="rgb(11, 83, 148)" class="sp-thumb
-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11,
83, 148);"></span></span><span title="rgb(53, 28, 117)" data-color="rgb(53, 28,
117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="back
ground-color:rgb(53, 28, 117);"></span></span><span title="rgb(116, 27, 71)" dat
a-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thu
mb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div cl
ass="sp-cf sp-palette-row sp-palette-row-7"><span title="rgb(102, 0, 0)" data-co
lor="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inn
er" style="background-color:rgb(102, 0, 0);"></span></span><span title="rgb(120,
63, 4)" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span cl
ass="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><sp
an title="rgb(127, 96, 0)" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-th
umb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"
></span></span><span title="rgb(39, 78, 19)" data-color="rgb(39, 78, 19)" class=
"sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color
:rgb(39, 78, 19);"></span></span><span title="rgb(12, 52, 61)" data-color="rgb(1
2, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style
="background-color:rgb(12, 52, 61);"></span></span><span title="rgb(7, 55, 99)"
data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-th
umb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="r
gb(32, 18, 77)" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><
span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></s
pan><span title="rgb(76, 17, 48)" data-color="rgb(76, 17, 48)" class="sp-thumb-e

l sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17


, 48);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-sele
ction"></div></div><div class="sp-palette-button-container sp-cf"><button type="
button" class="sp-palette-toggle">more</button></div></div><div class="sp-picker
-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sptop-inner"><div class="sp-color" style="background-color: rgb(255, 0, 0);"><div
class="sp-sat"><div class="sp-val"><div class="sp-dragger" style="display: block
; top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear sp-clear-di
splay" title="Clear Color Selection" style="display: none;"></div><div class="sp
-hue"><div class="sp-slider" style="display: block; top: 0px;"></div></div></div
><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp-alpha-handle"
style="display: block; left: 0px;"></div></div></div></div><div class="sp-inputcontainer sp-cf"><input class="sp-input" type="text" spellcheck="false"></div><d
iv class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf
"><a class="sp-cancel" href="https://www.pdfpro.co/files/new?id=k3jj1m4i6758e2lx
-cd378a97&amp;process_type=Edit#">cancel</a><button type="button" class="sp-choo
se">choose</button></div></div></div><div class="sp-container sp-hidden sp-light
sp-input-disabled sp-palette-only sp-initial-disabled" style="position: absolut
e; top: 0px; left: 0px;"><div class="sp-palette-container"><div class="sp-palett
e sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title
="rgb(0, 0, 0)" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-th
umb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);">
</span></span><span title="rgb(68, 68, 68)" data-color="rgb(68, 68, 68)" class="
sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:
rgb(68, 68, 68);"></span></span><span title="rgb(102, 102, 102)" data-color="rgb
(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner"
style="background-color:rgb(102, 102, 102);"></span></span><span title="rgb(153,
153, 153)" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><
span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span>
</span><span title="rgb(204, 204, 204)" data-color="rgb(204, 204, 204)" class="s
p-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:
rgb(204, 204, 204);"></span></span><span title="rgb(238, 238, 238)" data-color="
rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inn
er" style="background-color:rgb(238, 238, 238);"></span></span><span title="rgb(
243, 243, 243)" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-ligh
t"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></s
pan></span><span title="rgb(255, 255, 255)" data-color="rgb(255, 255, 255)" clas
s="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-co
lor:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp
-palette-row-1"><span title="rgb(255, 0, 0)" data-color="rgb(255, 0, 0)" class="
sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color
:rgb(255, 0, 0);"></span></span><span title="rgb(255, 153, 0)" data-color="rgb(2
55, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" sty
le="background-color:rgb(255, 153, 0);"></span></span><span title="rgb(255, 255,
0)" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light"><span clas
s="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><spa
n title="rgb(0, 255, 0)" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb
-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></
span></span><span title="rgb(0, 255, 255)" data-color="rgb(0, 255, 255)" class="
sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color
:rgb(0, 255, 255);"></span></span><span title="rgb(0, 0, 255)" data-color="rgb(0
, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style
="background-color:rgb(0, 0, 255);"></span></span><span title="rgb(153, 0, 255)"
data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="s
p-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span ti
tle="rgb(255, 0, 255)" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb
-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);">
</span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span tit
le="rgb(244, 204, 204)" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-th
umb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 20

4);"></span></span><span title="rgb(252, 229, 205)" data-color="rgb(252, 229, 20


5)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backg
round-color:rgb(252, 229, 205);"></span></span><span title="rgb(255, 242, 204)"
data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="
sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span
title="rgb(217, 234, 211)" data-color="rgb(217, 234, 211)" class="sp-thumb-el s
p-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234
, 211);"></span></span><span title="rgb(208, 224, 227)" data-color="rgb(208, 224
, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="b
ackground-color:rgb(208, 224, 227);"></span></span><span title="rgb(207, 226, 24
3)" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span cla
ss="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><
span title="rgb(217, 210, 233)" data-color="rgb(217, 210, 233)" class="sp-thumbel sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217,
210, 233);"></span></span><span title="rgb(234, 209, 220)" data-color="rgb(234,
209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" styl
e="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf s
p-palette-row sp-palette-row-3"><span title="rgb(234, 153, 153)" data-color="rgb
(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner"
style="background-color:rgb(234, 153, 153);"></span></span><span title="rgb(249
, 203, 156)" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light">
<span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span
></span><span title="rgb(255, 229, 153)" data-color="rgb(255, 229, 153)" class="
sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color
:rgb(255, 229, 153);"></span></span><span title="rgb(182, 215, 168)" data-color=
"rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-in
ner" style="background-color:rgb(182, 215, 168);"></span></span><span title="rgb
(162, 196, 201)" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-lig
ht"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></
span></span><span title="rgb(159, 197, 232)" data-color="rgb(159, 197, 232)" cla
ss="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-c
olor:rgb(159, 197, 232);"></span></span><span title="rgb(180, 167, 214)" data-co
lor="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title=
"rgb(213, 166, 189)" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb
-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);
"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span t
itle="rgb(224, 102, 102)" data-color="rgb(224, 102, 102)" class="sp-thumb-el spthumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102,
102);"></span></span><span title="rgb(246, 178, 107)" data-color="rgb(246, 178,
107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="bac
kground-color:rgb(246, 178, 107);"></span></span><span title="rgb(255, 217, 102)
" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class
="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><sp
an title="rgb(147, 196, 125)" data-color="rgb(147, 196, 125)" class="sp-thumb-el
sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 1
96, 125);"></span></span><span title="rgb(118, 165, 175)" data-color="rgb(118, 1
65, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style=
"background-color:rgb(118, 165, 175);"></span></span><span title="rgb(111, 168,
220)" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span c
lass="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span
><span title="rgb(142, 124, 195)" data-color="rgb(142, 124, 195)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(14
2, 124, 195);"></span></span><span title="rgb(194, 123, 160)" data-color="rgb(19
4, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" st
yle="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf
sp-palette-row sp-palette-row-5"><span title="rgb(204, 0, 0)" data-color="rgb(2
04, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style=
"background-color:rgb(204, 0, 0);"></span></span><span title="rgb(230, 145, 56)"
data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="

sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span


title="rgb(241, 194, 50)" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-t
humb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 5
0);"></span></span><span title="rgb(106, 168, 79)" data-color="rgb(106, 168, 79)
" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(106, 168, 79);"></span></span><span title="rgb(69, 129, 142)" datacolor="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thum
b-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="
rgb(61, 133, 198)" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-li
ght"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></
span></span><span title="rgb(103, 78, 167)" data-color="rgb(103, 78, 167)" class
="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-colo
r:rgb(103, 78, 167);"></span></span><span title="rgb(166, 77, 121)" data-color="
rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner
" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp
-cf sp-palette-row sp-palette-row-6"><span title="rgb(153, 0, 0)" data-color="rg
b(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" sty
le="background-color:rgb(153, 0, 0);"></span></span><span title="rgb(180, 95, 6)
" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp
-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span titl
e="rgb(191, 144, 0)" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-d
ark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></s
pan></span><span title="rgb(56, 118, 29)" data-color="rgb(56, 118, 29)" class="s
p-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:r
gb(56, 118, 29);"></span></span><span title="rgb(19, 79, 92)" data-color="rgb(19
, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style=
"background-color:rgb(19, 79, 92);"></span></span><span title="rgb(11, 83, 148)"
data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp
-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span tit
le="rgb(53, 28, 117)" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumbdark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></
span></span><span title="rgb(116, 27, 71)" data-color="rgb(116, 27, 71)" class="
sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:
rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palet
te-row-7"><span title="rgb(102, 0, 0)" data-color="rgb(102, 0, 0)" class="sp-thu
mb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(10
2, 0, 0);"></span></span><span title="rgb(120, 63, 4)" data-color="rgb(120, 63,
4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgr
ound-color:rgb(120, 63, 4);"></span></span><span title="rgb(127, 96, 0)" data-co
lor="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-in
ner" style="background-color:rgb(127, 96, 0);"></span></span><span title="rgb(39
, 78, 19)" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span
class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><
span title="rgb(12, 52, 61)" data-color="rgb(12, 52, 61)" class="sp-thumb-el spthumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61)
;"></span></span><span title="rgb(7, 55, 99)" data-color="rgb(7, 55, 99)" class=
"sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color
:rgb(7, 55, 99);"></span></span><span title="rgb(32, 18, 77)" data-color="rgb(32
, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style=
"background-color:rgb(32, 18, 77);"></span></span><span title="rgb(76, 17, 48)"
data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-t
humb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div><div c
lass="sp-cf sp-palette-row sp-palette-row-selection"></div></div><div class="sppalette-button-container sp-cf"><button type="button" class="sp-palette-toggle">
more</button></div></div><div class="sp-picker-container"><div class="sp-top spcf"><div class="sp-fill"></div><div class="sp-top-inner"><div class="sp-color" s
tyle="background-color: rgb(255, 0, 0);"><div class="sp-sat"><div class="sp-val"
><div class="sp-dragger" style="display: block; top: 0px; left: 0px;"></div></di
v></div></div><div class="sp-clear sp-clear-display" title="Clear Color Selectio
n" style="display: none;"></div><div class="sp-hue"><div class="sp-slider" style

="display: block; top: 0px;"></div></div></div><div class="sp-alpha"><div class=


"sp-alpha-inner"><div class="sp-alpha-handle" style="display: block; left: 0px;"
></div></div></div></div><div class="sp-input-container sp-cf"><input class="spinput" type="text" spellcheck="false"></div><div class="sp-initial sp-thumb sp-c
f"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="https
://www.pdfpro.co/files/new?id=k3jj1m4i6758e2lx-cd378a97&amp;process_type=Edit#">
cancel</a><button type="button" class="sp-choose">choose</button></div></div></d
iv><div class="sp-container sp-hidden sp-light sp-input-disabled sp-palette-only
sp-initial-disabled" style="position: absolute; top: 0px; left: 0px;"><div clas
s="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-c
f sp-palette-row sp-palette-row-0"><span title="rgb(0, 0, 0)" data-color="rgb(0,
0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumbinner" style="background-color:rgb(0, 0, 0);"></span></span><span title="rgb(68,
68, 68)" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span c
lass="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><s
pan title="rgb(102, 102, 102)" data-color="rgb(102, 102, 102)" class="sp-thumb-e
l sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 1
02, 102);"></span></span><span title="rgb(153, 153, 153)" data-color="rgb(153, 1
53, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style=
"background-color:rgb(153, 153, 153);"></span></span><span title="rgb(204, 204,
204)" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span c
lass="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span
><span title="rgb(238, 238, 238)" data-color="rgb(238, 238, 238)" class="sp-thum
b-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(23
8, 238, 238);"></span></span><span title="rgb(243, 243, 243)" data-color="rgb(24
3, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" st
yle="background-color:rgb(243, 243, 243);"></span></span><span title="rgb(255, 2
55, 255)" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><sp
an class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></
span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="rgb(2
55, 0, 0)" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span
class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><s
pan title="rgb(255, 153, 0)" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp
-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153,
0);"></span></span><span title="rgb(255, 255, 0)" data-color="rgb(255, 255, 0)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgrou
nd-color:rgb(255, 255, 0);"></span></span><span title="rgb(0, 255, 0)" data-colo
r="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inne
r" style="background-color:rgb(0, 255, 0);"></span></span><span title="rgb(0, 25
5, 255)" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span
class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span>
<span title="rgb(0, 0, 255)" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-t
humb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);
"></span></span><span title="rgb(153, 0, 255)" data-color="rgb(153, 0, 255)" cla
ss="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-c
olor:rgb(153, 0, 255);"></span></span><span title="rgb(255, 0, 255)" data-color=
"rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inne
r" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp
-cf sp-palette-row sp-palette-row-2"><span title="rgb(244, 204, 204)" data-color
="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-i
nner" style="background-color:rgb(244, 204, 204);"></span></span><span title="rg
b(252, 229, 205)" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-li
ght"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"><
/span></span><span title="rgb(255, 242, 204)" data-color="rgb(255, 242, 204)" cl
ass="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgroundcolor:rgb(255, 242, 204);"></span></span><span title="rgb(217, 234, 211)" data-c
olor="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thu
mb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title
="rgb(208, 224, 227)" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thum
b-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227)

;"></span></span><span title="rgb(207, 226, 243)" data-color="rgb(207, 226, 243)


" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgro
und-color:rgb(207, 226, 243);"></span></span><span title="rgb(217, 210, 233)" da
ta-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp
-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span t
itle="rgb(234, 209, 220)" data-color="rgb(234, 209, 220)" class="sp-thumb-el spthumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209,
220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><s
pan title="rgb(234, 153, 153)" data-color="rgb(234, 153, 153)" class="sp-thumb-e
l sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234,
153, 153);"></span></span><span title="rgb(249, 203, 156)" data-color="rgb(249,
203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style
="background-color:rgb(249, 203, 156);"></span></span><span title="rgb(255, 229,
153)" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span
class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></spa
n><span title="rgb(182, 215, 168)" data-color="rgb(182, 215, 168)" class="sp-thu
mb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(1
82, 215, 168);"></span></span><span title="rgb(162, 196, 201)" data-color="rgb(1
62, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" s
tyle="background-color:rgb(162, 196, 201);"></span></span><span title="rgb(159,
197, 232)" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><s
pan class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span><
/span><span title="rgb(180, 167, 214)" data-color="rgb(180, 167, 214)" class="sp
-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:r
gb(180, 167, 214);"></span></span><span title="rgb(213, 166, 189)" data-color="r
gb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inne
r" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="
sp-cf sp-palette-row sp-palette-row-4"><span title="rgb(224, 102, 102)" data-col
or="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb
-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="
rgb(246, 178, 107)" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumblight"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"
></span></span><span title="rgb(255, 217, 102)" data-color="rgb(255, 217, 102)"
class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgroun
d-color:rgb(255, 217, 102);"></span></span><span title="rgb(147, 196, 125)" data
-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-t
humb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span tit
le="rgb(118, 165, 175)" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-th
umb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 17
5);"></span></span><span title="rgb(111, 168, 220)" data-color="rgb(111, 168, 22
0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backg
round-color:rgb(111, 168, 220);"></span></span><span title="rgb(142, 124, 195)"
data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="
sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span
title="rgb(194, 123, 160)" data-color="rgb(194, 123, 160)" class="sp-thumb-el s
p-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123
, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5">
<span title="rgb(204, 0, 0)" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-t
humb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"
></span></span><span title="rgb(230, 145, 56)" data-color="rgb(230, 145, 56)" cl
ass="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgroundcolor:rgb(230, 145, 56);"></span></span><span title="rgb(241, 194, 50)" data-col
or="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumbinner" style="background-color:rgb(241, 194, 50);"></span></span><span title="rg
b(106, 168, 79)" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark
"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></spa
n></span><span title="rgb(69, 129, 142)" data-color="rgb(69, 129, 142)" class="s
p-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:r
gb(69, 129, 142);"></span></span><span title="rgb(61, 133, 198)" data-color="rgb
(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner"

style="background-color:rgb(61, 133, 198);"></span></span><span title="rgb(103,


78, 167)" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span
class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></spa
n><span title="rgb(166, 77, 121)" data-color="rgb(166, 77, 121)" class="sp-thumb
-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166,
77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row6"><span title="rgb(153, 0, 0)" data-color="rgb(153, 0, 0)" class="sp-thumb-el s
p-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0
);"></span></span><span title="rgb(180, 95, 6)" data-color="rgb(180, 95, 6)" cla
ss="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-co
lor:rgb(180, 95, 6);"></span></span><span title="rgb(191, 144, 0)" data-color="r
gb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner"
style="background-color:rgb(191, 144, 0);"></span></span><span title="rgb(56, 11
8, 29)" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span cl
ass="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><s
pan title="rgb(19, 79, 92)" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-t
humb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);
"></span></span><span title="rgb(11, 83, 148)" data-color="rgb(11, 83, 148)" cla
ss="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-co
lor:rgb(11, 83, 148);"></span></span><span title="rgb(53, 28, 117)" data-color="
rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner"
style="background-color:rgb(53, 28, 117);"></span></span><span title="rgb(116,
27, 71)" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span c
lass="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span><
/div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="rgb(102, 0,
0)" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="
sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span tit
le="rgb(120, 63, 4)" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-da
rk"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></spa
n></span><span title="rgb(127, 96, 0)" data-color="rgb(127, 96, 0)" class="sp-th
umb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(1
27, 96, 0);"></span></span><span title="rgb(39, 78, 19)" data-color="rgb(39, 78,
19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="back
ground-color:rgb(39, 78, 19);"></span></span><span title="rgb(12, 52, 61)" datacolor="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumbinner" style="background-color:rgb(12, 52, 61);"></span></span><span title="rgb(
7, 55, 99)" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span
class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><s
pan title="rgb(32, 18, 77)" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-t
humb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);
"></span></span><span title="rgb(76, 17, 48)" data-color="rgb(76, 17, 48)" class
="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-colo
r:rgb(76, 17, 48);"></span></span></div><div class="sp-cf sp-palette-row sp-pale
tte-row-selection"></div></div><div class="sp-palette-button-container sp-cf"><b
utton type="button" class="sp-palette-toggle">more</button></div></div><div clas
s="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><di
v class="sp-top-inner"><div class="sp-color" style="background-color: rgb(255, 0
, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger" style="di
splay: block; top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear
sp-clear-display" title="Clear Color Selection" style="display: none;"></div><d
iv class="sp-hue"><div class="sp-slider" style="display: block; top: 0px;"></div
></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp-al
pha-handle" style="display: block; left: 0px;"></div></div></div></div><div clas
s="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="fal
se"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-con
tainer sp-cf"><a class="sp-cancel" href="https://www.pdfpro.co/files/new?id=k3jj
1m4i6758e2lx-cd378a97&amp;process_type=Edit#">cancel</a><button type="button" cl
ass="sp-choose">choose</button></div></div></div><div class="sp-container sp-hid
den sp-light sp-input-disabled sp-palette-only sp-initial-disabled" style="posit
ion: absolute; top: 0px; left: 0px;"><div class="sp-palette-container"><div clas

s="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"


><span title="rgb(0, 0, 0)" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thum
b-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb
(0, 0, 0);"></span></span><span title="rgb(68, 68, 68)" data-color="rgb(68, 68,
68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backg
round-color:rgb(68, 68, 68);"></span></span><span title="rgb(102, 102, 102)" dat
a-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-t
humb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span tit
le="rgb(153, 153, 153)" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-th
umb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 15
3);"></span></span><span title="rgb(204, 204, 204)" data-color="rgb(204, 204, 20
4)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backg
round-color:rgb(204, 204, 204);"></span></span><span title="rgb(238, 238, 238)"
data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="
sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span
title="rgb(243, 243, 243)" data-color="rgb(243, 243, 243)" class="sp-thumb-el s
p-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243
, 243);"></span></span><span title="rgb(255, 255, 255)" data-color="rgb(255, 255
, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="b
ackground-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-pa
lette-row sp-palette-row-1"><span title="rgb(255, 0, 0)" data-color="rgb(255, 0,
0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(255, 0, 0);"></span></span><span title="rgb(255, 153, 0)" datacolor="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thum
b-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="r
gb(255, 255, 0)" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light
"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span
></span><span title="rgb(0, 255, 0)" data-color="rgb(0, 255, 0)" class="sp-thumb
-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0,
255, 0);"></span></span><span title="rgb(0, 255, 255)" data-color="rgb(0, 255, 2
55)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(0, 255, 255);"></span></span><span title="rgb(0, 0, 255)" datacolor="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumbinner" style="background-color:rgb(0, 0, 255);"></span></span><span title="rgb(1
53, 0, 255)" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><s
pan class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></s
pan><span title="rgb(255, 0, 255)" data-color="rgb(255, 0, 255)" class="sp-thumb
-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255
, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row2"><span title="rgb(244, 204, 204)" data-color="rgb(244, 204, 204)" class="sp-th
umb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(
244, 204, 204);"></span></span><span title="rgb(252, 229, 205)" data-color="rgb(
252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner"
style="background-color:rgb(252, 229, 205);"></span></span><span title="rgb(255,
242, 204)" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><
span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span>
</span><span title="rgb(217, 234, 211)" data-color="rgb(217, 234, 211)" class="s
p-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:
rgb(217, 234, 211);"></span></span><span title="rgb(208, 224, 227)" data-color="
rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inn
er" style="background-color:rgb(208, 224, 227);"></span></span><span title="rgb(
207, 226, 243)" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-ligh
t"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></s
pan></span><span title="rgb(217, 210, 233)" data-color="rgb(217, 210, 233)" clas
s="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-co
lor:rgb(217, 210, 233);"></span></span><span title="rgb(234, 209, 220)" data-col
or="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb
-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div cl
ass="sp-cf sp-palette-row sp-palette-row-3"><span title="rgb(234, 153, 153)" dat
a-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-

thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span ti


tle="rgb(249, 203, 156)" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-t
humb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 1
56);"></span></span><span title="rgb(255, 229, 153)" data-color="rgb(255, 229, 1
53)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="back
ground-color:rgb(255, 229, 153);"></span></span><span title="rgb(182, 215, 168)"
data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class=
"sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><spa
n title="rgb(162, 196, 201)" data-color="rgb(162, 196, 201)" class="sp-thumb-el
sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 19
6, 201);"></span></span><span title="rgb(159, 197, 232)" data-color="rgb(159, 19
7, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="
background-color:rgb(159, 197, 232);"></span></span><span title="rgb(180, 167, 2
14)" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span cl
ass="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span>
<span title="rgb(213, 166, 189)" data-color="rgb(213, 166, 189)" class="sp-thumb
-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213
, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-ro
w-4"><span title="rgb(224, 102, 102)" data-color="rgb(224, 102, 102)" class="spthumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rg
b(224, 102, 102);"></span></span><span title="rgb(246, 178, 107)" data-color="rg
b(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner
" style="background-color:rgb(246, 178, 107);"></span></span><span title="rgb(25
5, 217, 102)" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"
><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></spa
n></span><span title="rgb(147, 196, 125)" data-color="rgb(147, 196, 125)" class=
"sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-colo
r:rgb(147, 196, 125);"></span></span><span title="rgb(118, 165, 175)" data-color
="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-i
nner" style="background-color:rgb(118, 165, 175);"></span></span><span title="rg
b(111, 168, 220)" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-li
ght"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"><
/span></span><span title="rgb(142, 124, 195)" data-color="rgb(142, 124, 195)" cl
ass="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="backgroundcolor:rgb(142, 124, 195);"></span></span><span title="rgb(194, 123, 160)" data-c
olor="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thu
mb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div
class="sp-cf sp-palette-row sp-palette-row-5"><span title="rgb(204, 0, 0)" datacolor="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-i
nner" style="background-color:rgb(204, 0, 0);"></span></span><span title="rgb(23
0, 145, 56)" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><
span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span><
/span><span title="rgb(241, 194, 50)" data-color="rgb(241, 194, 50)" class="sp-t
humb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb
(241, 194, 50);"></span></span><span title="rgb(106, 168, 79)" data-color="rgb(1
06, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" sty
le="background-color:rgb(106, 168, 79);"></span></span><span title="rgb(69, 129,
142)" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span cl
ass="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><
span title="rgb(61, 133, 198)" data-color="rgb(61, 133, 198)" class="sp-thumb-el
sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 13
3, 198);"></span></span><span title="rgb(103, 78, 167)" data-color="rgb(103, 78,
167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="bac
kground-color:rgb(103, 78, 167);"></span></span><span title="rgb(166, 77, 121)"
data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp
-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><d
iv class="sp-cf sp-palette-row sp-palette-row-6"><span title="rgb(153, 0, 0)" da
ta-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thum
b-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="rgb
(180, 95, 6)" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><sp

an class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></spa


n><span title="rgb(191, 144, 0)" data-color="rgb(191, 144, 0)" class="sp-thumb-e
l sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 1
44, 0);"></span></span><span title="rgb(56, 118, 29)" data-color="rgb(56, 118, 2
9)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgr
ound-color:rgb(56, 118, 29);"></span></span><span title="rgb(19, 79, 92)" data-c
olor="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-i
nner" style="background-color:rgb(19, 79, 92);"></span></span><span title="rgb(1
1, 83, 148)" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><sp
an class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></sp
an><span title="rgb(53, 28, 117)" data-color="rgb(53, 28, 117)" class="sp-thumbel sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 2
8, 117);"></span></span><span title="rgb(116, 27, 71)" data-color="rgb(116, 27,
71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backg
round-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-paletterow sp-palette-row-7"><span title="rgb(102, 0, 0)" data-color="rgb(102, 0, 0)" c
lass="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="backgroundcolor:rgb(102, 0, 0);"></span></span><span title="rgb(120, 63, 4)" data-color="r
gb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" s
tyle="background-color:rgb(120, 63, 4);"></span></span><span title="rgb(127, 96,
0)" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class=
"sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span t
itle="rgb(39, 78, 19)" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumbdark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></s
pan></span><span title="rgb(12, 52, 61)" data-color="rgb(12, 52, 61)" class="spthumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb
(12, 52, 61);"></span></span><span title="rgb(7, 55, 99)" data-color="rgb(7, 55,
99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="back
ground-color:rgb(7, 55, 99);"></span></span><span title="rgb(32, 18, 77)" data-c
olor="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-i
nner" style="background-color:rgb(32, 18, 77);"></span></span><span title="rgb(7
6, 17, 48)" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span
class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span>
</div><div class="sp-cf sp-palette-row sp-palette-row-selection"></div></div><di
v class="sp-palette-button-container sp-cf"><button type="button" class="sp-pale
tte-toggle">more</button></div></div><div class="sp-picker-container"><div class
="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div class=
"sp-color" style="background-color: rgb(255, 0, 0);"><div class="sp-sat"><div cl
ass="sp-val"><div class="sp-dragger" style="display: block; top: 0px; left: 0px;
"></div></div></div></div><div class="sp-clear sp-clear-display" title="Clear Co
lor Selection" style="display: none;"></div><div class="sp-hue"><div class="sp-s
lider" style="display: block; top: 0px;"></div></div></div><div class="sp-alpha"
><div class="sp-alpha-inner"><div class="sp-alpha-handle" style="display: block;
left: 0px;"></div></div></div></div><div class="sp-input-container sp-cf"><inpu
t class="sp-input" type="text" spellcheck="false"></div><div class="sp-initial s
p-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel"
href="https://www.pdfpro.co/files/new?id=k3jj1m4i6758e2lx-cd378a97&amp;process_
type=Edit#">cancel</a><button type="button" class="sp-choose">choose</button></d
iv></div></div>
<script type="text/javascript">
// mixpanel.identify("g1796356");
// mixpanel.people.set({
// "$created": "2016-12-28 05:58:26 UTC"
// });
// if (window.location.pathname == "/files/new") {
// mixpanel.track('pdf editor');
// } else {
// mixpanel.track('pdf viewer', {
//
'id' : ""
// });

// }
</script>
<script type="text/javascript">
$("#close-trial-box").on('click', function() {
$("#trial-box").hide();
});
$("#pdf-to-word-link").on('click', function() {
// mixpanel.track("Clicked pdf to word");
ga('send', 'pageview', '/pdf_to_word');
});
</script>
<div class="sweet-overlay" tabindex="-1" style="opacity: -0.03; display: none;">
</div><div class="sweet-alert hideSweetAlert" tabindex="-1" data-custom-class=""
data-has-cancel-button="true" data-allow-ouside-click="false" data-has-done-fun
ction="true" data-animation="pop" data-timer="null" style="display: none; margin
-top: -187px; opacity: -0.03;"><div class="icon error" style="display: none;"><s
pan class="x-mark"><span class="line left"></span><span class="line right"></spa
n></span></div><div class="icon warning" style="display: block;"> <span class="b
ody"></span> <span class="dot"></span> </div> <div class="icon info" style="disp
lay: none;"></div> <div class="icon success" style="display: none;"> <span class
="line tip"></span> <span class="line long"></span> <div class="placeholder"></d
iv> <div class="fix"></div> </div> <div class="icon custom" style="display: none
;"></div> <h2>Have you saved your document?</h2><p></p><button class="cancel" ta
bindex="2" style="display: inline-block;">No</button><button class="confirm" tab
index="1" style="background-color: rgb(76, 174, 76); box-shadow: none;">Yes</but
ton></div></body></html>