{% if isHandler('nsm') %}
	<div class="bb-pane" role="toolbar">
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[b]','[/b]', {{ area }})" title="{{ lang.theme.b_b }}"><i class="fa fa-bold"></i></button>
			<button type="button" class="btn" onclick="insertext('[i]','[/i]', {{ area }})" title="{{ lang.theme.b_i }}"><i class="fa fa-italic"></i></button>
			<button type="button" class="btn" onclick="insertext('[u]','[/u]', {{ area }})" title="{{ lang.theme.b_u }}"><i class="fa fa-underline"></i></button>
			<button type="button" class="btn" onclick="insertext('[s]','[/s]', {{ area }})" title="{{ lang.theme.b_s }}"><i class="fa fa-strikethrough"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[img=http://]','[/img]', {{ area }})" title="{{ lang.theme.b_img }}"><i class="fa fa-picture-o"></i></button>
			<button type="button" class="btn" title="{{ lang.theme.b_up }}"><i class="fa fa-folder-open"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" title="{{ lang.theme.b_emo }}"><i class="fa fa-smile-o"></i></button>
			<ul class="dropdown-menu">
				<li>
					<div class="emoji_box">
						<div class="emoji_list">
							<table cellpadding="0" cellspacing="0" border="0" width="100%">
								<tr>
									<th onclick="insertext(':angry:','', {{ area }})"><img src="{{ skins_url }}/smilies/angry.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':biggrin:','', {{ area }})"><img src="{{ skins_url }}/smilies/biggrin.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':blush:','', {{ area }})"><img src="{{ skins_url }}/smilies/blush.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':confused:','', {{ area }})"><img src="{{ skins_url }}/smilies/confused.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':cool:','', {{ area }})"><img src="{{ skins_url }}/smilies/cool.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
								<tr>
									<th onclick="insertext(':crazy:','', {{ area }})"><img src="{{ skins_url }}/smilies/crazy.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':cry:','', {{ area }})"><img src="{{ skins_url }}/smilies/cry.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':kiss:','', {{ area }})"><img src="{{ skins_url }}/smilies/kiss.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':sad:','', {{ area }})"><img src="{{ skins_url }}/smilies/sad.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':shhh:','', {{ area }})"><img src="{{ skins_url }}/smilies/shhh.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
								<tr>
									<th onclick="insertext(':smile:','', {{ area }})"><img src="{{ skins_url }}/smilies/smile.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':surprise:','', {{ area }})"><img src="{{ skins_url }}/smilies/surprise.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':thinking:','', {{ area }})"><img src="{{ skins_url }}/smilies/thinking.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':tired:','', {{ area }})"><img src="{{ skins_url }}/smilies/tired.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':tongue:','', {{ area }})"><img src="{{ skins_url }}/smilies/tongue.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
								<tr>
									<th onclick="insertext(':undecide:','', {{ area }})"><img src="{{ skins_url }}/smilies/undecide.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':upset:','', {{ area }})"><img src="{{ skins_url }}/smilies/upset.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':wink:','', {{ area }})"><img src="{{ skins_url }}/smilies/wink.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':up:','', {{ area }})"><img src="{{ skins_url }}/smilies/up.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':down:','', {{ area }})"><img src="{{ skins_url }}/smilies/down.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
							</table>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[url]','[/url]', {{ area }})" title="{{ lang.theme.b_url }}"><i class="fa fa-link"></i></button>
			<button type="button" class="btn" onclick="insertext('[email]','[/email]', {{ area }})" title="{{ lang.theme.b_email }}"><i class="fa fa-envelope"></i></button>
		</div>
		{% if pluginIsActive('bb_media') %}
			<div class="btn-group btn-group-sm mr-2">
				<button type="button" class="btn" onclick="insertext('[media]','[/media]', {{ area }})" title="{{ lang.theme.b_media }}"><i class="fa fa-video-camera"></i></button>
			</div>
		{% endif %}
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[hide]','[/hide]', {{ area }})" title="{{ lang.theme.b_hide }}"><i class="fa fa-eye-slash"></i></button>
			<button type="button" class="btn" onclick="insertext('[quote]','[/quote]', {{ area }})" title="{{ lang.theme.b_quote }}"><i class="fa fa-quote-left"></i></button>
			<button type="button" class="btn" onclick="insertext('[code]','[/code]', {{ area }})" title="{{ lang.theme.b_code }}"><i class="fa fa-code"></i></button>
		</div>
		<div class="clr"></div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[acronym=]','[/acronym]', {{ area }})" title="{{ lang.theme.b_acronym }}"><i class="fa fa-font"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[left]','[/left]', {{ area }})" title="{{ lang.theme.b_left }}"><i class="fa fa-align-left"></i></button>
			<button type="button" class="btn" onclick="insertext('[center]','[/center]', {{ area }})" title="{{ lang.theme.b_center }}"><i class="fa fa-align-center"></i></button>
			<button type="button" class="btn" onclick="insertext('[right]','[/right]', {{ area }})" title="{{ lang.theme.b_right }}"><i class="fa fa-align-right"></i></button>
			<button type="button" class="btn" onclick="insertext('[justify]','[/justify]', {{ area }})" title="{{ lang.theme.b_justify }}"><i class="fa fa-align-justify"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" title="{{ lang.theme.b_color }}"><i class="fa fa-tint"></i></button>
			<ul class="dropdown-menu">
				<li>
					<div class="color-palette">
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#000000]','[/color]', {{ area }})" class="color-btn" style="background-color:#000000;" data-value="#000000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#424242]','[/color]', {{ area }})" class="color-btn" style="background-color:#424242;" data-value="#424242"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#636363]','[/color]', {{ area }})" class="color-btn" style="background-color:#636363;" data-value="#636363"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9C9C94]','[/color]', {{ area }})" class="color-btn" style="background-color:#9C9C94;" data-value="#9C9C94"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CEC6CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#CEC6CE;" data-value="#CEC6CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#EFEFEF]','[/color]', {{ area }})" class="color-btn" style="background-color:#EFEFEF;" data-value="#EFEFEF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#F7F7F7]','[/color]', {{ area }})" class="color-btn" style="background-color:#F7F7F7;" data-value="#F7F7F7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFFFFF]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFFFFF;" data-value="#FFFFFF"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FF0000]','[/color]', {{ area }})" class="color-btn" style="background-color:#FF0000;" data-value="#FF0000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FF9C00]','[/color]', {{ area }})" class="color-btn" style="background-color:#FF9C00;" data-value="#FF9C00"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFFF00]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFFF00;" data-value="#FFFF00"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#00FF00]','[/color]', {{ area }})" class="color-btn" style="background-color:#00FF00;" data-value="#00FF00"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#00FFFF]','[/color]', {{ area }})" class="color-btn" style="background-color:#00FFFF;" data-value="#00FFFF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#0000FF]','[/color]', {{ area }})" class="color-btn" style="background-color:#0000FF;" data-value="#0000FF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9C00FF]','[/color]', {{ area }})" class="color-btn" style="background-color:#9C00FF;" data-value="#9C00FF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FF00FF]','[/color]', {{ area }})" class="color-btn" style="background-color:#FF00FF;" data-value="#FF00FF"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#F7C6CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#F7C6CE;" data-value="#F7C6CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFE7CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFE7CE;" data-value="#FFE7CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFEFC6]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFEFC6;" data-value="#FFEFC6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#D6EFD6]','[/color]', {{ area }})" class="color-btn" style="background-color:#D6EFD6;" data-value="#D6EFD6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CEDEE7]','[/color]', {{ area }})" class="color-btn" style="background-color:#CEDEE7;" data-value="#CEDEE7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CEE7F7]','[/color]', {{ area }})" class="color-btn" style="background-color:#CEE7F7;" data-value="#CEE7F7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#D6D6E7]','[/color]', {{ area }})" class="color-btn" style="background-color:#D6D6E7;" data-value="#D6D6E7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E7D6DE]','[/color]', {{ area }})" class="color-btn" style="background-color:#E7D6DE;" data-value="#E7D6DE"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E79C9C]','[/color]', {{ area }})" class="color-btn" style="background-color:#E79C9C;" data-value="#E79C9C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFC69C]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFC69C;" data-value="#FFC69C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFE79C]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFE79C;" data-value="#FFE79C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#B5D6A5]','[/color]', {{ area }})" class="color-btn" style="background-color:#B5D6A5;" data-value="#B5D6A5"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#A5C6CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#A5C6CE;" data-value="#A5C6CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9CC6EF]','[/color]', {{ area }})" class="color-btn" style="background-color:#9CC6EF;" data-value="#9CC6EF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#B5A5D6]','[/color]', {{ area }})" class="color-btn" style="background-color:#B5A5D6;" data-value="#B5A5D6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#D6A5BD]','[/color]', {{ area }})" class="color-btn" style="background-color:#D6A5BD;" data-value="#D6A5BD"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E76363]','[/color]', {{ area }})" class="color-btn" style="background-color:#E76363;" data-value="#E76363"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#F7AD6B]','[/color]', {{ area }})" class="color-btn" style="background-color:#F7AD6B;" data-value="#F7AD6B"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFD663]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFD663;" data-value="#FFD663"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#94BD7B]','[/color]', {{ area }})" class="color-btn" style="background-color:#94BD7B;" data-value="#94BD7B"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#73A5AD]','[/color]', {{ area }})" class="color-btn" style="background-color:#73A5AD;" data-value="#73A5AD"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#6BADDE]','[/color]', {{ area }})" class="color-btn" style="background-color:#6BADDE;" data-value="#6BADDE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#8C7BC6]','[/color]', {{ area }})" class="color-btn" style="background-color:#8C7BC6;" data-value="#8C7BC6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#C67BA5]','[/color]', {{ area }})" class="color-btn" style="background-color:#C67BA5;" data-value="#C67BA5"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CE0000]','[/color]', {{ area }})" class="color-btn" style="background-color:#CE0000;" data-value="#CE0000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E79439]','[/color]', {{ area }})" class="color-btn" style="background-color:#E79439;" data-value="#E79439"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#EFC631]','[/color]', {{ area }})" class="color-btn" style="background-color:#EFC631;" data-value="#EFC631"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#6BA54A]','[/color]', {{ area }})" class="color-btn" style="background-color:#6BA54A;" data-value="#6BA54A"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#4A7B8C]','[/color]', {{ area }})" class="color-btn" style="background-color:#4A7B8C;" data-value="#4A7B8C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#3984C6]','[/color]', {{ area }})" class="color-btn" style="background-color:#3984C6;" data-value="#3984C6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#634AA5]','[/color]', {{ area }})" class="color-btn" style="background-color:#634AA5;" data-value="#634AA5"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#A54A7B]','[/color]', {{ area }})" class="color-btn" style="background-color:#A54A7B;" data-value="#A54A7B"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9C0000]','[/color]', {{ area }})" class="color-btn" style="background-color:#9C0000;" data-value="#9C0000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#B56308]','[/color]', {{ area }})" class="color-btn" style="background-color:#B56308;" data-value="#B56308"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#BD9400]','[/color]', {{ area }})" class="color-btn" style="background-color:#BD9400;" data-value="#BD9400"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#397B21]','[/color]', {{ area }})" class="color-btn" style="background-color:#397B21;" data-value="#397B21"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#104A5A]','[/color]', {{ area }})" class="color-btn" style="background-color:#104A5A;" data-value="#104A5A"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#085294]','[/color]', {{ area }})" class="color-btn" style="background-color:#085294;" data-value="#085294"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#311873]','[/color]', {{ area }})" class="color-btn" style="background-color:#311873;" data-value="#311873"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#731842]','[/color]', {{ area }})" class="color-btn" style="background-color:#731842;" data-value="#731842"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#630000]','[/color]', {{ area }})" class="color-btn" style="background-color:#630000;" data-value="#630000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#7B3900]','[/color]', {{ area }})" class="color-btn" style="background-color:#7B3900;" data-value="#7B3900"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#846300]','[/color]', {{ area }})" class="color-btn" style="background-color:#846300;" data-value="#846300"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#295218]','[/color]', {{ area }})" class="color-btn" style="background-color:#295218;" data-value="#295218"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#083139]','[/color]', {{ area }})" class="color-btn" style="background-color:#083139;" data-value="#083139"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#003163]','[/color]', {{ area }})" class="color-btn" style="background-color:#003163;" data-value="#003163"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#21104A]','[/color]', {{ area }})" class="color-btn" style="background-color:#21104A;" data-value="#21104A"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#4A1031]','[/color]', {{ area }})" class="color-btn" style="background-color:#4A1031;" data-value="#4A1031"></button>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[spoiler]','[/spoiler]', {{ area }})" title="{{ lang.theme.b_spoiler }}"><i class="fa fa-tasks"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[ul]\n[li][/li]\n[li][/li]\n[li][/li]\n[/ul]','', {{ area }})" title="{{ lang.theme.b_list }}"><i class="fa fa-list"></i></button>
			<button type="button" class="btn" onclick="insertext('[ol]\n[li][/li]\n[li][/li]\n[li][/li]\n[/ol]','', {{ area }})" title="{{ lang.theme.b_ol }}"><i class="fa fa-list-ol"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('<!--more-->','', {{ area }})" title="{{ lang.theme.b_br }}"><i class="fa fa-files-o"></i></button>
			<button type="button" class="btn" onclick="insertext('<!--nextpage-->','', {{ area }})" title="{{ lang.theme.b_pl }}"><i class="fa fa-long-arrow-right"></i></button>
		</div>
	</div>
{% else %}
	<div class="bb-pane" role="toolbar">
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[b]','[/b]', {{ area }})" title="{{ lang.theme.b_b }}"><i class="fa fa-bold"></i></button>
			<button type="button" class="btn" onclick="insertext('[i]','[/i]', {{ area }})" title="{{ lang.theme.b_i }}"><i class="fa fa-italic"></i></button>
			<button type="button" class="btn" onclick="insertext('[u]','[/u]', {{ area }})" title="{{ lang.theme.b_u }}"><i class="fa fa-underline"></i></button>
			<button type="button" class="btn" onclick="insertext('[s]','[/s]', {{ area }})" title="{{ lang.theme.b_s }}"><i class="fa fa-strikethrough"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[left]','[/left]', {{ area }})" title="{{ lang.theme.b_left }}"><i class="fa fa-align-left"></i></button>
			<button type="button" class="btn" onclick="insertext('[center]','[/center]', {{ area }})" title="{{ lang.theme.b_center }}"><i class="fa fa-align-center"></i></button>
			<button type="button" class="btn" onclick="insertext('[right]','[/right]', {{ area }})" title="{{ lang.theme.b_right }}"><i class="fa fa-align-right"></i></button>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" title="{{ lang.theme.b_emo }}"><i class="fa fa-smile-o"></i></button>
			<ul class="dropdown-menu">
				<li>
					<div class="emoji_box">
						<div class="emoji_list">
							<table cellpadding="0" cellspacing="0" border="0" width="100%">
								<tr>
									<th onclick="insertext(':angry:','', {{ area }})"><img src="{{ skins_url }}/smilies/angry.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':biggrin:','', {{ area }})"><img src="{{ skins_url }}/smilies/biggrin.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':blush:','', {{ area }})"><img src="{{ skins_url }}/smilies/blush.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':confused:','', {{ area }})"><img src="{{ skins_url }}/smilies/confused.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':cool:','', {{ area }})"><img src="{{ skins_url }}/smilies/cool.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
								<tr>
									<th onclick="insertext(':crazy:','', {{ area }})"><img src="{{ skins_url }}/smilies/crazy.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':cry:','', {{ area }})"><img src="{{ skins_url }}/smilies/cry.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':kiss:','', {{ area }})"><img src="{{ skins_url }}/smilies/kiss.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':sad:','', {{ area }})"><img src="{{ skins_url }}/smilies/sad.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':shhh:','', {{ area }})"><img src="{{ skins_url }}/smilies/shhh.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
								<tr>
									<th onclick="insertext(':smile:','', {{ area }})"><img src="{{ skins_url }}/smilies/smile.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':surprise:','', {{ area }})"><img src="{{ skins_url }}/smilies/surprise.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':thinking:','', {{ area }})"><img src="{{ skins_url }}/smilies/thinking.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':tired:','', {{ area }})"><img src="{{ skins_url }}/smilies/tired.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':tongue:','', {{ area }})"><img src="{{ skins_url }}/smilies/tongue.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
								<tr>
									<th onclick="insertext(':undecide:','', {{ area }})"><img src="{{ skins_url }}/smilies/undecide.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':upset:','', {{ area }})"><img src="{{ skins_url }}/smilies/upset.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':wink:','', {{ area }})"><img src="{{ skins_url }}/smilies/wink.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':up:','', {{ area }})"><img src="{{ skins_url }}/smilies/up.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
									<th onclick="insertext(':down:','', {{ area }})"><img src="{{ skins_url }}/smilies/down.png" alt="" style="margin: 10px; cursor: pointer;" border="0" height="15" width="15"></th>
								</tr>
							</table>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[url]','[/url]', {{ area }})" title="{{ lang.theme.b_url }}"><i class="fa fa-link"></i></button>
			<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" title="{{ lang.theme.b_color }}"><i class="fa fa-tint"></i></button>
			<ul class="dropdown-menu">
				<li>
					<div class="color-palette">
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#000000]','[/color]', {{ area }})" class="color-btn" style="background-color:#000000;" data-value="#000000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#424242]','[/color]', {{ area }})" class="color-btn" style="background-color:#424242;" data-value="#424242"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#636363]','[/color]', {{ area }})" class="color-btn" style="background-color:#636363;" data-value="#636363"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9C9C94]','[/color]', {{ area }})" class="color-btn" style="background-color:#9C9C94;" data-value="#9C9C94"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CEC6CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#CEC6CE;" data-value="#CEC6CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#EFEFEF]','[/color]', {{ area }})" class="color-btn" style="background-color:#EFEFEF;" data-value="#EFEFEF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#F7F7F7]','[/color]', {{ area }})" class="color-btn" style="background-color:#F7F7F7;" data-value="#F7F7F7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFFFFF]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFFFFF;" data-value="#FFFFFF"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FF0000]','[/color]', {{ area }})" class="color-btn" style="background-color:#FF0000;" data-value="#FF0000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FF9C00]','[/color]', {{ area }})" class="color-btn" style="background-color:#FF9C00;" data-value="#FF9C00"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFFF00]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFFF00;" data-value="#FFFF00"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#00FF00]','[/color]', {{ area }})" class="color-btn" style="background-color:#00FF00;" data-value="#00FF00"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#00FFFF]','[/color]', {{ area }})" class="color-btn" style="background-color:#00FFFF;" data-value="#00FFFF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#0000FF]','[/color]', {{ area }})" class="color-btn" style="background-color:#0000FF;" data-value="#0000FF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9C00FF]','[/color]', {{ area }})" class="color-btn" style="background-color:#9C00FF;" data-value="#9C00FF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FF00FF]','[/color]', {{ area }})" class="color-btn" style="background-color:#FF00FF;" data-value="#FF00FF"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#F7C6CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#F7C6CE;" data-value="#F7C6CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFE7CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFE7CE;" data-value="#FFE7CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFEFC6]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFEFC6;" data-value="#FFEFC6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#D6EFD6]','[/color]', {{ area }})" class="color-btn" style="background-color:#D6EFD6;" data-value="#D6EFD6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CEDEE7]','[/color]', {{ area }})" class="color-btn" style="background-color:#CEDEE7;" data-value="#CEDEE7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CEE7F7]','[/color]', {{ area }})" class="color-btn" style="background-color:#CEE7F7;" data-value="#CEE7F7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#D6D6E7]','[/color]', {{ area }})" class="color-btn" style="background-color:#D6D6E7;" data-value="#D6D6E7"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E7D6DE]','[/color]', {{ area }})" class="color-btn" style="background-color:#E7D6DE;" data-value="#E7D6DE"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E79C9C]','[/color]', {{ area }})" class="color-btn" style="background-color:#E79C9C;" data-value="#E79C9C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFC69C]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFC69C;" data-value="#FFC69C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFE79C]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFE79C;" data-value="#FFE79C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#B5D6A5]','[/color]', {{ area }})" class="color-btn" style="background-color:#B5D6A5;" data-value="#B5D6A5"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#A5C6CE]','[/color]', {{ area }})" class="color-btn" style="background-color:#A5C6CE;" data-value="#A5C6CE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9CC6EF]','[/color]', {{ area }})" class="color-btn" style="background-color:#9CC6EF;" data-value="#9CC6EF"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#B5A5D6]','[/color]', {{ area }})" class="color-btn" style="background-color:#B5A5D6;" data-value="#B5A5D6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#D6A5BD]','[/color]', {{ area }})" class="color-btn" style="background-color:#D6A5BD;" data-value="#D6A5BD"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E76363]','[/color]', {{ area }})" class="color-btn" style="background-color:#E76363;" data-value="#E76363"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#F7AD6B]','[/color]', {{ area }})" class="color-btn" style="background-color:#F7AD6B;" data-value="#F7AD6B"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#FFD663]','[/color]', {{ area }})" class="color-btn" style="background-color:#FFD663;" data-value="#FFD663"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#94BD7B]','[/color]', {{ area }})" class="color-btn" style="background-color:#94BD7B;" data-value="#94BD7B"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#73A5AD]','[/color]', {{ area }})" class="color-btn" style="background-color:#73A5AD;" data-value="#73A5AD"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#6BADDE]','[/color]', {{ area }})" class="color-btn" style="background-color:#6BADDE;" data-value="#6BADDE"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#8C7BC6]','[/color]', {{ area }})" class="color-btn" style="background-color:#8C7BC6;" data-value="#8C7BC6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#C67BA5]','[/color]', {{ area }})" class="color-btn" style="background-color:#C67BA5;" data-value="#C67BA5"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#CE0000]','[/color]', {{ area }})" class="color-btn" style="background-color:#CE0000;" data-value="#CE0000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#E79439]','[/color]', {{ area }})" class="color-btn" style="background-color:#E79439;" data-value="#E79439"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#EFC631]','[/color]', {{ area }})" class="color-btn" style="background-color:#EFC631;" data-value="#EFC631"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#6BA54A]','[/color]', {{ area }})" class="color-btn" style="background-color:#6BA54A;" data-value="#6BA54A"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#4A7B8C]','[/color]', {{ area }})" class="color-btn" style="background-color:#4A7B8C;" data-value="#4A7B8C"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#3984C6]','[/color]', {{ area }})" class="color-btn" style="background-color:#3984C6;" data-value="#3984C6"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#634AA5]','[/color]', {{ area }})" class="color-btn" style="background-color:#634AA5;" data-value="#634AA5"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#A54A7B]','[/color]', {{ area }})" class="color-btn" style="background-color:#A54A7B;" data-value="#A54A7B"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#9C0000]','[/color]', {{ area }})" class="color-btn" style="background-color:#9C0000;" data-value="#9C0000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#B56308]','[/color]', {{ area }})" class="color-btn" style="background-color:#B56308;" data-value="#B56308"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#BD9400]','[/color]', {{ area }})" class="color-btn" style="background-color:#BD9400;" data-value="#BD9400"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#397B21]','[/color]', {{ area }})" class="color-btn" style="background-color:#397B21;" data-value="#397B21"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#104A5A]','[/color]', {{ area }})" class="color-btn" style="background-color:#104A5A;" data-value="#104A5A"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#085294]','[/color]', {{ area }})" class="color-btn" style="background-color:#085294;" data-value="#085294"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#311873]','[/color]', {{ area }})" class="color-btn" style="background-color:#311873;" data-value="#311873"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#731842]','[/color]', {{ area }})" class="color-btn" style="background-color:#731842;" data-value="#731842"></button>
						</div>
						<div>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#630000]','[/color]', {{ area }})" class="color-btn" style="background-color:#630000;" data-value="#630000"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#7B3900]','[/color]', {{ area }})" class="color-btn" style="background-color:#7B3900;" data-value="#7B3900"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#846300]','[/color]', {{ area }})" class="color-btn" style="background-color:#846300;" data-value="#846300"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#295218]','[/color]', {{ area }})" class="color-btn" style="background-color:#295218;" data-value="#295218"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#083139]','[/color]', {{ area }})" class="color-btn" style="background-color:#083139;" data-value="#083139"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#003163]','[/color]', {{ area }})" class="color-btn" style="background-color:#003163;" data-value="#003163"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#21104A]','[/color]', {{ area }})" class="color-btn" style="background-color:#21104A;" data-value="#21104A"></button>
							<button type="button" onclick="ShowOrHide('color');insertext('[color=#4A1031]','[/color]', {{ area }})" class="color-btn" style="background-color:#4A1031;" data-value="#4A1031"></button>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="btn-group btn-group-sm mr-2">
			<button type="button" class="btn" onclick="insertext('[hide]','[/hide]', {{ area }})" title="{{ lang.theme.b_hide }}"><i class="fa fa-eye-slash"></i></button>
			<button type="button" class="btn" onclick="insertext('[quote]','[/quote]', {{ area }})" title="{{ lang.theme.b_quote }}"><i class="fa fa-quote-left"></i></button>
			<button type="button" class="btn" onclick="insertext('[spoiler]','[/spoiler]', {{ area }})" title="{{ lang.theme.b_spoiler }}"><i class="fa fa-tasks"></i></button>
		</div>
	</div>
{% endif %}