EÝÄ¢ëKöaVVÀsŠ„8Ÿ‚ä%Eu¶R®E\ý×K¾Ú
†¨Ql“åèÅõZêù}³SûƒâîýA1×5nd÷cUïJ‹_É‘™¬¾]!x#Üln0˜ªÍø!„%,2ÇÑ÷$º7”ÌR ¾¤‹ìÀ¢Ô[x*j®hy4ï¸÷¯]©
'Ù7ÍˆSÂÑä´`ÿÂà_H;2&õý&fi†+9Èæ0ÇÞ‚Pˆƒë9®Ñˆl/ŠÅðîD=æwáa¶hÙtbV—7ÙÖŒâ"@ 6y[Lê&÷ë2f×zF5Ò#LµËï³mì–	-µ›lÃ, _§¹j7XI	áÔû?3Ýt{Ž`¼ó­ýÃiœÓ<·0Ùë¼Q•%_¨åiÜÍÀ=Ã¢”U³Í€ŸšÉ¡I¬GæJ³ d¨2óe¸_2µyu»¤vüÆ•Ï+ï3ÄŸ5m£“ÁE¥+Ç=z½{¦ÓèI‹Nvž¥×à#pŸrZdŸNy5mÁáÚj`”#ii†è1P‚Ï¯ª6½#OÀÜR—ZzY¹âºßWª1`E*÷ÐÆù2:¤Ÿ;lÔ[ã+»Ôm_ÈÌö;M=º
/D´ÁùË²Ãõ	#„¦Ü²s¿áÉ7 =‘ÌšfO·e¸ÂÞ†Z®#jÞ¿ÝºEZrj#V½]}ëóU¢è?Å“K¸¾º%£~ITØ þWÎ`Ö©»½-H#; á3¼b•ò˜uð@éžPÇi¸~<üù›ìnÜüÐÌTxxÍ:‚´•-ÔPÇi¸~<üù›ìnÜüHg¬G2&×1ÖÎ²m¯—G¸däG…³Fê—ÇÈ¹}gfµŽ“Ñ\S_%Oö^p¾Þ[ƒKÜ-—eÂ¼lƒRgÇ\×8»óæ }ª®ïu,š¼øß©„ÿO­æ¼WŠ€ÛãÕ{\?'mÿ»U*}Ý’¶7­($M¸`¦êô¤Aôá˜¹o,[k@BUw†5-ÞÉ4’BGuú¦ª à£ýšØqm¦\¸$¸»õ¸-ÉË:L›6uì÷ví™IýJ>ÐÉ \n[:' qÕ¬uäÆ¢}OyŽ×@*Ãn#ÚYŒG…Íl‘hôœcIƒðÎC3aô‹rRéoŒŸ“S°‚Éiz‚/‡ ¾ZG›Wkl¨»×#.È*f^>Ñ:1j”îoºîñ¾‹hRâÿ=ˆo¾àãDÖKx“ŽûòD!”ÉSæ›gßê“;|³ã•_‚úP¸®îtVàÚ{dRÒ‘6¾ó×[ÙeVÓåühz©o\7ï_é6òj§wÄó(:º€ÂŒÑÿg–ê}ˆ¾ÝNÛ9ÿh,ÄF`0*gª´ž#&š=°•H¡C-üŠÁÏMr‡0KõäÊ6	uìIÕ*yì
hsþ. ÷:y z;AÎõo7sþõZq7–åó¨³}TòsÖ&HÂæÀå¶ÝRšYÉlÍŽhâ¤vp¢á‰=ë×UO/A¶lÌÌºÀñ¢þŒ;ïŒ½þãLt-d¼HÀ	¨¸ÜÐ‚öÁä–ïž"§Òi¿BDÓ‰Â®}Úy?UX¼’ œÿ¾zClç7+LÅÍ™ÕÁOìwÀ¼ ü¾¾.°âªFõå‰ ø­ÝÂš¹¿˜Ï­òŒÑDoðÍÿçWÌ»DÖ¢%J§1o–Š B7X	ãÌ…/Ä˜½g+Åß\Pô¼Ø`Óo7¤6ÿŽtAˆàä¹æ4&& N­M­z_ÛŠú^xé¿ M–\Òk!°ìAÆTEÿ!ãâ£ÛèÊÇÈ×)Æ¦àhÂIJP3‘¸ÚØWZ_— Î€yÁí(µÝ&Í³ÃÚkòÅ\Rÿˆµ ˜±™¥áÄ|úÕ=YGX$6é`”ö¶˜­]/Øä­7Ï4užÕáïÒ-Vú1…Ž÷)EêÜ~Ãháû±y¸œË+/@àµÁUO“), Rù[¶‚çÐÛÍg_õÚA æß3-)Ow@ÍC`õ¶Dò“Æ7' õGàQÆî‰ªè0í ûÉ¼çá7îmwšã³I=!ä‹F‡hë­‰u‰¾gÕß¤N){‰ï°<+m±Õ'1Ö±ù\~ñ+Uêºóñ—M•¸aI{0*Ä¾8±4ðú#c±~ÿhBp_jyÞï!BîË3jÝ&F°S‚o˜Rf¹ë“\þwtÃµðkoñÎåeæ“ç
ÍÆ®aã©ü1|‡°k«=]J“:]ZRîôÇªäe†€ÀþìÈÉW^w]TÛŽØrÖcP7cÖAOÞ'~5;ú@:µŒ^té`‹8éˆŒ‹Ï_PðÞ_ü>£¸ÍØ³	"…fþÔQv=Ç=wiy¨È[\}»?¾
æ7.gÖgWßy‡G–d"ÝæFQý%-ý= a,ÉóXù§:Ž¾×XRÀ…l‚rS¦O)¥+ó ÆÐÒvñ‘UçS/H¤{ð³Vë•‚ùÃàÒd†ÏÓµ tW-æûEKZ5¨Œ±ÊùFeÀíññsl\GáÍ@;fÀ¾zÛ¥ýä±¹¬vòzŒ¯«ÞŒ‰ÏÈ,íFàu&m`*—ÓœZ£«`œÔþ‰8Uè¬¾˜|’¨j]á—Ú~¿u¼x0³	^];iê|.ÌÂÃÂ¢”…—5îŸÀ¦êä&jT.¿=:{¹*Œ¿¡j(C±œ½Â’Jlu›³ÃÏ2\SMº+@RL/Òx¹íúäx¾?<YŒ2f¦0Å®aðS2“-‘Ø>hJví¸JŒ S%„ÀoÈCÓ}e= ‚Úùy°PS™ã†©Q,c÷‰/ZýÖ‡û(øŽìÓiSà.'ÆF_;W…€ajÖ½xü9¸jÏ¯¼2ñò†õ1‡×ž*cé¢4îû4Ø“C);w=Ã¢”U³Í€ŸšÉ¡I¬G¨òo®}y‘?ÂÚ®«*¢Aï‡ñæMá…vBÄH5H4Ü‚´æ°µZîïvœ\=Rzuáð«2Âð’jS)ã'W¢›%¦pü8Æ’¬A…ðƒ§S¥Ñ°H7m©hÓ½G.ü “™7"+‚iŠZ˜µ.	©O'Uu.3n9}é<"½¼¼o2Ã¾Ë“½‚|ó­¼à•†~ô@µBÒÙqÇúªÕÌ›>¥áaSzñPäÉK3CÍkÖ(6»$p‰ñ–éä–·Ã¾Ù>¦F²ù]É‡ˆ$XTáßðZ§¶z>(×^¿4;È¿>Éè3S_·%"Ž¶ ìaEŠ7Ë¹sŠWk=òmào;Ç
9a’`Z©Æp…+œ–ì0tbUTÜ¿¦Œù&`<ÀS6K­«¸_3I+è¦…VÔ‚0$íœcr›íÀÍßÕøaLä‡%é–õ–&yŽÀBmuHÑä¶ÅmA³ØeÀ&Aù¼TQ•exó`–°¼Ï`õøÓõl6‚‡J’6«2×È-¨*K>D ±¡«Q­%þ,¬ÑÒv©WÁ¤ d³›1Á
½iÿÁåÈ h´ÏLMFØãT·³ýjßTqŸx/PB!s®”íù>’‹âÏðO:+zÎÖ£Gu4@)îÇ#ÖSNÛâi7Ù×,EhanônÄ PbëãÆÃÅ•OhjT=Ë´E ­p³„×eö©-@+ñÞ’kŠb²•ö¥òƒ}…qÕ¼×#Ñ½%-ê!W`‚lØnãÏ}ÈñåR8ó“ßÌvÅ?ƒP™¬-ÞŽ³mÕ¥ÐiÞfÀÍŠb~€N»ýR\Ì(9™¦` o1šc©š«ô<¬CF-þSEeÿ‡“s+Âñ0|àåÚuò	==JBHümº9E!·
þÁ×f«vˆ%ö|øc< Ð#iÄ;"Ân(yë)ÛE þWÎ`Ö©»½-H#ùIÅDX4`RhŒ¦å¯6ìíéJô%iŽTÏƒdÏ%vbAËD-ÓbûœÈajŸ¯üMÒÄnT~ÔËrµåvÈ¢ÏVì–´^‹5-øLé0'°»„Ð†Ë4¥ìÆŸ,¸€…rc0É~¸EîtáKþ75bÍ±ÜuFZÍƒÕ¤˜¬š²ÎÆÚêèßí/%0.•ˆ™“Þ¨Àþ™Ä:sa¸{Îòž6q¨¡Ôô&«ôâœ0TŽÅÐÚ“J¤¤@ÒX:)š‹„ç—îXÉ Ž@Í^7){Ô§~
3LÇ6Š}5ÝF»lRÐoTI{óIeº<çju\÷õÔžš~/®ma¯Uë¨Çûªò­³z-‹:ùb²žµ‰.µçú T‡£I}ÑÝk#ý1µ/fløÜ8l@?ý–‰J…M«ÿ!Òe™7œ7öã-NØfÿ÷}C#Â·^É	ÆrÄ2ß¾5+b]9çL8lH:¼Æµ}Oè1ìÁùˆzRnÉŒË¢(ß°]'d)ÑóBê±A¬ôh
U_Ÿ4Ÿ	XþžNBÖ«¡­ÔÓesVTœ®§M'‚0~f&,,K‡LðFìÑ¥1ßILR+Sç”e•QÀrÓXúûÑu”V#
ˆóŒQE-ü»íba–­,µ`U0sX?¬ÒrZdŸNy5mÁáÚj`”#qõï% [˜t%ãV;°º¤¬ß^a‚)Ç¦k…¼æb"ÚÂ	1ú'u?muìE[EÌ­ºÊ;Îã‚¬Êa1wÒôðwo 2¤&ì¶‚wÁ¡RŽV=£Õ!¬1§ÛÊË'0µÁ/#
mëïqßá…¶#ÂµÝÖ¿.%ž4ÀôpIÚ*Hf•„Ú)}9jU@Ì€-i$º¤</PÂÙ§óÀ´Ö@6=ü²|Òáß[€ó¼øwiFØãâ¯å½à/TKÍEªÞÊ s¯f¹½­"IÑ½‡½ÏI/¨ËÌÝòïB¶DÉXÁ0‰ôZJµÙ·Ôlrc¢Ëw¹ÄH‹/¸õË¥p,„Ó‰B«å·^ßýž¶2¤6År$íúÆ›'—g½	Eçë1Lu^5!šâ0¾ÛZ`Jüd1H.¢×(MíÄ-ÈòŽ4=¼âhðì1:“ƒ¼4fR»Sw‡¿ø[wq÷´Hj7¢þÂ{èG4–îþŽµ^¶T'‡–‰ü4Áv1	Eq®(Ê¢¶_ YDCÇ^˜ñ–r¹‚àpmûõµA$Èu~ìÞC¡*ëò“šàÚÖ’Ëë%ØéN›ë¶Ø6í#;“Ýb«V+k»¦.òt¸VOtOWeoåæŒáŸ´5«ªGr04è¼¹Û §÷«Ã“YÙú¬szÅŒf±qÖP¥aŠ¥é¶Ã1ÎíÕ”ð‡¥çÁÞÑ¶z†Ã›*Ÿ“:õpÚD#]®õƒq•‘Z*ÿ÷±ration, etc.\n$bar-size-large: ($bar-size-short * $columns) + ($base-margin * ($columns - 1));\n\n@mixin bgCheckerBox($size: 10px) {\n  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0),\n  linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0),\n  rgb(255, 255, 255);\n  background-size: $size $size;\n  background-position: 0 0, $size/2 $size/2;\n}\n\n@mixin bgSaturation() {\n  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%),\n  -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1))),\n  -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%),\n  -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%),\n  -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%),\n  -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%),\n  linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */\n}\n\n@mixin bgHueHorizontal() {\n  background: -moz-linear-gradient(right, rgb(255, 0, 0) 0%, rgb(255, 128, 0) 8%, rgb(255, 255, 0) 17%, rgb(128, 255, 0) 25%, rgb(0, 255, 0) 33%, rgb(0, 255, 128) 42%, rgb(0, 255, 255) 50%, rgb(0, 128, 255) 58%, rgb(0, 0, 255) 67%, rgb(128, 0, 255) 75%, rgb(255, 0, 255) 83%, rgb(255, 0, 128) 92%, rgb(255, 0, 0) 100%); /* FF3.6+ */\n  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgb(255, 0, 0)), color-stop(8%, rgb(255, 128, 0)), color-stop(17%, rgb(255, 255, 0)), color-stop(25%, rgb(128, 255, 0)), color-stop(33%, rgb(0, 255, 0)), color-stop(42%, rgb(0, 255, 128)), color-stop(50%, rgb(0, 255, 255)), color-stop(58%, rgb(0, 128, 255)), color-stop(67%, rgb(0, 0, 255)), color-stop(75%, rgb(128, 0, 255)), color-stop(83%, rgb(255, 0, 255)), color-stop(92%, rgb(255, 0, 128)), color-stop(100%, rgb(255, 0, 0))); /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(right, rgb(255, 0, 0) 0%, rgb(255, 128, 0) 8%, rgb(255, 255, 0) 17%, rgb(128, 255, 0) 25%, rgb(0, 255, 0) 33%, rgb(0, 255, 128) 42%, rgb(0, 255, 255) 50%, rgb(0, 128, 255) 58%, rgb(0, 0, 255) 67%, rgb(128, 0, 255) 75%, rgb(255, 0, 255) 83%, rgb(255, 0, 128) 92%, rgb(255, 0, 0) 100%); /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(right, rgb(255, 0, 0) 0%, rgb(255, 128, 0) 8%, rgb(255, 255, 0) 17%, rgb(128, 255, 0) 25%, rgb(0, 255, 0) 33%, rgb(0, 255, 128) 42%, rgb(0, 255, 255) 50%, rgb(0, 128, 255) 58%, rgb(0, 0, 255) 67%, rgb(128, 0, 255) 75%, rgb(255, 0, 255) 83%, rgb(255, 0, 128) 92%, rgb(255, 0, 0) 100%); /* Opera 11.10+ */\n  background: -ms-linear-gradient(right, rgb(255, 0, 0) 0%, rgb(255, 128, 0) 8%, rgb(255, 255, 0) 17%, rgb(128, 255, 0) 25%, rgb(0, 255, 0) 33%, rgb(0, 255, 128) 42%, rgb(0, 255, 255) 50%, rgb(0, 128, 255) 58%, rgb(0, 0, 255) 67%, rgb(128, 0, 255) 75%, rgb(255, 0, 255) 83%, rgb(255, 0, 128) 92%, rgb(255, 0, 0) 100%); /* IE10+ */\n  background: linear-gradient(to left, rgb(255, 0, 0) 0%, rgb(255, 128, 0) 8%, rgb(255, 255, 0) 17%, rgb(128, 255, 0) 25%, rgb(0, 255, 0) 33%, rgb(0, 255, 128) 42%, rgb(0, 255, 255) 50%, rgb(0, 128, 255) 58%, rgb(0, 0, 255) 67%, rgb(128, 0, 255) 75%, rgb(255, 0, 255) 83%, rgb(255, 0, 128) 92%, rgb(255, 0, 0) 100%); /* W3C */\n\n}\n\n@mixin bgHueVertical() {\n  background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 128, 0, 1) 8%, rgba(255, 255, 0, 1) 17%, rgba(128, 255, 0, 1) 25%, rgba(0, 255, 0, 1) 33%, rgba(0, 255, 128, 1) 42%, rgba(0, 255, 255, 1) 50%, rgba(0, 128, 255, 1) 58%, rgba(0, 0, 255, 1) 67%, rgba(128, 0, 255, 1) 75%, rgba(255, 0, 255, 1) 83%, rgba(255, 0, 128, 1) 92%, rgba(255, 0, 0, 1) 100%); /* FF3.6+ */\n  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(8%, rgba(255, 128, 0, 1)), color-stop(17%, rgba(255, 255, 0, 1)), color-stop(25%, rgba(128, 255, 0, 1)), color-stop(33%, rgba(0, 255, 0, 1)), color-stop(42%, rgba(0, 255, 128, 1)), color-stop(50%, rgba(0, 255, 255, 1)), color-stop(58%, rgba(0, 128, 255, 1)), color-stop(67%, rgba(0, 0, 255, 1)), color-stop(75%, rgba(128, 0, 255, 1)), color-stop(83%, rgba(255, 0, 255, 1)), color-stop(92%, rgba(255, 0, 128, 1)), color-stop(100%, rgba(255, 0, 0, 1))); /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 128, 0, 1) 8%, rgba(255, 255, 0, 1) 17%, rgba(128, 255, 0, 1) 25%, rgba(0, 255, 0, 1) 33%, rgba(0, 255, 128, 1) 42%, rgba(0, 255, 255, 1) 50%, rgba(0, 128, 255, 1) 58%, rgba(0, 0, 255, 1) 67%, rgba(128, 0, 255, 1) 75%, rgba(255, 0, 255, 1) 83%, rgba(255, 0, 128, 1) 92%, rgba(255, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 128, 0, 1) 8%, rgba(255, 255, 0, 1) 17%, rgba(128, 255, 0, 1) 25%, rgba(0, 255, 0, 1) 33%, rgba(0, 255, 128, 1) 42%, rgba(0, 255, 255, 1) 50%, rgba(0, 128, 255, 1) 58%, rgba(0, 0, 255, 1) 67%, rgba(128, 0, 255, 1) 75%, rgba(255, 0, 255, 1) 83%, rgba(255, 0, 128, 1) 92%, rgba(255, 0, 0, 1) 100%); /* Opera 11.10+ */\n  background: -ms-linear-gradient(bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 128, 0, 1) 8%, rgba(255, 255, 0, 1) 17%, rgba(128, 255, 0, 1) 25%, rgba(0, 255, 0, 1) 33%, rgba(0, 255, 128, 1) 42%, rgba(0, 255, 255, 1) 50%, rgba(0, 128, 255, 1) 58%, rgba(0, 0, 255, 1) 67%, rgba(128, 0, 255, 1) 75%, rgba(255, 0, 255, 1) 83%, rgba(255, 0, 128, 1) 92%, rgba(255, 0, 0, 1) 100%); /* IE10+ */\n  background: linear-gradient(to top, rgba(255, 0, 0, 1) 0%, rgba(255, 128, 0, 1) 8%, rgba(255, 255, 0, 1) 17%, rgba(128, 255, 0, 1) 25%, rgba(0, 255, 0, 1) 33%, rgba(0, 255, 128, 1) 42%, rgba(0, 255, 255, 1) 50%, rgba(0, 128, 255, 1) 58%, rgba(0, 0, 255, 1) 67%, rgba(128, 0, 255, 1) 75%, rgba(255, 0, 255, 1) 83%, rgba(255, 0, 128, 1) 92%, rgba(255, 0, 0, 1) 100%); /* W3C */\n}\n\n.colorpicker {\n  position: relative;\n  display: none;\n  font-size: inherit;\n  color: inherit;\n  text-align: left;\n  list-style: none;\n  background-color: #ffffff;\n  background-clip: padding-box;\n  border: 1px solid $outline-color;\n  //box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n  padding: .75rem .75rem;\n  width: ($bar-size-large + $base-margin + $bar-size-short);\n  border-radius: 4px;\n  box-sizing: content-box;\n}\n\n.colorpicker.colorpicker-disabled,\n.colorpicker.colorpicker-disabled * {\n  cursor: default !important;\n}\n\n.colorpicker div {\n  position: relative;\n}\n\n.colorpicker-popup {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  float: left;\n  margin-top: 1px;\n  z-index: 1060;\n}\n\n.colorpicker-popup.colorpicker-bs-popover-content {\n  position: relative;\n  top: auto;\n  left: auto;\n  float: none;\n  margin: 0;\n  z-index: initial;\n  border: none;\n  padding: 0.25rem 0; // popover padding correction\n  border-radius: 0;\n  background: none;\n  box-shadow: none;\n}\n\n.colorpicker:before,\n.colorpicker:after {\n  content: \"\";\n  display: table;\n  clear: both;\n  line-height: 0;\n}\n\n.colorpicker-clear {\n  clear: both;\n  display: block;\n}\n\n.colorpicker:before {\n  content: '';\n  display: inline-block;\n  border-left: 7px solid transparent;\n  border-right: 7px solid transparent;\n  border-bottom: 7px solid #ccc;\n  border-bottom-color: $outline-color;\n  position: absolute;\n  top: -7px;\n  left: auto;\n  right: 6px;\n}\n\n.colorpicker:after {\n  content: '';\n  display: inline-block;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid #ffffff;\n  position: absolute;\n  top: -6px;\n  left: auto;\n  right: 7px;\n}\n\n.colorpicker.colorpicker-with-alpha {\n  width: ($bar-size-large + (($base-margin + $bar-size-short) * 2));\n}\n\n.colorpicker.colorpicker-with-alpha .colorpicker-alpha {\n  display: block;\n}\n\n.colorpicker-saturation {\n  position: relative;\n  width: $bar-size-large;\n  height: $bar-size-large;\n  @include bgSaturation();\n  cursor: crosshair;\n  float: left;\n  box-shadow: $box-shadow-outline;\n  margin-bottom: $base-margin;\n\n  .colorpicker-guide {\n    display: block;\n    height: 6px;\n    width: 6px;\n    border-radius: 6px;\n    border: 1px solid #000;\n    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin: -3px 0 0 -3px;\n  }\n}\n\n.colorpicker-hue,\n.colorpicker-alpha {\n  position: relative;\n  width: $bar-size-short;\n  height: $bar-size-large;\n  float: left;\n  cursor: row-resize;\n  margin-left: $base-margin;\n  margin-bottom: $base-margin;\n}\n\n.colorpicker-alpha-color {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.colorpicker-hue,\n.colorpicker-alpha-color {\n  box-shadow: $box-shadow-outline;\n}\n\n.colorpicker-hue .colorpicker-guide,\n.colorpicker-alpha .colorpicker-guide {\n  display: block;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.8);\n  border: 1px solid rgba(0, 0, 0, 0.4);\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin-left: -2px;\n  margin-top: -2px;\n  right: -2px;\n  z-index: 1;\n}\n\n.colorpicker-hue {\n  @include bgHueVertical();\n}\n\n.colorpicker-alpha {\n  @include bgCheckerBox();\n  display: none;\n}\n\n.colorpicker-bar {\n  min-height: $bar-size-short;\n  margin: $base-margin 0 0 0;\n  clear: both;\n  text-align: center;\n  font-size: 10px;\n  line-height: normal;\n  max-width: 100%;\n  box-shadow: $box-shadow-outline;\n\n  &:before {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n}\n\n.colorpicker-bar.colorpicker-bar-horizontal {\n  height: $bar-size-large;\n  width: $bar-size-short;\n  margin: 0 0 $base-margin 0;\n  float: left;\n}\n\n.colorpicker-input-addon {\n  position: relative;\n}\n\n.colorpicker-input-addon i {\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: text-top;\n  height: 16px;\n  width: 16px;\n  position: relative;\n}\n\n.colorpicker-input-addon:before {\n  content: \"\";\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  vertical-align: text-top;\n  @include bgCheckerBox();\n}\n\n.colorpicker.colorpicker-inline {\n  position: relative;\n  display: inline-block;\n  float: none;\n  z-index: auto;\n  vertical-align: text-bottom;\n}\n\n.colorpicker.colorpicker-horizontal {\n  width: $bar-size-large;\n  height: auto;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-bar {\n  width: $bar-size-large;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-saturation {\n  float: none;\n  margin-bottom: 0;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n  float: none;\n  width: $bar-size-large;\n  height: $bar-size-short;\n  cursor: col-resize;\n  margin-left: 0;\n  margin-top: $base-margin;\n  margin-bottom: 0;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {\n  position: absolute;\n  display: block;\n  bottom: -2px;\n  left: 0;\n  right: auto;\n  height: auto;\n  width: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue {\n  @include bgHueHorizontal();\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n  @include bgCheckerBox();\n}\n\n.colorpicker-inline:before,\n.colorpicker-no-arrow:before,\n.colorpicker-popup.colorpicker-bs-popover-content:before {\n  content: none;\n  display: none;\n}\n\n.colorpicker-inline:after,\n.colorpicker-no-arrow:after,\n.colorpicker-popup.colorpicker-bs-popover-content:after {\n  content: none;\n  display: none;\n}\n\n\n.colorpicker-alpha,\n.colorpicker-saturation,\n.colorpicker-hue {\n  user-select: none;\n}\n\n.colorpicker,\n.colorpicker-alpha,\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-bar {\n  &.colorpicker-visible {\n    display: block;\n  }\n}\n\n.colorpicker,\n.colorpicker-alpha,\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-bar {\n  &.colorpicker-hidden {\n    display: none;\n  }\n}\n\n.colorpicker-inline.colorpicker-visible {\n  display: inline-block;\n}\n\n.colorpicker.colorpicker-disabled:after {\n  border: none;\n  content: '';\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: rgba(233, 236, 239, 0.33);\n  top: 0;\n  left: 0;\n  right: auto;\n  z-index: 2;\n  position: absolute;\n}\n\n.colorpicker.colorpicker-disabled .colorpicker-guide {\n  display: none;\n}\n\n/** EXTENSIONS **/\n\n.colorpicker-preview {\n  @include bgCheckerBox();\n}\n\n.colorpicker-preview > div {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.colorpicker-bar.colorpicker-swatches {\n  box-shadow: none;\n  height: auto;\n}\n\n.colorpicker-swatches--inner {\n  clear: both;\n  margin-top: -$base-margin;\n}\n\n.colorpicker-swatch {\n  position: relative;\n  cursor: pointer;\n  float: left;\n  height: $bar-size-short;\n  width: $bar-size-short;\n  margin-right: $base-margin;\n  margin-top: $base-margin;\n  margin-left: 0;\n  display: block;\n  box-shadow: $box-shadow-outline;\n  @include bgCheckerBox();\n}\n\n.colorpicker-swatch--inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n// saturation + hue vertical (clear margin-right on nth column + 1)\n.colorpicker-swatch:nth-of-type(#{$columns + 1}n+0) {\n  margin-right: 0;\n}\n\n// saturation + hue + alpha vertical (clear margin-right on nth column + 2)\n.colorpicker-with-alpha {\n  .colorpicker-swatch:nth-of-type(#{$columns + 1}n+0) {\n    margin-right: $base-margin;\n  }\n\n  .colorpicker-swatch:nth-of-type(#{$columns + 2}n+0) {\n    margin-right: 0;\n  }\n}\n\n// horizontal mode (clear margin-right on nth column)\n.colorpicker-horizontal {\n  .colorpicker-swatch:nth-of-type(#{$columns}n+0) {\n    margin-right: 0;\n  }\n\n  .colorpicker-swatch:nth-of-type(#{$columns + 1}n+0) {\n    margin-right: $base-margin;\n  }\n\n  .colorpicker-swatch:nth-of-type(#{$columns + 2}n+0) {\n    margin-right: $base-margin;\n  }\n}\n\n.colorpicker-swatch:last-of-type:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n// RTL writing mode support\n*[dir='rtl'] .colorpicker-element input,\n.colorpicker-element[dir='rtl'] input,\n.colorpicker-element input[dir='rtl'] {\n  direction: ltr;\n  text-align: right;\n}\n"]}