From 78a060f4d18c446cd07f9d34f5872767fa4b2e12 Mon Sep 17 00:00:00 2001
From: Dimitris Klisiaris <dimitrisk@eproductions.gr>
Date: Wed, 5 Oct 2016 13:20:14 +0300
Subject: [PATCH 1/3] Use the latest bootstrap-colorpicker version (2.3.6).

---
 Gemfile.lock                                  |   72 +
 app/assets/images/alpha-horizontal.png        |  Bin 0 -> 557 bytes
 app/assets/images/alpha.png                   |  Bin 3271 -> 488 bytes
 app/assets/images/hue-horizontal.png          |  Bin 0 -> 478 bytes
 app/assets/images/hue.png                     |  Bin 2972 -> 504 bytes
 app/assets/images/saturation.png              |  Bin 8817 -> 4143 bytes
 .../javascripts/bootstrap-colorpicker.js      | 1652 +++++++++++------
 .../bootstrap-colorpicker.css.scss            |  296 ++-
 lib/bootstrap-colorpicker-rails/version.rb    |    2 +-
 9 files changed, 1382 insertions(+), 640 deletions(-)
 create mode 100644 Gemfile.lock
 create mode 100755 app/assets/images/alpha-horizontal.png
 create mode 100755 app/assets/images/hue-horizontal.png

diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..6944b17
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,72 @@
+PATH
+  remote: .
+  specs:
+    bootstrap-colorpicker-rails (0.3.2)
+      railties (>= 3.0)
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    actionpack (4.2.7.1)
+      actionview (= 4.2.7.1)
+      activesupport (= 4.2.7.1)
+      rack (~> 1.6)
+      rack-test (~> 0.6.2)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+      rails-html-sanitizer (~> 1.0, >= 1.0.2)
+    actionview (4.2.7.1)
+      activesupport (= 4.2.7.1)
+      builder (~> 3.1)
+      erubis (~> 2.7.0)
+      rails-dom-testing (~> 1.0, >= 1.0.5)
+      rails-html-sanitizer (~> 1.0, >= 1.0.2)
+    activesupport (4.2.7.1)
+      i18n (~> 0.7)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    builder (3.2.2)
+    erubis (2.7.0)
+    i18n (0.7.0)
+    json (1.8.3)
+    loofah (2.0.3)
+      nokogiri (>= 1.5.9)
+    mini_portile2 (2.1.0)
+    minitest (5.9.0)
+    nokogiri (1.6.8)
+      mini_portile2 (~> 2.1.0)
+      pkg-config (~> 1.1.7)
+    pkg-config (1.1.7)
+    rack (1.6.4)
+    rack-test (0.6.3)
+      rack (>= 1.0)
+    rails-deprecated_sanitizer (1.0.3)
+      activesupport (>= 4.2.0.alpha)
+    rails-dom-testing (1.0.7)
+      activesupport (>= 4.2.0.beta, < 5.0)
+      nokogiri (~> 1.6.0)
+      rails-deprecated_sanitizer (>= 1.0.1)
+    rails-html-sanitizer (1.0.3)
+      loofah (~> 2.0)
+    railties (4.2.7.1)
+      actionpack (= 4.2.7.1)
+      activesupport (= 4.2.7.1)
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rake (11.3.0)
+    thor (0.19.1)
+    thread_safe (0.3.5)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bootstrap-colorpicker-rails!
+  bundler (>= 1.0)
+  rake
+
+BUNDLED WITH
+   1.13.1
diff --git a/app/assets/images/alpha-horizontal.png b/app/assets/images/alpha-horizontal.png
new file mode 100755
index 0000000000000000000000000000000000000000..f83188951a8e4fab4ba847c8c89f3105354a9816
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq003kF000UI1ONa4=oK^d0005>Nkl<ZcwU8*
zL2eZ>5JbD$mJ%t8>^MX+pA8q_5}cAta0DO|R@{IU5|M(GxNxgy+GBd8l;w&2Ec?5<
zVo(HvFZxdJAnNTau8ZPXtKOAPtn2rp+IrX0nbY#4bkaNYzIIZLJrooctxYd|?rp8?
z)cO+ap+cSA7pbEAUi(YitNzQ6mD^}>0x7Ez^ll73R_Xc-*~Q+Zpz#R`Ko|>@qj2QF
zAcKncK;vstA0eL^`!E>xIk#_;8u-NduvaQXn$g$>7z4ttYmjqc8pS->gW&WGdI5<r
z=ieliELtKroFUm}GAA|H-z{UVe>U9QmYbj;6~_suM0VjVBk)9?FjGKLNzR9mK$u}%
zJ?3)?fRmicTx%xVMC69^f7R;rWA8uZm)yve{K1EP8^1~E?L`XT8&R{cit@G7SGmNI
zD-;bNVa)Z2Mil~Fb~9WBo8Kj@u3_#HiLFA<1-{qWmO2-=?0YdKVz6%S<CftR*OW5>
z2*9Wz8-&7K@4=W?VKkD82M*@cB4wmZ=tias{62*I43WQYJZEcwS<&N#Nal+GF`i11
zY=e+9d7#-KG!R}kc+3AQ$^6t@932p}V@@!QyyuhBvt_KD{nGq0=-+8wbOe^=^onsM
vr1hwgCt@ro;xv+DFr+*}$b1+=kSNMOdLipIvOQ8u00000NkvXXu0mjf9#jU9

literal 0
HcmV?d00001

diff --git a/app/assets/images/alpha.png b/app/assets/images/alpha.png
index 38043f1c85f20fe8ce37ad380bebe2d42d14fb29..2e53a30e73175009326fc030f00862d682ddfc45 100755
GIT binary patch
delta 473
zcmV;~0Ve*(8R!F$8Gi%-000%mX&e9m0k26!K~#8Njg`So13?T$?b(sI(gl|}QUM*%
z0j1DE(g7t<0TpoEIZyz1uH1~0(bKnNg~Y3olAmw;du(q!tXek*m>E37a&U`o+ZkvX
zUd&j0%=bI96=0;84JRw0EX*Yd4Q{@eZjsY@+{2sv5X8j2oqvwp31VV8Y?ZlO(Gh(v
zW>{Ml5mTm$%GH@-$`%L*zQ+TZr%|jD=>~|27{$Z_9mzfS=n;S($(_uI2b6{q6Zc{s
zPw1Q%`tE?8iY?bp9q=+!?&140(nsj#TZ(A(z4H}miOC_6NemUeka=FLy@KeKc$q7E
zy6QGJp3%m3et){eBcDWdj{r#qvrgUX$)#2lTEc%5bs}9EZ`+UiVVyX}VI5jr+$k@C
z{pP8ABQF)*q|@k8ll1fgWY+Q?y|Zg0V9OmodqfH%3xo%VF_0b~gfCME=jtfJ($v-Y
z^!<}BBQx2`+78RhRbxt$n5&{MunD^|({9#^#Hp{!+)|@&fWcjb`mR0lW~XOchfn+)
zHu__2m5HNk>VA0FOxJdJ6@|OHUZ+mAW3GyRVT=Gqr-rt=i&^he6$$(U2Hn5Ee)6NB
P00000NkvXXu0mjfT9@I1

literal 3271
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
FV1iYw9mW6v

diff --git a/app/assets/images/hue-horizontal.png b/app/assets/images/hue-horizontal.png
new file mode 100755
index 0000000000000000000000000000000000000000..3dcd5946a94bf831345984fcd3d16d38465c8e73
GIT binary patch
literal 478
zcmWNNOGs1!07cIvl1O8k648gT9}y`!MMdNXODRK!F{JM>ShR^6anYhsD}*2sixx#_
z;;N9)z(r=E(k3ElBO!xKg9K3|ZCX@f)afnmy=Qme_QYdH!ujj-fpFu|`s2Y~2olQ6
z2|AMd=Wf7d@urrB#gesBBwHjZbrP3WX_M>HCxbE~lQJV2S(N2p_yyDW7AJ5R`>_W*
z@De7l32U$%Be)tvE2K~&QXw@GlZ2$CLwcoOp2~#0leB!5-{KN}!+D&+S2%(L*oR%%
zhDnTLEk<!O7KO|S%O)w4Dmf-+<)U1Z+wxGJ$P0NRbMje!28Lz)jvw(oPU9#J;T^n*
z?RXxW@i6YjZCJw6nu2}9D+h!7QjPU>EmxDdue*zK#wJq_##5Q`F$=0GT~`-<RJybO
z+<|1__S4OKvz6s12C|>7ysS<R)fTS0wRQGX)xD<2d*&0<@v{57=FUvbUVeTso4irE
xv2VwR`OdM#=>AOhUwhSHMLP5MN9R=S!a}6CtN3K7ctc(wrm-Pb|Ljm}_kZeK)QSKA

literal 0
HcmV?d00001

diff --git a/app/assets/images/hue.png b/app/assets/images/hue.png
index d89560e999f86c349ddc78c298b0328293f13e1e..6f5ec2e502ae3e3e03f4725b0e868e8762d089ab 100755
GIT binary patch
literal 504
zcmWlVPe_vi0L6c6Mj^~HS41FE*i8vzMTa!3jau0Ftck^RiETv4%*e<XtLU%G<}L+d
zNQW{+EC{BKknoU25}h<R7o9dMi4I~mc6ogr-h1#a@9~Qoo};$n9mRmneav~%OpB?&
zMyu&vE2Cy%sWKY8u4Vf+Q7U$c8c{C{(Iz^@brBOoVoXelS&<RTqOgXR&;t5^l4t}C
zq9_WZ4%C7gP#vm96=)N(tP`6>h1etNgh#Z9kO+%DF(^hwQhXE(;=A}Olt({N8qK0N
zXbe3;F%&_a$d3$k2-TpSsMI2>O_Yl&aZnr=K5;=@6TM<UybzOOM$C(>_+u^<&@c2A
zeL`>1OY{`=qnoG;wWCIK1notY$WDGs$^MZILnglaZfCu>$G?91_ND(cr{ke#6QRt+
zxJqh^itgTVIcMJOt{i?I4CJy~?T;TddFSW$ImQ!Le#{N~;{Hg%w%rj(^){Y+e`3H9
zTzq)u@>2EbL?Hd3spCs1l?Z0~Tf=MR2fDMV=&AFcTa(?n#hCBv@7kW#Y`U-c;<reC
cHJ6E>y&>!CvSwpt@}Bttx69*vb-3-;Ki8A$y8r+H

literal 2972
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
Sf}iF90000<MNUMnLSTZ^%YmT)

diff --git a/app/assets/images/saturation.png b/app/assets/images/saturation.png
index 594ae50ed77608cf6373d6b39e5cacb9f63b7bbe..170841cba2fe51c604a6ed63d9fa119dc4f7a73a 100755
GIT binary patch
literal 4143
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

literal 8817
zcmV-%B97gOP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z000-9Nkl<Zc-rJ$+mhtAax7rRes=i5f2x0#L+1yM6dTg+YG;~F0_BHAag)g`kRvO6
z9^4TfytBzFWMy3dbm_hSx0(H?nQdm)%&d=ZGqYYw+04x0*y$WtZ|>gd{P=F-nx5QO
zZEx=G>NhX0YhpROPrO4fr5v{5J>1>X=ZItO-r?HTd++YPxqFY#x~_d$mbNTQ`{}2j
z`fKm~zs&4E?E7aEFS5~trY}Md&w|)WDIH#<2}Q9m_w(FcDRdL}YjDl%JvwZ&LK+>%
z<u(Mp|3>e9i{oRvnOX0>x7J$htJ}8qbzRH4uKoFZw)gk<{`KqE{^`>v`{kEk?B}0<
zw%69$I+XELtsexDq9RjBv@j4}r<T-(0(L=?0z0=rI^W|vkmR(_?8l13wLae8+}+^3
z!&mGp@$J1=GxOeiXu-yM-L}nJYh_*6vTa*g*R?LoV(;(o{_Wd0`~COd?bly_efh^f
z{$Za#f40}wn&GFE5)V+^y_i{it(0Q;@No&ATT0>U3Y}Bo=bWz>zZ>Uw*k4Jw_)Jbh
zcDlX}fwCeTuLr^7eslLaln_GSFBpn=>Ajb2+j?uQZ`)?;x|Zkj>Fc`M<MHsv<6)1-
z!{6TC%BN4C%5T5@W}iNNvSnH9wfBBdNGQX^2i^gdq4vicD8=yknId8vpJ{g9)v}^s
zLBO%2^xoq<x9>K`KskYc3hVLp-g_v-TWhv$n~kNf>uS&E^JQ6<@_0P_{r%m(e*Nli
zZ*Ttj^Jn|xk3anD*RQs1n;#Ss5G<v*P{siT<3&$`1r#_a=0gJIdxd<&`4t5m$Hsmm
z1#~#(qopGX9M*SJlqjV4-b?Sj_TH_v=B>3|N$a{=Yt08=)NR}B`F#3NNPl~Kv#(#j
z`j;<X`nPZ2%AbG!Ss#ywwbtsvWQmr}!aSIUP(-xk<eFW1!{ilIE}b93Ds<mV6ySYl
z2pJ8~QShNC5PTq{yL%0!ghGZA4hR`sVewtp)rLas`Fz^CuKs*J{r&y@<?ZdQeEasz
zzJ2>vzI^#o-rwKLvMi<d-Vq@u!GhUgTa744IR_P^IAWlYmBZ&&<PT{5PRgysAqPPR
z=^|195%s(5zwaOGHWcXYURrAv5E7`U!$j4g6x+7Vw{0uiw$;HOzAQ^wmc^H4>Cfl0
z28TQz4|{uiv-kIRTi4axy}oYSmLeoUOi4_U1q#&u1WDMkGv%2=0oZzp3=q2Gecb(p
zOj9MU2<|XI#!lj`wHMg#gDVQ4qpa)N0v+Sqmt}c<JRWT*qdp#wvMftqmZd!&kFu_7
zb@vm895{glc;XE{9`>2eE4}wJ6jj{4eg}mc6MtfE7$MRWg@8j*V_yeE)v<kWQ_+m!
z_CSUY6NMb%!5h7I3%9nl7A|fN-Wcex!6CLRiw|V<Wm)R7EMdy5wdU?V=aATrR*wka
z^|O~Ly(CAzz!rYBoG2u`qe7gZz6Uc!!bc7X!uD}aZ>^Qy`);~IA?Q&BcMQ{IgFnjn
zT6`amhdrN98*z!P>sp3FdWsMcXGr9*{h#p%D5wB(_N6d6crQl6j!1A<55i{C6ig1T
zYdl9CEgw0gjF<vlTidn`QFBm6D5A9%L>@}9Wm!DPeO*^umZhxg+CzcEk;oB(=m@2S
z@NgZDBaehYk!#QyXh7iXRv$PANVy}QaO=l?An0Od$Pr<(ib4pOEFZ+(gT#j-jLg@r
zgz&P4%e#A6%d&)me3+;R6m4DCK%H;fX71j0giH{C`<1J!;(~I84m2b2Q$xXZw3Y+8
z54&$k%RfZi@lK$K!|#RQL--+dM#E4_ED<5SwN{6xwFiJ`vetF=ZQEYRgq7fw5imwD
zS;sS1rI1tZCgBYv<{8RR0g+cKgbrh`3KYkPDV$3RWd~9R0$2$c;1xs)dQ<4)hC+}t
z!c;{tNKttK;qS2tD4~q~!5xwJ3KRRoWGO+i`^oDcA!GE4`gbTCxJ020&NotIMP~xN
zBtQno7(IA|+}aZ=Ff9TB;K8dJ*>ewNgsB>F$nNfjf(D8EwrzD?*WDqA{MUGwm)C&g
zj7P{z^2vD)$~t6M@%-L9^32Xlfk15G$S)YL08$Rf7|Ylnq#s1zk<jC}5h=haCCn0{
z2255QM}!~}c2b9&R^PVmWh5R$86`~OZnADF#4=<sYBF~=1g3&H@RCAd=sk7vlsfWC
zYi)Nvf)_CL0YrUBgCH6dhcJNyLUuw&Vpm8Bw2a)Ap{tAt3<ReLxuF=Ps6)U=UXcl6
zm$e2)1(-GGeTbG28hc!jDD30qD@Eamls#z}<c)$0ZwvEQ9D@MSm)6?OE2BQrBBsIL
z9F6j5ve3m%0=$w0eN4Pg9#Xiw9U^8+;*QLvtz0ysui_9BeBqENbmolMrsUzJLcm;|
zzJLfH%Mwc2wk;G>&8!_v)&(jGxU|j!y%AYU1aM2|fYHoKYYn-?$lFpJ!sx*J)Ye*u
zfY8FRL6bEE76D@&rfcU7G+Qb-WL_D^JDMx93MURJ!*;W2NljIpk4q%(2o{;dGh}2b
z5aJTfNtr?h^8+OdE99vpheWXnichJjLS+o4?TJR*4wS&}V#D&2$r9$rCum_JSLkrT
zA-5HgokL#O2?-pBFh96^a6=%4zsw;gg#<cK*b$!qp<|7tKupskw!w0;yH_?@B~b*M
z6bB?Zm<{eMz@C+hAn&gv2~Uc_R0u9bMDFC`&SH;P@2$0{gB(00!8H-ZM|vI=%->Gg
zhB8CQ0V&Kc>>(xO?C5O~a`-+cg(OjTX3|U{MImE&#9>YjDHRkjMe3FzWUPlrRR$Vj
zy^gq}0Gaop4D5MhX7(ycT`jo|BH{=ag8zt#+L72=JCHiGZ0vSpMCyHzHYyQ0LglPZ
zkvbn!ickuQG>Slhysz>E_ln^ig<u4YJvNlfd)2Q=p#V}JCxu1i3>@N$PdJMkoe_qT
z(HV$s6i_Gr*agm}Dq1=sA^Kw>LdLh_HALnZhuA4nPsrQY)F|Onx0<W?!X{i{Nnyze
z9i2!#;*>r~9%71p_tZk@Vb{T&RYVEe{&0&0f;{63aHAc9Sp3x6URK5zQH~8E#Ey9J
zaCgUcm?CHHD5Y?`fnNs!J1aV_6C6^JI7he6f~JeR^pHvN3DK8`E6By|=zRfF4Boq|
zhG=Fl8A3St^UN$!bgoPia*Iv4BeJ?3IRGkvP9<0_y>?M}>TJ$H3G8V(<(A6mn|n|e
zAfZD~lyGGW^A!D72fpZ7%SlbvjL@@wuUIFERvd0IrPf_|RnF;}5D4@rbW|RsJa%M&
z=`xkYMKd+_b&5UW*>{%}1bHHC2=bWV_t=9fl82ldHY||IIWSacxo~4o-FY}LR2>bt
ze-t5uxul{%BQrcw9!`<DbNs=PJDMVj;4?Gj!ki&t8z>e#TSuels9<G&XB<*gHBgwN
z6Te_fXLF~v>HHbFA6#l`aV}o+uuaDc3M)({AjYVhD5GUZ0(oJF?eRMu?q~cSQAU7X
zp}Cg@bqPj`bEgDK4w@3GD9={vNoZ6JMDt=?-vBS`RO3Kopm_jcxvHNNm#7Za(wn;4
zhV?E`j6rwqWsyCXUYANXX6BEHUyQTJj&ZAUHf<cojOg1aV&CsEOx=k)h@7+il@&ya
zjo;YO5go-LjfBX+j)mtEE|?K?QB}&_gcnt^4hzC8?HT5%cR=lY_fVjcxT9mF&nx7p
zPQ6YL1=teD`}!3km{SCwIHg%;$SVDZ3yCG>Fk8{@?Bw<;Zs4RK^9$C**`ztg5>(+s
zlega&I$jivaS$!zyo1RMWCTx8J_}nsx~LtGGXeyEO!p&a1y4{R?2zGw;IOKCh;tmG
z$bJNJuIlj+n4ORnDUU$U$XOZnJVb8jWP0|V@8EGA1PKW1SaUZs$0c}e%t4OG6JC}B
zQKReJsS1hQ<lvIyFfHs0P)jM=?VZIPz$FJ{a6AF~nCu-}yC^JS&k>F@4y_+E0Ejq9
zG9HRR0x2jsr|k}Dl`fFuN%D~IS7<C_M-PjK@5#VWm2HzemP(%+3X1Q8=t)f1X$d*3
zXwe<qRma>G3LLuqoVW!9#wH5`#LkKXQ-#au2V9^dg^S;nfgyUP)4))9N@$9b2z%Cx
z#Hk+^lKs`v$;&!)Y7p*k2c;a)MaVj}d@@;%aR!;H&R!y#Fo;FUcpe_#=rq#oMInSy
zfvtPbCW?-1oUby9+?k~1d6VT{Q%Bnm4Z~*$K|xal@0mh~XB0B32q=ppaPky8jbqt|
zXq@UHs$XvwUnqnmk@}&9Lw@RD>Y_J2WpAZ|@Hj5B{dhgaC2Xn+nkH=JlO?{N3D44@
zK{;?r3@GX|gxE#e#EEQ~d~v^n_m(|$D(Jf=4F#FlZZ*7FB7}2Z3PCrP1^W@lefYU>
z2>FhXD=$k#>72FQ&s7LP1!9*MOwSV+WGzlALMf24zPO+J_hw{Y;2bP084aI41ew4U
zoc`~Sf9o(#6FIq*QeN(OSw`kYxxpvIkl?ZR`V?7$Gn7JV((?H}mF#$jqLs}Q6FufZ
z8NnqI8KB4)N^&BRcj(>ENSV65r@)Z7V;4{ah@5so1+YR{apc}Q1(}912tE_{XvBCW
zgigp|gml3*MZ_iOd7TtN0pDp#4jO#vIDN-0lf`Ke611u6ASnumA}fwCfsg|SKtOI#
zF~p&1hwIq%;T$A5AprO96-&FLkR+ln6HakJPDhh<2n=t=AsqInoC8s`C$Wen<z9(2
zgf(&tZ68uLh$i9`xh{~gBMMCyDwy45>Z5Bk(L#qt>NFXH%Q)mt`Bn(_P;Z|hg!<qX
zaUa#<!|YVpj^Wg<2K>{0C$5p}3K@YYfhteDIpZ7_mYcywp^5V=lf_6VYGhQ_!n6CJ
z8!Q4y?vLfd)VbOgUKv&fPuJl{s)W=TDIF#qI5ZF?c(qO56eFd>Ggj5NH!VETwn{1@
zmpE;+q8K?<Bq9$28Tah$Wr=B&Ot`1cEgAMrkrG4V=sXt%HMJcn6rPMLW;ep^dMge|
zkdsB`oVT(>A%3Hh$O=?mn?#rhEG>!HjpCI`zf*+*936yAA;=GaghKm~)a$I*$pP{>
zIe?h_Yp-wML;^Sw8n#UGt}17KqlY0t+)y|qm@1qBDL{n~5kWJzIG+c+a!7KbH$@&9
zrjFb(O8h=w)lnfAb?}VnxzeZVAu_O}biMO1IJW&X1>dQKCuw_25K>8zYyvyPJ_i}n
z_53-U4D#xDA2ah(O7vNCnxgRKvZEZ6I*gQZQAs=vU8CufTye&PTf+Vt5-ST(+^?{p
zv1Q_MxQ-QZQc!{zOzqp41hjCCAH1th4h|~hFLMYFeP*uU+P8Crjiq8zRE8LtWyY97
zI0q+Ag5wqEJ|PcGnY;`cs&IGO57}LgL(r|SAI|owl!(Y>9Rw+IVTXwVF5(kQ6yh`v
zWN-Nt@%s!R+;<p@N(rfF>xZ$66hQK9srZf5yYC2rdWcGuWVI0&b&^xh6mpYYxXI3)
zD`v=0shEo;f4TE^5O1eIcJBlMk+z`=OPo;>1jU4I73T|v#@s<EFIn&RL;WHd7jh^(
z(aZRaNdc;;s}%C8W(rZg;!jKRxMm;rz8E>Y&B$W~9hT%>9i|<`p6`-FCKW;@WLJpz
zKyaxFR3A~y-|`jQa;-t~p42*@55n(|E(y0+dReOFV;ORWl#g_lFmeC898!Rc(<O3>
zYRTwb!FAJ?pMByyg-BA+L9WCr^)lP5l8U0Y$*yG{8ASyur3?<}kZaN@G_p<<qJ&&0
zSpdVqJ<yq(pZ_5E3<1D7PJOUU%tL>goBnoSm`pBnND(M5xj;@$++`&YtQxXFYT^!?
zO(ZwrkF180DuPl~II|BsJU&xQxW2Em9wjhF@Kgs;(`bksm8r_3aFJb@DpxfW;Xq*T
z_af^4CF^5`9iS<Wab*c+T%x8!<h&MD2|FpK-l-Vkoa&xb6i+qtyWLX3G*xnkJMor_
zdP1SN#HsvyN^8*lY=VwydIWzj^VCRgr&<Vd)-4XXn6bfB7t;>}mqyM4XNaY%okYaU
zE2*i>+;2!`+KlAMkzo_WC^8sopt!@xe97SmGliToy<)0Ysg&770>mAa3til*6Vp*M
z&QSZQrJl~mzPETe%v5*U&s9K$JW`AaQcuSi%KAB{)+aS~)oX=0g?pi#GQ1+q&s9K1
zhKYzf+pnVkjwVz!0GPpB#TW<0fd_gj-STy5JwzY{6MxF&L@GrVlW>Yz<!x~)h0-?%
z^T6jRWQgsIOH3g{Ac}=(iTi6aRQfS2XVcZq?DcZcXT}Rze4>h5Z0fF#&w^7w&U9L4
z5j<BU)o5T*zp0SBDv5$kI0u-YGLGDFpHj%7gnOZolPQV0vaoju9v7zP6zGZZj51Dv
zeT)R&J`rlRO@HQcLJ$qBkYrATfB26T2oO(IPfRQd)SNkFHl8r+>wD4Si)hhT$jO3K
znY6s<lWfW0R3|UdFBHzE%4UeccVk(xmjz=)&e`7C=qN#Qr$2VV8K_wiSxV$;ey$sX
zPg7*5b)kqd;V2IB6v7O1W;l7Y;K6d+%W|5tM9m6>wF@yxrr!}9{ELETDVZd7lPP-U
zPEVgn#XiCmG7?V5S@D#9Py6@M`s-mvxp+99OOca^r1e?AD5G~ADF1<;lE(F!#I1Io
z-ds2d(i`Ic(^Ko<X{zH2edqt_%L%^95maJAeplv8aDWlPv8nPaqGzNf=4`6a$pE8l
zn72}-GJ8BWPz8eOxKX}~`~Jo~UNSE$eRwioSr*upd7^vV66Do{&I%FP0M&#Gxa+EX
zSAm8i@=;RQtn`G?r;+;U4_wsb0Q`>!p3i_SO%@9zQT`p$cbY>uyRY47WJ(7!Q>J>m
zJL^#V11biD1rYL*PBlJx@RHPoB|>;4FP(oW_?v$M;FG2Om8DRGG(EywE1BtHl#r8B
z&8$on!c&RQl85|1hgZu?5&rl5Q^SXp>GMfI)jJq@P>8TX2tcdQVQC_lH8okO9cEIU
z{pDV^%mhHLW5#WN*V1O*&`0h?iuJ_o7ZEtx!DJ;0K^J)Hd0h#a{vEU=UKd)ilX;u8
zT;{uS2Wf(1itvhTf^gGZZk}+(j7Mz7Asl_Po9h!OUm_v<*SCq%iwFoU@%T>biTi0+
z`&1x!138wMv-CQ0bYw1TYKE?2l?)jPS~6R0iJ43lMdw@AQ0_Ji(Ljq3W)WivQ$#2P
z(fW&22o$3V7h0g^;new|-2D4IpC~MgaZd5f3>2azUbSXvsxI!6UM~==CZk4o*FYiX
z<YHz@SYTMZ%6eT)*12U{!YQY8i=F@cI5m^v{};38;zm=Z8qgeILO$#^OSxq;%1z-+
zovyJ`h<UJbA;46a7whFCisp2`$~cR4Dfb)iq1O3+d~;>)esIVIcU-k9CVx{VMyzM&
zDPgFWxyya25@*kN7aioj8dVNwsIt^#sTLWnpNV+VGL#A1!IVYz7o20t<I7Crgl7~g
zY-T<Qnf(0DnTeTs6^bjO1NM(j4w+EG_Hs2bO1OzIc13ViF;g515KUrS%Q4X%FHrE_
z={Ylj3uOLn+lhDfBioxjJk-x;$dS1jP?|J1i9qH3DM&q4Dw9@iB7b%|CwVTXl*frz
zgn2a)Af8NG@|!<$S=+Wv1tb)l1&^sv2qg+BC*BYcPf>9bEtz*S^Byw+XNtJopFIDu
zVmN!LJMJ#;Ps~x;B0ng=RIoRHd$!*a36{J2r&7;<=NPG92wx$<#EW@G$^_Y>TG>U*
zEO!v0vH>?+ewiSkOn%cZp2u%It4lBIhElRtXcM8O0=*;H2|{i?4>=_teP+9XfUEbK
zz8s;fGO15<Q21gKo|v7JojW7?%NM^=Y!V^=)#tf-U%UBnp|G>tt6JFX0Y2~&m#uCl
zz&p>7DBr+i%LH5g7sCCB2ClAq4G#IY>_rl;`0yta*8j!l!hZkDemnX6`)lw0pQEJM
nM8@}D^<e)WKQCtX>;DV@iXPSegP;#Q00000NkvXXu0mjfOtYOK

diff --git a/app/assets/javascripts/bootstrap-colorpicker.js b/app/assets/javascripts/bootstrap-colorpicker.js
index 5cc0076..c5055f6 100644
--- a/app/assets/javascripts/bootstrap-colorpicker.js
+++ b/app/assets/javascripts/bootstrap-colorpicker.js
@@ -1,540 +1,1116 @@
-/* =========================================================
- * bootstrap-colorpicker.js 
- * http://www.eyecon.ro/bootstrap-colorpicker
- * =========================================================
- * Copyright 2012 Stefan Petre
+/*!
+ * Bootstrap Colorpicker v2.3.6
+ * https://itsjavi.com/bootstrap-colorpicker/
  *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
  *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ========================================================= */
- 
-!function( $ ) {
-	
-	// Color object
-	
-	var Color = function(val) {
-		this.value = {
-			h: 1,
-			s: 1,
-			b: 1,
-			a: 1
-		};
-		this.setColor(val);
-	};
-	
-	Color.prototype = {
-		constructor: Color,
-		
-		//parse a string to HSB
-		setColor: function(val){
-			val = val.toLowerCase();
-			var that = this;
-			$.each( CPGlobal.stringParsers, function( i, parser ) {
-				var match = parser.re.exec( val ),
-					values = match && parser.parse( match ),
-					space = parser.space||'rgba';
-				if ( values ) {
-					if (space === 'hsla') {
-						that.value = CPGlobal.RGBtoHSB.apply(null, CPGlobal.HSLtoRGB.apply(null, values));
-					} else {
-						that.value = CPGlobal.RGBtoHSB.apply(null, values);
-					}
-					return false;
-				}
-			});
-		},
-		
-		setHue: function(h) {
-			this.value.h = 1- h;
-		},
-		
-		setSaturation: function(s) {
-			this.value.s = s;
-		},
-		
-		setLightness: function(b) {
-			this.value.b = 1- b;
-		},
-		
-		setAlpha: function(a) {
-			this.value.a = parseInt((1 - a)*100, 10)/100;
-		},
-		
-		// HSBtoRGB from RaphaelJS
-		// https://github.com/DmitryBaranovskiy/raphael/
-		toRGB: function(h, s, b, a) {
-			if (!h) {
-				h = this.value.h;
-				s = this.value.s;
-				b = this.value.b;
-			}
-			h *= 360;
-			var R, G, B, X, C;
-			h = (h % 360) / 60;
-			C = b * s;
-			X = C * (1 - Math.abs(h % 2 - 1));
-			R = G = B = b - C;
-
-			h = ~~h;
-			R += [C, X, 0, 0, X, C][h];
-			G += [X, C, C, X, 0, 0][h];
-			B += [0, 0, X, C, C, X][h];
-			return {
-				r: Math.round(R*255),
-				g: Math.round(G*255),
-				b: Math.round(B*255),
-				a: a||this.value.a
-			};
-		},
-		
-		toHex: function(h, s, b, a){
-			var rgb = this.toRGB(h, s, b, a);
-			return '#'+((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1);
-		},
-		
-		toHSL: function(h, s, b, a){
-			if (!h) {
-				h = this.value.h;
-				s = this.value.s;
-				b = this.value.b;
-			}
-			var H = h,
-				L = (2 - s) * b,
-				S = s * b;
-			if (L > 0 && L <= 1) {
-				S /= L;
-			} else {
-				S /= 2 - L;
-			}
-			L /= 2;
-			if (S > 1) {
-				S = 1;
-			}
-			return {
-				h: H,
-				s: S,
-				l: L,
-				a: a||this.value.a
-			};
-		}
-	};
-	
-	// Picker object
-	
-	var Colorpicker = function(element, options){
-		this.element = $(element);
-		var format = options.format||this.element.data('color-format')||'hex';
-		this.format = CPGlobal.translateFormats[format];
-		this.isInput = this.element.is('input');
-		this.component = this.element.is('.color') ? this.element.find('.add-on') : false;
-		
-		this.picker = $(CPGlobal.template)
-							.appendTo('body')
-							.on('mousedown', $.proxy(this.mousedown, this));
-		
-		if (this.isInput) {
-			this.element.on({
-				'focus': $.proxy(this.show, this),
-				'keyup': $.proxy(this.update, this)
-			});
-		} else if (this.component){
-			this.component.on({
-				'click': $.proxy(this.show, this)
-			});
-		} else {
-			this.element.on({
-				'click': $.proxy(this.show, this)
-			});
-		}
-		if (format === 'rgba' || format === 'hsla') {
-			this.picker.addClass('alpha');
-			this.alpha = this.picker.find('.colorpicker-alpha')[0].style;
-		}
-		
-		if (this.component){
-			this.picker.find('.colorpicker-color').hide();
-			this.preview = this.element.find('i')[0].style;
-		} else {
-			this.preview = this.picker.find('div:last')[0].style;
-		}
-		
-		this.base = this.picker.find('div:first')[0].style;
-		this.update();
-	};
-	
-	Colorpicker.prototype = {
-		constructor: Colorpicker,
-		
-		show: function(e) {
-			this.picker.show();
-			this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
-			this.place();
-			$(window).on('resize', $.proxy(this.place, this));
-			if (!this.isInput) {
-				if (e) {
-					e.stopPropagation();
-					e.preventDefault();
-				}
-			}
-			$(document).on({
-				'mousedown': $.proxy(this.hide, this)
-			});
-			this.element.trigger({
-				type: 'show',
-				color: this.color
-			});
-		},
-		
-		update: function(){
-			this.color = new Color(this.isInput ? this.element.prop('value') : this.element.data('color'));
-			this.picker.find('i')
-				.eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end()
-				.eq(1).css('top', 100 * (1 - this.color.value.h)).end()
-				.eq(2).css('top', 100 * (1 - this.color.value.a));
-			this.previewColor();
-		},
-		
-		setValue: function(newColor) {
-			this.color = new Color(newColor);
-			this.picker.find('i')
-				.eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end()
-				.eq(1).css('top', 100 * (1 - this.color.value.h)).end()
-				.eq(2).css('top', 100 * (1 - this.color.value.a));
-			this.previewColor();
-			this.element.trigger({
-				type: 'changeColor',
-				color: this.color
-			});
-		},
-		
-		hide: function(){
-			this.picker.hide();
-			$(window).off('resize', this.place);
-			if (!this.isInput) {
-				$(document).off({
-					'mousedown': this.hide
-				});
-				if (this.component){
-					this.element.find('input').prop('value', this.format.call(this));
-				}
-				this.element.data('color', this.format.call(this));
-			} else {
-				this.element.prop('value', this.format.call(this));
-			}
-			this.element.trigger({
-				type: 'hide',
-				color: this.color
-			});
-		},
-		
-		place: function(){
-			var offset = this.component ? this.component.offset() : this.element.offset();
-			this.picker.css({
-				top: offset.top + this.height,
-				left: offset.left
-			});
-		},
-		
-		//preview color change
-		previewColor: function(){
-			try {
-				this.preview.backgroundColor = this.format.call(this);
-			} catch(e) {
-				this.preview.backgroundColor = this.color.toHex();
-			}
-			//set the color for brightness/saturation slider
-			this.base.backgroundColor = this.color.toHex(this.color.value.h, 1, 1, 1);
-			//set te color for alpha slider
-			if (this.alpha) {
-				this.alpha.backgroundColor = this.color.toHex();
-			}
-		},
-		
-		pointer: null,
-		
-		slider: null,
-		
-		mousedown: function(e){
-			e.stopPropagation();
-			e.preventDefault();
-			
-			var target = $(e.target);
-			
-			//detect the slider and set the limits and callbacks
-			var zone = target.closest('div');
-			if (!zone.is('.colorpicker')) {
-				if (zone.is('.colorpicker-saturation')) {
-					this.slider = $.extend({}, CPGlobal.sliders.saturation);
-				} 
-				else if (zone.is('.colorpicker-hue')) {
-					this.slider = $.extend({}, CPGlobal.sliders.hue);
-				}
-				else if (zone.is('.colorpicker-alpha')) {
-					this.slider = $.extend({}, CPGlobal.sliders.alpha);
-				} else {
-					return false;
-				}
-				var offset = zone.offset();
-				//reference to knob's style
-				this.slider.knob = zone.find('i')[0].style;
-				this.slider.left = e.pageX - offset.left;
-				this.slider.top = e.pageY - offset.top;
-				this.pointer = {
-					left: e.pageX,
-					top: e.pageY
-				};
-				//trigger mousemove to move the knob to the current position
-				$(document).on({
-					mousemove: $.proxy(this.mousemove, this),
-					mouseup: $.proxy(this.mouseup, this)
-				}).trigger('mousemove');
-			}
-			return false;
-		},
-		
-		mousemove: function(e){
-			e.stopPropagation();
-			e.preventDefault();
-			var left = Math.max(
-				0,
-				Math.min(
-					this.slider.maxLeft,
-					this.slider.left + ((e.pageX||this.pointer.left) - this.pointer.left)
-				)
-			);
-			var top = Math.max(
-				0,
-				Math.min(
-					this.slider.maxTop,
-					this.slider.top + ((e.pageY||this.pointer.top) - this.pointer.top)
-				)
-			);
-			this.slider.knob.left = left + 'px';
-			this.slider.knob.top = top + 'px';
-			if (this.slider.callLeft) {
-				this.color[this.slider.callLeft].call(this.color, left/100);
-			}
-			if (this.slider.callTop) {
-				this.color[this.slider.callTop].call(this.color, top/100);
-			}
-			this.previewColor();
-			this.element.trigger({
-				type: 'changeColor',
-				color: this.color
-			});
-			return false;
-		},
-		
-		mouseup: function(e){
-			e.stopPropagation();
-			e.preventDefault();
-			$(document).off({
-				mousemove: this.mousemove,
-				mouseup: this.mouseup
-			});
-			return false;
-		}
-	}
-
-	$.fn.colorpicker = function ( option, val ) {
-		return this.each(function () {
-			var $this = $(this),
-				data = $this.data('colorpicker'),
-				options = typeof option === 'object' && option;
-			if (!data) {
-				$this.data('colorpicker', (data = new Colorpicker(this, $.extend({}, $.fn.colorpicker.defaults,options))));
-			}
-			if (typeof option === 'string') data[option](val);
-		});
-	};
-
-	$.fn.colorpicker.defaults = {
-	};
-	
-	$.fn.colorpicker.Constructor = Colorpicker;
-	
-	var CPGlobal = {
-	
-		// translate a format from Color object to a string
-		translateFormats: {
-			'rgb': function(){
-				var rgb = this.color.toRGB();
-				return 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')';
-			},
-			
-			'rgba': function(){
-				var rgb = this.color.toRGB();
-				return 'rgba('+rgb.r+','+rgb.g+','+rgb.b+','+rgb.a+')';
-			},
-			
-			'hsl': function(){
-				var hsl = this.color.toHSL();
-				return 'hsl('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%)';
-			},
-			
-			'hsla': function(){
-				var hsl = this.color.toHSL();
-				return 'hsla('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%,'+hsl.a+')';
-			},
-			
-			'hex': function(){
-				return  this.color.toHex();
-			}
-		},
-		
-		sliders: {
-			saturation: {
-				maxLeft: 100,
-				maxTop: 100,
-				callLeft: 'setSaturation',
-				callTop: 'setLightness'
-			},
-			
-			hue: {
-				maxLeft: 0,
-				maxTop: 100,
-				callLeft: false,
-				callTop: 'setHue'
-			},
-			
-			alpha: {
-				maxLeft: 0,
-				maxTop: 100,
-				callLeft: false,
-				callTop: 'setAlpha'
-			}
-		},
-		
-		// HSBtoRGB from RaphaelJS
-		// https://github.com/DmitryBaranovskiy/raphael/
-		RGBtoHSB: function (r, g, b, a){
-			r /= 255;
-			g /= 255;
-			b /= 255;
-
-			var H, S, V, C;
-			V = Math.max(r, g, b);
-			C = V - Math.min(r, g, b);
-			H = (C === 0 ? null :
-				V == r ? (g - b) / C :
-				V == g ? (b - r) / C + 2 :
-					(r - g) / C + 4
-				);
-			H = ((H + 360) % 6) * 60 / 360;
-			S = C === 0 ? 0 : C / V;
-			return {h: H||1, s: S, b: V, a: a||1};
-		},
-		
-		HueToRGB: function (p, q, h) {
-			if (h < 0)
-				h += 1;
-			else if (h > 1)
-				h -= 1;
-
-			if ((h * 6) < 1)
-				return p + (q - p) * h * 6;
-			else if ((h * 2) < 1)
-				return q;
-			else if ((h * 3) < 2)
-				return p + (q - p) * ((2 / 3) - h) * 6;
-			else
-				return p;
-		},
-	
-		HSLtoRGB: function (h, s, l, a)
-		{
-			if (s < 0) {
-				s = 0;
-			}
-			var q;
-			if (l <= 0.5) {
-				q = l * (1 + s);
-			} else {
-				q = l + s - (l * s);
-			}
-			
-			var p = 2 * l - q;
-
-			var tr = h + (1 / 3);
-			var tg = h;
-			var tb = h - (1 / 3);
-
-			var r = Math.round(CPGlobal.HueToRGB(p, q, tr) * 255);
-			var g = Math.round(CPGlobal.HueToRGB(p, q, tg) * 255);
-			var b = Math.round(CPGlobal.HueToRGB(p, q, tb) * 255);
-			return [r, g, b, a||1];
-		},
-		
-		// a set of RE's that can match strings and generate color tuples.
-		// from John Resig color plugin
-		// https://github.com/jquery/jquery-color/
-		stringParsers: [
-			{
-				re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
-				parse: function( execResult ) {
-					return [
-						execResult[ 1 ],
-						execResult[ 2 ],
-						execResult[ 3 ],
-						execResult[ 4 ]
-					];
-				}
-			}, {
-				re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
-				parse: function( execResult ) {
-					return [
-						2.55 * execResult[1],
-						2.55 * execResult[2],
-						2.55 * execResult[3],
-						execResult[ 4 ]
-					];
-				}
-			}, {
-				re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,
-				parse: function( execResult ) {
-					return [
-						parseInt( execResult[ 1 ], 16 ),
-						parseInt( execResult[ 2 ], 16 ),
-						parseInt( execResult[ 3 ], 16 )
-					];
-				}
-			}, {
-				re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,
-				parse: function( execResult ) {
-					return [
-						parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
-						parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
-						parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
-					];
-				}
-			}, {
-				re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
-				space: 'hsla',
-				parse: function( execResult ) {
-					return [
-						execResult[1]/360,
-						execResult[2] / 100,
-						execResult[3] / 100,
-						execResult[4]
-					];
-				}
-			}
-		],
-		template: '<div class="colorpicker dropdown-menu">'+
-							'<div class="colorpicker-saturation"><i><b></b></i></div>'+
-							'<div class="colorpicker-hue"><i></i></div>'+
-							'<div class="colorpicker-alpha"><i></i></div>'+
-							'<div class="colorpicker-color"><div /></div>'+
-						'</div>'
-	};
-
-}( window.jQuery )
\ No newline at end of file
+ */
+
+(function(factory) {
+  "use strict";
+  if (typeof exports === 'object') {
+    module.exports = factory(window.jQuery);
+  } else if (typeof define === 'function' && define.amd) {
+    define(['jquery'], factory);
+  } else if (window.jQuery && !window.jQuery.fn.colorpicker) {
+    factory(window.jQuery);
+  }
+}(function($) {
+  'use strict';
+
+  /**
+   * Color manipulation helper class
+   *
+   * @param {Object|String} val
+   * @param {Object} predefinedColors
+   * @constructor
+   */
+  var Color = function(val, predefinedColors) {
+    this.value = {
+      h: 0,
+      s: 0,
+      b: 0,
+      a: 1
+    };
+    this.origFormat = null; // original string format
+    if (predefinedColors) {
+      $.extend(this.colors, predefinedColors);
+    }
+    if (val) {
+      if (val.toLowerCase !== undefined) {
+        // cast to string
+        val = val + '';
+        this.setColor(val);
+      } else if (val.h !== undefined) {
+        this.value = val;
+      }
+    }
+  };
+
+  Color.prototype = {
+    constructor: Color,
+    // 140 predefined colors from the HTML Colors spec
+    colors: {
+      "aliceblue": "#f0f8ff",
+      "antiquewhite": "#faebd7",
+      "aqua": "#00ffff",
+      "aquamarine": "#7fffd4",
+      "azure": "#f0ffff",
+      "beige": "#f5f5dc",
+      "bisque": "#ffe4c4",
+      "black": "#000000",
+      "blanchedalmond": "#ffebcd",
+      "blue": "#0000ff",
+      "blueviolet": "#8a2be2",
+      "brown": "#a52a2a",
+      "burlywood": "#deb887",
+      "cadetblue": "#5f9ea0",
+      "chartreuse": "#7fff00",
+      "chocolate": "#d2691e",
+      "coral": "#ff7f50",
+      "cornflowerblue": "#6495ed",
+      "cornsilk": "#fff8dc",
+      "crimson": "#dc143c",
+      "cyan": "#00ffff",
+      "darkblue": "#00008b",
+      "darkcyan": "#008b8b",
+      "darkgoldenrod": "#b8860b",
+      "darkgray": "#a9a9a9",
+      "darkgreen": "#006400",
+      "darkkhaki": "#bdb76b",
+      "darkmagenta": "#8b008b",
+      "darkolivegreen": "#556b2f",
+      "darkorange": "#ff8c00",
+      "darkorchid": "#9932cc",
+      "darkred": "#8b0000",
+      "darksalmon": "#e9967a",
+      "darkseagreen": "#8fbc8f",
+      "darkslateblue": "#483d8b",
+      "darkslategray": "#2f4f4f",
+      "darkturquoise": "#00ced1",
+      "darkviolet": "#9400d3",
+      "deeppink": "#ff1493",
+      "deepskyblue": "#00bfff",
+      "dimgray": "#696969",
+      "dodgerblue": "#1e90ff",
+      "firebrick": "#b22222",
+      "floralwhite": "#fffaf0",
+      "forestgreen": "#228b22",
+      "fuchsia": "#ff00ff",
+      "gainsboro": "#dcdcdc",
+      "ghostwhite": "#f8f8ff",
+      "gold": "#ffd700",
+      "goldenrod": "#daa520",
+      "gray": "#808080",
+      "green": "#008000",
+      "greenyellow": "#adff2f",
+      "honeydew": "#f0fff0",
+      "hotpink": "#ff69b4",
+      "indianred": "#cd5c5c",
+      "indigo": "#4b0082",
+      "ivory": "#fffff0",
+      "khaki": "#f0e68c",
+      "lavender": "#e6e6fa",
+      "lavenderblush": "#fff0f5",
+      "lawngreen": "#7cfc00",
+      "lemonchiffon": "#fffacd",
+      "lightblue": "#add8e6",
+      "lightcoral": "#f08080",
+      "lightcyan": "#e0ffff",
+      "lightgoldenrodyellow": "#fafad2",
+      "lightgrey": "#d3d3d3",
+      "lightgreen": "#90ee90",
+      "lightpink": "#ffb6c1",
+      "lightsalmon": "#ffa07a",
+      "lightseagreen": "#20b2aa",
+      "lightskyblue": "#87cefa",
+      "lightslategray": "#778899",
+      "lightsteelblue": "#b0c4de",
+      "lightyellow": "#ffffe0",
+      "lime": "#00ff00",
+      "limegreen": "#32cd32",
+      "linen": "#faf0e6",
+      "magenta": "#ff00ff",
+      "maroon": "#800000",
+      "mediumaquamarine": "#66cdaa",
+      "mediumblue": "#0000cd",
+      "mediumorchid": "#ba55d3",
+      "mediumpurple": "#9370d8",
+      "mediumseagreen": "#3cb371",
+      "mediumslateblue": "#7b68ee",
+      "mediumspringgreen": "#00fa9a",
+      "mediumturquoise": "#48d1cc",
+      "mediumvioletred": "#c71585",
+      "midnightblue": "#191970",
+      "mintcream": "#f5fffa",
+      "mistyrose": "#ffe4e1",
+      "moccasin": "#ffe4b5",
+      "navajowhite": "#ffdead",
+      "navy": "#000080",
+      "oldlace": "#fdf5e6",
+      "olive": "#808000",
+      "olivedrab": "#6b8e23",
+      "orange": "#ffa500",
+      "orangered": "#ff4500",
+      "orchid": "#da70d6",
+      "palegoldenrod": "#eee8aa",
+      "palegreen": "#98fb98",
+      "paleturquoise": "#afeeee",
+      "palevioletred": "#d87093",
+      "papayawhip": "#ffefd5",
+      "peachpuff": "#ffdab9",
+      "peru": "#cd853f",
+      "pink": "#ffc0cb",
+      "plum": "#dda0dd",
+      "powderblue": "#b0e0e6",
+      "purple": "#800080",
+      "red": "#ff0000",
+      "rosybrown": "#bc8f8f",
+      "royalblue": "#4169e1",
+      "saddlebrown": "#8b4513",
+      "salmon": "#fa8072",
+      "sandybrown": "#f4a460",
+      "seagreen": "#2e8b57",
+      "seashell": "#fff5ee",
+      "sienna": "#a0522d",
+      "silver": "#c0c0c0",
+      "skyblue": "#87ceeb",
+      "slateblue": "#6a5acd",
+      "slategray": "#708090",
+      "snow": "#fffafa",
+      "springgreen": "#00ff7f",
+      "steelblue": "#4682b4",
+      "tan": "#d2b48c",
+      "teal": "#008080",
+      "thistle": "#d8bfd8",
+      "tomato": "#ff6347",
+      "turquoise": "#40e0d0",
+      "violet": "#ee82ee",
+      "wheat": "#f5deb3",
+      "white": "#ffffff",
+      "whitesmoke": "#f5f5f5",
+      "yellow": "#ffff00",
+      "yellowgreen": "#9acd32",
+      "transparent": "transparent"
+    },
+    _sanitizeNumber: function(val) {
+      if (typeof val === 'number') {
+        return val;
+      }
+      if (isNaN(val) || (val === null) || (val === '') || (val === undefined)) {
+        return 1;
+      }
+      if (val === '') {
+        return 0;
+      }
+      if (val.toLowerCase !== undefined) {
+        if (val.match(/^\./)) {
+          val = "0" + val;
+        }
+        return Math.ceil(parseFloat(val) * 100) / 100;
+      }
+      return 1;
+    },
+    isTransparent: function(strVal) {
+      if (!strVal) {
+        return false;
+      }
+      strVal = strVal.toLowerCase().trim();
+      return (strVal === 'transparent') || (strVal.match(/#?00000000/)) || (strVal.match(/(rgba|hsla)\(0,0,0,0?\.?0\)/));
+    },
+    rgbaIsTransparent: function(rgba) {
+      return ((rgba.r === 0) && (rgba.g === 0) && (rgba.b === 0) && (rgba.a === 0));
+    },
+    //parse a string to HSB
+    setColor: function(strVal) {
+      strVal = strVal.toLowerCase().trim();
+      if (strVal) {
+        if (this.isTransparent(strVal)) {
+          this.value = {
+            h: 0,
+            s: 0,
+            b: 0,
+            a: 0
+          };
+        } else {
+          this.value = this.stringToHSB(strVal) || {
+            h: 0,
+            s: 0,
+            b: 0,
+            a: 1
+          }; // if parser fails, defaults to black
+        }
+      }
+    },
+    stringToHSB: function(strVal) {
+      strVal = strVal.toLowerCase();
+      var alias;
+      if (typeof this.colors[strVal] !== 'undefined') {
+        strVal = this.colors[strVal];
+        alias = 'alias';
+      }
+      var that = this,
+        result = false;
+      $.each(this.stringParsers, function(i, parser) {
+        var match = parser.re.exec(strVal),
+          values = match && parser.parse.apply(that, [match]),
+          format = alias || parser.format || 'rgba';
+        if (values) {
+          if (format.match(/hsla?/)) {
+            result = that.RGBtoHSB.apply(that, that.HSLtoRGB.apply(that, values));
+          } else {
+            result = that.RGBtoHSB.apply(that, values);
+          }
+          that.origFormat = format;
+          return false;
+        }
+        return true;
+      });
+      return result;
+    },
+    setHue: function(h) {
+      this.value.h = 1 - h;
+    },
+    setSaturation: function(s) {
+      this.value.s = s;
+    },
+    setBrightness: function(b) {
+      this.value.b = 1 - b;
+    },
+    setAlpha: function(a) {
+      this.value.a = Math.round((parseInt((1 - a) * 100, 10) / 100) * 100) / 100;
+    },
+    toRGB: function(h, s, b, a) {
+      if (!h) {
+        h = this.value.h;
+        s = this.value.s;
+        b = this.value.b;
+      }
+      h *= 360;
+      var R, G, B, X, C;
+      h = (h % 360) / 60;
+      C = b * s;
+      X = C * (1 - Math.abs(h % 2 - 1));
+      R = G = B = b - C;
+
+      h = ~~h;
+      R += [C, X, 0, 0, X, C][h];
+      G += [X, C, C, X, 0, 0][h];
+      B += [0, 0, X, C, C, X][h];
+      return {
+        r: Math.round(R * 255),
+        g: Math.round(G * 255),
+        b: Math.round(B * 255),
+        a: a || this.value.a
+      };
+    },
+    toHex: function(h, s, b, a) {
+      var rgb = this.toRGB(h, s, b, a);
+      if (this.rgbaIsTransparent(rgb)) {
+        return 'transparent';
+      }
+      return '#' + ((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1);
+    },
+    toHSL: function(h, s, b, a) {
+      h = h || this.value.h;
+      s = s || this.value.s;
+      b = b || this.value.b;
+      a = a || this.value.a;
+
+      var H = h,
+        L = (2 - s) * b,
+        S = s * b;
+      if (L > 0 && L <= 1) {
+        S /= L;
+      } else {
+        S /= 2 - L;
+      }
+      L /= 2;
+      if (S > 1) {
+        S = 1;
+      }
+      return {
+        h: isNaN(H) ? 0 : H,
+        s: isNaN(S) ? 0 : S,
+        l: isNaN(L) ? 0 : L,
+        a: isNaN(a) ? 0 : a
+      };
+    },
+    toAlias: function(r, g, b, a) {
+      var rgb = this.toHex(r, g, b, a);
+      for (var alias in this.colors) {
+        if (this.colors[alias] === rgb) {
+          return alias;
+        }
+      }
+      return false;
+    },
+    RGBtoHSB: function(r, g, b, a) {
+      r /= 255;
+      g /= 255;
+      b /= 255;
+
+      var H, S, V, C;
+      V = Math.max(r, g, b);
+      C = V - Math.min(r, g, b);
+      H = (C === 0 ? null :
+        V === r ? (g - b) / C :
+        V === g ? (b - r) / C + 2 :
+        (r - g) / C + 4
+      );
+      H = ((H + 360) % 6) * 60 / 360;
+      S = C === 0 ? 0 : C / V;
+      return {
+        h: this._sanitizeNumber(H),
+        s: S,
+        b: V,
+        a: this._sanitizeNumber(a)
+      };
+    },
+    HueToRGB: function(p, q, h) {
+      if (h < 0) {
+        h += 1;
+      } else if (h > 1) {
+        h -= 1;
+      }
+      if ((h * 6) < 1) {
+        return p + (q - p) * h * 6;
+      } else if ((h * 2) < 1) {
+        return q;
+      } else if ((h * 3) < 2) {
+        return p + (q - p) * ((2 / 3) - h) * 6;
+      } else {
+        return p;
+      }
+    },
+    HSLtoRGB: function(h, s, l, a) {
+      if (s < 0) {
+        s = 0;
+      }
+      var q;
+      if (l <= 0.5) {
+        q = l * (1 + s);
+      } else {
+        q = l + s - (l * s);
+      }
+
+      var p = 2 * l - q;
+
+      var tr = h + (1 / 3);
+      var tg = h;
+      var tb = h - (1 / 3);
+
+      var r = Math.round(this.HueToRGB(p, q, tr) * 255);
+      var g = Math.round(this.HueToRGB(p, q, tg) * 255);
+      var b = Math.round(this.HueToRGB(p, q, tb) * 255);
+      return [r, g, b, this._sanitizeNumber(a)];
+    },
+    toString: function(format) {
+      format = format || 'rgba';
+      var c = false;
+      switch (format) {
+        case 'rgb':
+          {
+            c = this.toRGB();
+            if (this.rgbaIsTransparent(c)) {
+              return 'transparent';
+            }
+            return 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')';
+          }
+          break;
+        case 'rgba':
+          {
+            c = this.toRGB();
+            return 'rgba(' + c.r + ',' + c.g + ',' + c.b + ',' + c.a + ')';
+          }
+          break;
+        case 'hsl':
+          {
+            c = this.toHSL();
+            return 'hsl(' + Math.round(c.h * 360) + ',' + Math.round(c.s * 100) + '%,' + Math.round(c.l * 100) + '%)';
+          }
+          break;
+        case 'hsla':
+          {
+            c = this.toHSL();
+            return 'hsla(' + Math.round(c.h * 360) + ',' + Math.round(c.s * 100) + '%,' + Math.round(c.l * 100) + '%,' + c.a + ')';
+          }
+          break;
+        case 'hex':
+          {
+            return this.toHex();
+          }
+          break;
+        case 'alias':
+          return this.toAlias() || this.toHex();
+        default:
+          {
+            return c;
+          }
+          break;
+      }
+    },
+    // a set of RE's that can match strings and generate color tuples.
+    // from John Resig color plugin
+    // https://github.com/jquery/jquery-color/
+    stringParsers: [{
+      re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/,
+      format: 'rgb',
+      parse: function(execResult) {
+        return [
+          execResult[1],
+          execResult[2],
+          execResult[3],
+          1
+        ];
+      }
+    }, {
+      re: /rgb\(\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*?\)/,
+      format: 'rgb',
+      parse: function(execResult) {
+        return [
+          2.55 * execResult[1],
+          2.55 * execResult[2],
+          2.55 * execResult[3],
+          1
+        ];
+      }
+    }, {
+      re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/,
+      format: 'rgba',
+      parse: function(execResult) {
+        return [
+          execResult[1],
+          execResult[2],
+          execResult[3],
+          execResult[4]
+        ];
+      }
+    }, {
+      re: /rgba\(\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/,
+      format: 'rgba',
+      parse: function(execResult) {
+        return [
+          2.55 * execResult[1],
+          2.55 * execResult[2],
+          2.55 * execResult[3],
+          execResult[4]
+        ];
+      }
+    }, {
+      re: /hsl\(\s*(\d*(?:\.\d+)?)\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*?\)/,
+      format: 'hsl',
+      parse: function(execResult) {
+        return [
+          execResult[1] / 360,
+          execResult[2] / 100,
+          execResult[3] / 100,
+          execResult[4]
+        ];
+      }
+    }, {
+      re: /hsla\(\s*(\d*(?:\.\d+)?)\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/,
+      format: 'hsla',
+      parse: function(execResult) {
+        return [
+          execResult[1] / 360,
+          execResult[2] / 100,
+          execResult[3] / 100,
+          execResult[4]
+        ];
+      }
+    }, {
+      re: /#?([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,
+      format: 'hex',
+      parse: function(execResult) {
+        return [
+          parseInt(execResult[1], 16),
+          parseInt(execResult[2], 16),
+          parseInt(execResult[3], 16),
+          1
+        ];
+      }
+    }, {
+      re: /#?([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,
+      format: 'hex',
+      parse: function(execResult) {
+        return [
+          parseInt(execResult[1] + execResult[1], 16),
+          parseInt(execResult[2] + execResult[2], 16),
+          parseInt(execResult[3] + execResult[3], 16),
+          1
+        ];
+      }
+    }],
+    colorNameToHex: function(name) {
+      if (typeof this.colors[name.toLowerCase()] !== 'undefined') {
+        return this.colors[name.toLowerCase()];
+      }
+      return false;
+    }
+  };
+
+  /*
+   * Default plugin options
+   */
+  var defaults = {
+    horizontal: false, // horizontal mode layout ?
+    inline: false, //forces to show the colorpicker as an inline element
+    color: false, //forces a color
+    format: false, //forces a format
+    input: 'input', // children input selector
+    container: false, // container selector
+    component: '.add-on, .input-group-addon', // children component selector
+    sliders: {
+      saturation: {
+        maxLeft: 100,
+        maxTop: 100,
+        callLeft: 'setSaturation',
+        callTop: 'setBrightness'
+      },
+      hue: {
+        maxLeft: 0,
+        maxTop: 100,
+        callLeft: false,
+        callTop: 'setHue'
+      },
+      alpha: {
+        maxLeft: 0,
+        maxTop: 100,
+        callLeft: false,
+        callTop: 'setAlpha'
+      }
+    },
+    slidersHorz: {
+      saturation: {
+        maxLeft: 100,
+        maxTop: 100,
+        callLeft: 'setSaturation',
+        callTop: 'setBrightness'
+      },
+      hue: {
+        maxLeft: 100,
+        maxTop: 0,
+        callLeft: 'setHue',
+        callTop: false
+      },
+      alpha: {
+        maxLeft: 100,
+        maxTop: 0,
+        callLeft: 'setAlpha',
+        callTop: false
+      }
+    },
+    template: '<div class="colorpicker dropdown-menu">' +
+      '<div class="colorpicker-saturation"><i><b></b></i></div>' +
+      '<div class="colorpicker-hue"><i></i></div>' +
+      '<div class="colorpicker-alpha"><i></i></div>' +
+      '<div class="colorpicker-color"><div /></div>' +
+      '<div class="colorpicker-selectors"></div>' +
+      '</div>',
+    align: 'right',
+    customClass: null,
+    colorSelectors: null
+  };
+
+  /**
+   * Colorpicker component class
+   *
+   * @param {Object|String} element
+   * @param {Object} options
+   * @constructor
+   */
+  var Colorpicker = function(element, options) {
+    this.element = $(element).addClass('colorpicker-element');
+    this.options = $.extend(true, {}, defaults, this.element.data(), options);
+    this.component = this.options.component;
+    this.component = (this.component !== false) ? this.element.find(this.component) : false;
+    if (this.component && (this.component.length === 0)) {
+      this.component = false;
+    }
+    this.container = (this.options.container === true) ? this.element : this.options.container;
+    this.container = (this.container !== false) ? $(this.container) : false;
+
+    // Is the element an input? Should we search inside for any input?
+    this.input = this.element.is('input') ? this.element : (this.options.input ?
+      this.element.find(this.options.input) : false);
+    if (this.input && (this.input.length === 0)) {
+      this.input = false;
+    }
+    // Set HSB color
+    this.color = new Color(this.options.color !== false ? this.options.color : this.getValue(), this.options.colorSelectors);
+    this.format = this.options.format !== false ? this.options.format : this.color.origFormat;
+
+    if (this.options.color !== false) {
+      this.updateInput(this.color);
+      this.updateData(this.color);
+    }
+
+    // Setup picker
+    this.picker = $(this.options.template);
+    if (this.options.customClass) {
+      this.picker.addClass(this.options.customClass);
+    }
+    if (this.options.inline) {
+      this.picker.addClass('colorpicker-inline colorpicker-visible');
+    } else {
+      this.picker.addClass('colorpicker-hidden');
+    }
+    if (this.options.horizontal) {
+      this.picker.addClass('colorpicker-horizontal');
+    }
+    if (this.format === 'rgba' || this.format === 'hsla' || this.options.format === false) {
+      this.picker.addClass('colorpicker-with-alpha');
+    }
+    if (this.options.align === 'right') {
+      this.picker.addClass('colorpicker-right');
+    }
+    if (this.options.inline === true) {
+      this.picker.addClass('colorpicker-no-arrow');
+    }
+    if (this.options.colorSelectors) {
+      var colorpicker = this;
+      $.each(this.options.colorSelectors, function(name, color) {
+        var $btn = $('<i />').css('background-color', color).data('class', name);
+        $btn.click(function() {
+          colorpicker.setValue($(this).css('background-color'));
+        });
+        colorpicker.picker.find('.colorpicker-selectors').append($btn);
+      });
+      this.picker.find('.colorpicker-selectors').show();
+    }
+    this.picker.on('mousedown.colorpicker touchstart.colorpicker', $.proxy(this.mousedown, this));
+    this.picker.appendTo(this.container ? this.container : $('body'));
+
+    // Bind events
+    if (this.input !== false) {
+      this.input.on({
+        'keyup.colorpicker': $.proxy(this.keyup, this)
+      });
+      this.input.on({
+        'change.colorpicker': $.proxy(this.change, this)
+      });
+      if (this.component === false) {
+        this.element.on({
+          'focus.colorpicker': $.proxy(this.show, this)
+        });
+      }
+      if (this.options.inline === false) {
+        this.element.on({
+          'focusout.colorpicker': $.proxy(this.hide, this)
+        });
+      }
+    }
+
+    if (this.component !== false) {
+      this.component.on({
+        'click.colorpicker': $.proxy(this.show, this)
+      });
+    }
+
+    if ((this.input === false) && (this.component === false)) {
+      this.element.on({
+        'click.colorpicker': $.proxy(this.show, this)
+      });
+    }
+
+    // for HTML5 input[type='color']
+    if ((this.input !== false) && (this.component !== false) && (this.input.attr('type') === 'color')) {
+
+      this.input.on({
+        'click.colorpicker': $.proxy(this.show, this),
+        'focus.colorpicker': $.proxy(this.show, this)
+      });
+    }
+    this.update();
+
+    $($.proxy(function() {
+      this.element.trigger('create');
+    }, this));
+  };
+
+  Colorpicker.Color = Color;
+
+  Colorpicker.prototype = {
+    constructor: Colorpicker,
+    destroy: function() {
+      this.picker.remove();
+      this.element.removeData('colorpicker', 'color').off('.colorpicker');
+      if (this.input !== false) {
+        this.input.off('.colorpicker');
+      }
+      if (this.component !== false) {
+        this.component.off('.colorpicker');
+      }
+      this.element.removeClass('colorpicker-element');
+      this.element.trigger({
+        type: 'destroy'
+      });
+    },
+    reposition: function() {
+      if (this.options.inline !== false || this.options.container) {
+        return false;
+      }
+      var type = this.container && this.container[0] !== document.body ? 'position' : 'offset';
+      var element = this.component || this.element;
+      var offset = element[type]();
+      if (this.options.align === 'right') {
+        offset.left -= this.picker.outerWidth() - element.outerWidth();
+      }
+      this.picker.css({
+        top: offset.top + element.outerHeight(),
+        left: offset.left
+      });
+    },
+    show: function(e) {
+      if (this.isDisabled()) {
+        return false;
+      }
+      this.picker.addClass('colorpicker-visible').removeClass('colorpicker-hidden');
+      this.reposition();
+      $(window).on('resize.colorpicker', $.proxy(this.reposition, this));
+      if (e && (!this.hasInput() || this.input.attr('type') === 'color')) {
+        if (e.stopPropagation && e.preventDefault) {
+          e.stopPropagation();
+          e.preventDefault();
+        }
+      }
+      if ((this.component || !this.input) && (this.options.inline === false)) {
+        $(window.document).on({
+          'mousedown.colorpicker': $.proxy(this.hide, this)
+        });
+      }
+      this.element.trigger({
+        type: 'showPicker',
+        color: this.color
+      });
+    },
+    hide: function() {
+      this.picker.addClass('colorpicker-hidden').removeClass('colorpicker-visible');
+      $(window).off('resize.colorpicker', this.reposition);
+      $(document).off({
+        'mousedown.colorpicker': this.hide
+      });
+      this.update();
+      this.element.trigger({
+        type: 'hidePicker',
+        color: this.color
+      });
+    },
+    updateData: function(val) {
+      val = val || this.color.toString(this.format);
+      this.element.data('color', val);
+      return val;
+    },
+    updateInput: function(val) {
+      val = val || this.color.toString(this.format);
+      if (this.input !== false) {
+        if (this.options.colorSelectors) {
+          var color = new Color(val, this.options.colorSelectors);
+          var alias = color.toAlias();
+          if (typeof this.options.colorSelectors[alias] !== 'undefined') {
+            val = alias;
+          }
+        }
+        this.input.prop('value', val);
+      }
+      return val;
+    },
+    updatePicker: function(val) {
+      if (val !== undefined) {
+        this.color = new Color(val, this.options.colorSelectors);
+      }
+      var sl = (this.options.horizontal === false) ? this.options.sliders : this.options.slidersHorz;
+      var icns = this.picker.find('i');
+      if (icns.length === 0) {
+        return;
+      }
+      if (this.options.horizontal === false) {
+        sl = this.options.sliders;
+        icns.eq(1).css('top', sl.hue.maxTop * (1 - this.color.value.h)).end()
+          .eq(2).css('top', sl.alpha.maxTop * (1 - this.color.value.a));
+      } else {
+        sl = this.options.slidersHorz;
+        icns.eq(1).css('left', sl.hue.maxLeft * (1 - this.color.value.h)).end()
+          .eq(2).css('left', sl.alpha.maxLeft * (1 - this.color.value.a));
+      }
+      icns.eq(0).css({
+        'top': sl.saturation.maxTop - this.color.value.b * sl.saturation.maxTop,
+        'left': this.color.value.s * sl.saturation.maxLeft
+      });
+      this.picker.find('.colorpicker-saturation').css('backgroundColor', this.color.toHex(this.color.value.h, 1, 1, 1));
+      this.picker.find('.colorpicker-alpha').css('backgroundColor', this.color.toHex());
+      this.picker.find('.colorpicker-color, .colorpicker-color div').css('backgroundColor', this.color.toString(this.format));
+      return val;
+    },
+    updateComponent: function(val) {
+      val = val || this.color.toString(this.format);
+      if (this.component !== false) {
+        var icn = this.component.find('i').eq(0);
+        if (icn.length > 0) {
+          icn.css({
+            'backgroundColor': val
+          });
+        } else {
+          this.component.css({
+            'backgroundColor': val
+          });
+        }
+      }
+      return val;
+    },
+    update: function(force) {
+      var val;
+      if ((this.getValue(false) !== false) || (force === true)) {
+        // Update input/data only if the current value is not empty
+        val = this.updateComponent();
+        this.updateInput(val);
+        this.updateData(val);
+        this.updatePicker(); // only update picker if value is not empty
+      }
+      return val;
+
+    },
+    setValue: function(val) { // set color manually
+      this.color = new Color(val, this.options.colorSelectors);
+      this.update(true);
+      this.element.trigger({
+        type: 'changeColor',
+        color: this.color,
+        value: val
+      });
+    },
+    getValue: function(defaultValue) {
+      defaultValue = (defaultValue === undefined) ? '#000000' : defaultValue;
+      var val;
+      if (this.hasInput()) {
+        val = this.input.val();
+      } else {
+        val = this.element.data('color');
+      }
+      if ((val === undefined) || (val === '') || (val === null)) {
+        // if not defined or empty, return default
+        val = defaultValue;
+      }
+      return val;
+    },
+    hasInput: function() {
+      return (this.input !== false);
+    },
+    isDisabled: function() {
+      if (this.hasInput()) {
+        return (this.input.prop('disabled') === true);
+      }
+      return false;
+    },
+    disable: function() {
+      if (this.hasInput()) {
+        this.input.prop('disabled', true);
+        this.element.trigger({
+          type: 'disable',
+          color: this.color,
+          value: this.getValue()
+        });
+        return true;
+      }
+      return false;
+    },
+    enable: function() {
+      if (this.hasInput()) {
+        this.input.prop('disabled', false);
+        this.element.trigger({
+          type: 'enable',
+          color: this.color,
+          value: this.getValue()
+        });
+        return true;
+      }
+      return false;
+    },
+    currentSlider: null,
+    mousePointer: {
+      left: 0,
+      top: 0
+    },
+    mousedown: function(e) {
+      if (!e.pageX && !e.pageY && e.originalEvent && e.originalEvent.touches) {
+        e.pageX = e.originalEvent.touches[0].pageX;
+        e.pageY = e.originalEvent.touches[0].pageY;
+      }
+      e.stopPropagation();
+      e.preventDefault();
+
+      var target = $(e.target);
+
+      //detect the slider and set the limits and callbacks
+      var zone = target.closest('div');
+      var sl = this.options.horizontal ? this.options.slidersHorz : this.options.sliders;
+      if (!zone.is('.colorpicker')) {
+        if (zone.is('.colorpicker-saturation')) {
+          this.currentSlider = $.extend({}, sl.saturation);
+        } else if (zone.is('.colorpicker-hue')) {
+          this.currentSlider = $.extend({}, sl.hue);
+        } else if (zone.is('.colorpicker-alpha')) {
+          this.currentSlider = $.extend({}, sl.alpha);
+        } else {
+          return false;
+        }
+        var offset = zone.offset();
+        //reference to guide's style
+        this.currentSlider.guide = zone.find('i')[0].style;
+        this.currentSlider.left = e.pageX - offset.left;
+        this.currentSlider.top = e.pageY - offset.top;
+        this.mousePointer = {
+          left: e.pageX,
+          top: e.pageY
+        };
+        //trigger mousemove to move the guide to the current position
+        $(document).on({
+          'mousemove.colorpicker': $.proxy(this.mousemove, this),
+          'touchmove.colorpicker': $.proxy(this.mousemove, this),
+          'mouseup.colorpicker': $.proxy(this.mouseup, this),
+          'touchend.colorpicker': $.proxy(this.mouseup, this)
+        }).trigger('mousemove');
+      }
+      return false;
+    },
+    mousemove: function(e) {
+      if (!e.pageX && !e.pageY && e.originalEvent && e.originalEvent.touches) {
+        e.pageX = e.originalEvent.touches[0].pageX;
+        e.pageY = e.originalEvent.touches[0].pageY;
+      }
+      e.stopPropagation();
+      e.preventDefault();
+      var left = Math.max(
+        0,
+        Math.min(
+          this.currentSlider.maxLeft,
+          this.currentSlider.left + ((e.pageX || this.mousePointer.left) - this.mousePointer.left)
+        )
+      );
+      var top = Math.max(
+        0,
+        Math.min(
+          this.currentSlider.maxTop,
+          this.currentSlider.top + ((e.pageY || this.mousePointer.top) - this.mousePointer.top)
+        )
+      );
+      this.currentSlider.guide.left = left + 'px';
+      this.currentSlider.guide.top = top + 'px';
+      if (this.currentSlider.callLeft) {
+        this.color[this.currentSlider.callLeft].call(this.color, left / this.currentSlider.maxLeft);
+      }
+      if (this.currentSlider.callTop) {
+        this.color[this.currentSlider.callTop].call(this.color, top / this.currentSlider.maxTop);
+      }
+      // Change format dynamically
+      // Only occurs if user choose the dynamic format by
+      // setting option format to false
+      if (this.currentSlider.callTop === 'setAlpha' && this.options.format === false) {
+
+        // Converting from hex / rgb to rgba
+        if (this.color.value.a !== 1) {
+          this.format = 'rgba';
+          this.color.origFormat = 'rgba';
+        }
+
+        // Converting from rgba to hex
+        else {
+          this.format = 'hex';
+          this.color.origFormat = 'hex';
+        }
+      }
+      this.update(true);
+
+      this.element.trigger({
+        type: 'changeColor',
+        color: this.color
+      });
+      return false;
+    },
+    mouseup: function(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      $(document).off({
+        'mousemove.colorpicker': this.mousemove,
+        'touchmove.colorpicker': this.mousemove,
+        'mouseup.colorpicker': this.mouseup,
+        'touchend.colorpicker': this.mouseup
+      });
+      return false;
+    },
+    change: function(e) {
+      this.keyup(e);
+    },
+    keyup: function(e) {
+      if ((e.keyCode === 38)) {
+        if (this.color.value.a < 1) {
+          this.color.value.a = Math.round((this.color.value.a + 0.01) * 100) / 100;
+        }
+        this.update(true);
+      } else if ((e.keyCode === 40)) {
+        if (this.color.value.a > 0) {
+          this.color.value.a = Math.round((this.color.value.a - 0.01) * 100) / 100;
+        }
+        this.update(true);
+      } else {
+        this.color = new Color(this.input.val(), this.options.colorSelectors);
+        // Change format dynamically
+        // Only occurs if user choose the dynamic format by
+        // setting option format to false
+        if (this.color.origFormat && this.options.format === false) {
+          this.format = this.color.origFormat;
+        }
+        if (this.getValue(false) !== false) {
+          this.updateData();
+          this.updateComponent();
+          this.updatePicker();
+        }
+      }
+      this.element.trigger({
+        type: 'changeColor',
+        color: this.color,
+        value: this.input.val()
+      });
+    }
+  };
+
+  $.colorpicker = Colorpicker;
+
+  $.fn.colorpicker = function(option) {
+    var apiArgs = Array.prototype.slice.call(arguments, 1),
+      isSingleElement = (this.length === 1),
+      returnValue = null;
+
+    var $jq = this.each(function() {
+      var $this = $(this),
+        inst = $this.data('colorpicker'),
+        options = ((typeof option === 'object') ? option : {});
+
+      if (!inst) {
+        inst = new Colorpicker(this, options);
+        $this.data('colorpicker', inst);
+      }
+
+      if (typeof option === 'string') {
+        if ($.isFunction(inst[option])) {
+          returnValue = inst[option].apply(inst, apiArgs);
+        } else { // its a property ?
+          if (apiArgs.length) {
+            // set property
+            inst[option] = apiArgs[0];
+          }
+          returnValue = inst[option];
+        }
+      } else {
+        returnValue = $this;
+      }
+    });
+    return isSingleElement ? returnValue : $jq;
+  };
+
+  $.fn.colorpicker.constructor = Colorpicker;
+
+}));
diff --git a/app/assets/stylesheets/bootstrap-colorpicker.css.scss b/app/assets/stylesheets/bootstrap-colorpicker.css.scss
index b5e28ef..c35c615 100644
--- a/app/assets/stylesheets/bootstrap-colorpicker.css.scss
+++ b/app/assets/stylesheets/bootstrap-colorpicker.css.scss
@@ -1,127 +1,221 @@
 /*!
-* Colorpicker for Bootstrap
-*
-* Copyright 2012 Stefan Petre
-* Licensed under the Apache License v2.0
-* http://www.apache.org/licenses/LICENSE-2.0
-*
-*/
+ * Bootstrap Colorpicker v2.3.6
+ * https://itsjavi.com/bootstrap-colorpicker/
+ *
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
+ *
+ */
 .colorpicker-saturation {
-	width: 100px;
-	height: 100px;
-	background-image: image-url('saturation.png');
-	cursor: crosshair;
-	float: left;
+  width: 100px;
+  height: 100px;
+  background-image: url("../img/bootstrap-colorpicker/saturation.png");
+  cursor: crosshair;
+  float: left;
 }
 .colorpicker-saturation i {
-	display: block;
-	height: 5px;
-	width: 5px;
-	border: 1px solid #000;
-	-webkit-border-radius: 5px;
-	-moz-border-radius: 5px;
-	border-radius: 5px;
-	position: absolute;
-	top: 0;
-	left: 0;
-	margin: -4px 0 0 -4px;
+  display: block;
+  height: 5px;
+  width: 5px;
+  border: 1px solid #000;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin: -4px 0 0 -4px;
 }
 .colorpicker-saturation i b {
-	display: block;
-	height: 5px;
-	width: 5px;
-	border: 1px solid #fff;
-	-webkit-border-radius: 5px;
-	-moz-border-radius: 5px;
-	border-radius: 5px;
-}
-.colorpicker-hue, .colorpicker-alpha {
-	width: 15px;
-	height: 100px;
-	float: left;
-	cursor: row-resize;
-	margin-left: 4px;
-	margin-bottom: 4px;
-}
-.colorpicker-hue i, .colorpicker-alpha i {
-	display: block;
-	height: 1px;
-	background: #000;
-	border-top: 1px solid #fff;
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	margin-top: -1px;
+  display: block;
+  height: 5px;
+  width: 5px;
+  border: 1px solid #fff;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+.colorpicker-hue,
+.colorpicker-alpha {
+  width: 15px;
+  height: 100px;
+  float: left;
+  cursor: row-resize;
+  margin-left: 4px;
+  margin-bottom: 4px;
+}
+.colorpicker-hue i,
+.colorpicker-alpha i {
+  display: block;
+  height: 1px;
+  background: #000;
+  border-top: 1px solid #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  margin-top: -1px;
 }
 .colorpicker-hue {
-	background-image: image-url('hue.png');
+  background-image: url("../img/bootstrap-colorpicker/hue.png");
+}
+.colorpicker-alpha {
+  background-image: url("../img/bootstrap-colorpicker/alpha.png");
+  display: none;
 }
+.colorpicker-saturation,
+.colorpicker-hue,
 .colorpicker-alpha {
-	background-image: image-url('alpha.png');
-	display: none;
+  background-size: contain;
 }
 .colorpicker {
-	*zoom: 1;
-	top: 0;
-	left: 0;
-	padding: 4px;
-	min-width: 120px;
-	margin-top: 1px;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	border-radius: 4px;
-}
-.colorpicker:before, .colorpicker:after {
-	display: table;
-	content: "";
+  padding: 4px;
+  min-width: 130px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  z-index: 2500;
+}
+.colorpicker:before,
+.colorpicker:after {
+  display: table;
+  content: "";
+  line-height: 0;
 }
 .colorpicker:after {
-	clear: both;
+  clear: both;
 }
 .colorpicker:before {
-	content: '';
-	display: inline-block;
-	border-left: 7px solid transparent;
-	border-right: 7px solid transparent;
-	border-bottom: 7px solid #ccc;
-	border-bottom-color: rgba(0, 0, 0, 0.2);
-	position: absolute;
-	top: -7px;
-	left: 6px;
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
 }
 .colorpicker:after {
-	content: '';
-	display: inline-block;
-	border-left: 6px solid transparent;
-	border-right: 6px solid transparent;
-	border-bottom: 6px solid #ffffff;
-	position: absolute;
-	top: -6px;
-	left: 7px;
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
 }
 .colorpicker div {
-	position: relative;
+  position: relative;
 }
-.colorpicker.alpha {
-	min-width: 140px;
+.colorpicker.colorpicker-with-alpha {
+  min-width: 140px;
 }
-.colorpicker.alpha .colorpicker-alpha {
-	display: block;
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+  display: block;
 }
 .colorpicker-color {
-	height: 10px;
-	margin-top: 5px;
-	clear: both;
-	background-image: image-url('alpha.png');
-	background-position: 0 100%;
+  height: 10px;
+  margin-top: 5px;
+  clear: both;
+  background-image: url("../img/bootstrap-colorpicker/alpha.png");
+  background-position: 0 100%;
 }
 .colorpicker-color div {
-	height: 10px;
-}
-.input-append.color .add-on i, .input-prepend.color .add-on i {
-	display: block;
-	cursor: pointer;
-	width: 16px;
-	height: 16px;
-} 
+  height: 10px;
+}
+.colorpicker-selectors {
+  display: none;
+  height: 10px;
+  margin-top: 5px;
+  clear: both;
+}
+.colorpicker-selectors i {
+  cursor: pointer;
+  float: left;
+  height: 10px;
+  width: 10px;
+}
+.colorpicker-selectors i + i {
+  margin-left: 3px;
+}
+.colorpicker-element .input-group-addon i,
+.colorpicker-element .add-on i {
+  display: inline-block;
+  cursor: pointer;
+  height: 16px;
+  vertical-align: text-top;
+  width: 16px;
+}
+.colorpicker.colorpicker-inline {
+  position: relative;
+  display: inline-block;
+  float: none;
+  z-index: auto;
+}
+.colorpicker.colorpicker-horizontal {
+  width: 110px;
+  min-width: 110px;
+  height: auto;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-saturation {
+  margin-bottom: 4px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-color {
+  width: 100px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  width: 100px;
+  height: 15px;
+  float: left;
+  cursor: col-resize;
+  margin-left: 0px;
+  margin-bottom: 4px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-hue i,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
+  display: block;
+  height: 15px;
+  background: #ffffff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1px;
+  border: none;
+  margin-top: 0px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+  background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
+}
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
+}
+.colorpicker.colorpicker-hidden {
+  display: none;
+}
+.colorpicker.colorpicker-visible {
+  display: block;
+}
+.colorpicker-inline.colorpicker-visible {
+  display: inline-block;
+}
+.colorpicker-right:before {
+  left: auto;
+  right: 6px;
+}
+.colorpicker-right:after {
+  left: auto;
+  right: 7px;
+}
+.colorpicker-no-arrow:before {
+  border-right: 0;
+  border-left: 0;
+}
+.colorpicker-no-arrow:after {
+  border-right: 0;
+  border-left: 0;
+}
diff --git a/lib/bootstrap-colorpicker-rails/version.rb b/lib/bootstrap-colorpicker-rails/version.rb
index 5e2fb9d..1b5bdee 100644
--- a/lib/bootstrap-colorpicker-rails/version.rb
+++ b/lib/bootstrap-colorpicker-rails/version.rb
@@ -1,5 +1,5 @@
 module BootstrapColorpickerRails
   module Rails
-    VERSION = "0.3.1"
+    VERSION = "0.3.2"
   end
 end

From 8713de9122d21c9a22b47a63b8d62b1d008bfb02 Mon Sep 17 00:00:00 2001
From: Dimitris Klisiaris <dimitrisk@eproductions.gr>
Date: Wed, 5 Oct 2016 13:49:34 +0300
Subject: [PATCH 2/3] Bump version

---
 lib/bootstrap-colorpicker-rails/version.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/bootstrap-colorpicker-rails/version.rb b/lib/bootstrap-colorpicker-rails/version.rb
index 1b5bdee..75df5b3 100644
--- a/lib/bootstrap-colorpicker-rails/version.rb
+++ b/lib/bootstrap-colorpicker-rails/version.rb
@@ -1,5 +1,5 @@
 module BootstrapColorpickerRails
   module Rails
-    VERSION = "0.3.2"
+    VERSION = "0.4.1"
   end
 end

From f3f15042677adebbfe59629728e17ce9caa501e9 Mon Sep 17 00:00:00 2001
From: Dimitris Klisiaris <dimitrisk@eproductions.gr>
Date: Wed, 5 Oct 2016 14:04:35 +0300
Subject: [PATCH 3/3] Fix deprecation warnings and image url paths

---
 ...lorpicker.css.scss => bootstrap-colorpicker.scss} | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)
 rename app/assets/stylesheets/{bootstrap-colorpicker.css.scss => bootstrap-colorpicker.scss} (90%)

diff --git a/app/assets/stylesheets/bootstrap-colorpicker.css.scss b/app/assets/stylesheets/bootstrap-colorpicker.scss
similarity index 90%
rename from app/assets/stylesheets/bootstrap-colorpicker.css.scss
rename to app/assets/stylesheets/bootstrap-colorpicker.scss
index c35c615..ec1c2e1 100644
--- a/app/assets/stylesheets/bootstrap-colorpicker.css.scss
+++ b/app/assets/stylesheets/bootstrap-colorpicker.scss
@@ -10,7 +10,7 @@
 .colorpicker-saturation {
   width: 100px;
   height: 100px;
-  background-image: url("../img/bootstrap-colorpicker/saturation.png");
+  background-image: image-url("saturation.png");
   cursor: crosshair;
   float: left;
 }
@@ -58,10 +58,10 @@
   margin-top: -1px;
 }
 .colorpicker-hue {
-  background-image: url("../img/bootstrap-colorpicker/hue.png");
+  background-image: image-url("hue.png");
 }
 .colorpicker-alpha {
-  background-image: url("../img/bootstrap-colorpicker/alpha.png");
+  background-image: image-url("alpha.png");
   display: none;
 }
 .colorpicker-saturation,
@@ -121,7 +121,7 @@
   height: 10px;
   margin-top: 5px;
   clear: both;
-  background-image: url("../img/bootstrap-colorpicker/alpha.png");
+  background-image: image-url("alpha.png");
   background-position: 0 100%;
 }
 .colorpicker-color div {
@@ -189,10 +189,10 @@
   margin-top: 0px;
 }
 .colorpicker.colorpicker-horizontal .colorpicker-hue {
-  background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
+  background-image: image-url("hue-horizontal.png");
 }
 .colorpicker.colorpicker-horizontal .colorpicker-alpha {
-  background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
+  background-image: image-url("alpha-horizontal.png");
 }
 .colorpicker.colorpicker-hidden {
   display: none;