Definição de um novo estilo para as caixas de seleção em formulários, para inclu…

…são de ícone caret. Aplicação desse estilo na ferramenta legenda

Definição de um novo estilo para as caixas de seleção em formulários, para inclu…
…são de ícone caret. Aplicação desse estilo na ferramenta legenda
Edmar Moretti
1 parent 981808cd
Showing 59 changed files with 173 additions and 149 deletions Show diff stats
css/default.css
css/i3geo7.css.php
ferramentas/editorgm/editorgm_compacto.js
ferramentas/editorol/editorol_compacto.js
ferramentas/legenda/index.js
ferramentas/legenda/templateLista_mst.html
ferramentas/legenda/template_mst.html
js/compactados/ajuda_compacto.js
js/compactados/analise_compacto.js
js/compactados/arvoredecamadas_compacto.js
js/compactados/arvoredetemas_compacto.js
js/compactados/base64_compacto.js
js/compactados/busca_compacto.js
js/compactados/caixaDeFerramentas_compacto.js
js/compactados/calculo_compacto.js
js/compactados/catalogoDir_compacto.js
js/compactados/catalogoEstrelas_compacto.js
js/compactados/catalogoInde_compacto.js
js/compactados/catalogoMapas_compacto.js
js/compactados/catalogoMenus_compacto.js
+/*
+Utilizado no elemento select
+*/
+.careti {
+	float: right;
+	position: relative;
+	top: -20px;
+	z-index: 2;
+}
+
 .iconeAjudaFerramentas {
     cursor: help;
     margin-left: 0px;
@@ -1432,7 +1432,7 @@ i3GEOF.legenda =
 						i3GEOF.legenda.tema,
 						function(retorno) {
 							if ($i("i3GEOlegendaitensLabel")) {
-								$i("i3GEOlegendaitensLabel").innerHTML = retorno.dados;
+								$i("i3GEOlegendaitensLabel").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 							}
 						},
 						"i3GEOlegendaitensLabel",
@@ -1457,7 +1457,7 @@ i3GEOF.legenda =
 						sct = "<option value=" + l[1] + "  />" + l[1] + "</option>";
 						combo += sct;
 					}
-					combo += "</select></div>";
+					combo += "</select><b class='caret careti' ></b></div>";
 					$i("i3GEOlegendacomboestilos").innerHTML = combo;
@@ -1606,7 +1606,7 @@ i3GEOF.legenda =
 						"",
 						i3GEOF.legenda.tema, function(retorno) {
 							if ($i("i3GEOlegendaComboSize")) {
-								$i("i3GEOlegendaComboSize").innerHTML = retorno.dados.replace("id=''"," onchange='$i(\"i3GEOlegendasizes\").value = this.value'");
+								$i("i3GEOlegendaComboSize").innerHTML = retorno.dados.replace("id=''"," onchange='$i(\"i3GEOlegendasizes\").value = this.value'") + '<b class="caret careti" ></b>';
 							}
 						},
 						"",
@@ -1958,28 +1958,28 @@ i3GEOF.legenda =
 					i3GEOF.legenda.tema,
 					function(retorno) {
 						if ($i("i3GEOlegendaitensValorUnico")) {
-							$i("i3GEOlegendaitensValorUnico").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensValorUnico").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaClassesValorUnico")) {
-							$i("i3GEOlegendaClassesValorUnico").innerHTML = retorno.dados;
+							$i("i3GEOlegendaClassesValorUnico").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaitensMetade")) {
-							$i("i3GEOlegendaitensMetade").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensMetade").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaitensMetadeId")) {
-							$i("i3GEOlegendaitensMetadeId").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensMetadeId").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaitensMedia")) {
-							$i("i3GEOlegendaitensMedia").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensMedia").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaitensValorClass")) {
-							$i("i3GEOlegendaitensValorClass").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensValorClass").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaitensCluster")) {
-							$i("i3GEOlegendaitensCluster").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensCluster").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 						if ($i("i3GEOlegendaitensValorQuartil")) {
-							$i("i3GEOlegendaitensValorQuartil").innerHTML = retorno.dados;
+							$i("i3GEOlegendaitensValorQuartil").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
 						}
 					},
 					"",
@@ -95,6 +95,7 @@
 			<option value='COLOR_MATCH_THRESHOLD='>Threshold</option>
 			<option value='NODATA='>Nodata</option>
 		</select>
+		<b class="caret careti" ></b>
 	</div>
 	<br>
 	<h5>{{{existentes}}}</h5>
@@ -115,8 +115,8 @@
 </div>
 <!-- listagem das classes ver templateLista_mst.html -->
 <div id='i3GEOlegendaguia1obj' class="container-fluid">
-	<div  id='i3GEOFlegendaComboCabeca' class='form-group condensed' style='width:100%'>
-	<span class="material-icons iconeComboTemas">playlist_add_check</span>
+	<div id='i3GEOFlegendaComboCabeca' class='form-group condensed' style='width: 100%'>
+		<span class="material-icons iconeComboTemas">playlist_add_check</span>
 	</div>
 	<div id="i3GEOlegendaguia1objLegenda"></div>
 </div>
@@ -138,153 +138,161 @@
 	</div>
 	<hr />
+	<div style="width: 80%">
+		<h5>{{{alteraGeom}}}</h5>
-	<h5>{{{alteraGeom}}}</h5>
-	<div class='form-group condensed'>
-		<label class="control-label" for="i3GEOlegentaTipoGeo">{{{transformaGeom}}}</label>
-		<div style="width: 100%;" class="input-group">
-			<select class="form-control" id='i3GEOlegentaTipoGeo'>
-				<option value=''>{{{semTransformacao}}}</option>
-				<option value='centroid'>{{{centroide}}}</option>
-				<option value='bbox'>box</option>
-				<option value='vertices'>{{{vertices}}}</option>
-				<option value='start'>{{{verticeInicial}}}</option>
-				<option value='end'>{{{verticeFinal}}}</option>
-			</select>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.alteraGeometriaTema();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+		<div class='form-group condensed'>
+			<label class="control-label" for="i3GEOlegentaTipoGeo">{{{transformaGeom}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<select class="form-control" id='i3GEOlegentaTipoGeo'>
+					<option value=''>{{{semTransformacao}}}</option>
+					<option value='centroid'>{{{centroide}}}</option>
+					<option value='bbox'>box</option>
+					<option value='vertices'>{{{vertices}}}</option>
+					<option value='start'>{{{verticeInicial}}}</option>
+					<option value='end'>{{{verticeFinal}}}</option>
+				</select>
+				<b class="caret careti"></b>
+
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn pull-right">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.alteraGeometriaTema();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
-
 	<hr />
-
-	<h5>{{{alteraTipo}}}</h5>
-	<div class='form-group condensed'>
-		<div class="input-group">
-			<label class="control-label">{{{alteraTipoGeom}}}</label>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.representacao();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+	<div style="width: 80%">
+		<h5>{{{alteraTipo}}}</h5>
+		<div class='form-group condensed'>
+			<div class="input-group">
+				<label class="control-label">{{{alteraTipoGeom}}}</label>
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.representacao();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
-
 	<hr />
+	<div style="width: 80%">
+		<h5>{{{simboloUnico}}}</h5>
+		<div class='form-group condensed'>
+			<div class="input-group">
+				<label class="control-label">{{{todosElementosUnicoSimbolo}}}</label>
-	<h5>{{{simboloUnico}}}</h5>
-	<div class='form-group condensed'>
-		<div class="input-group">
-			<label class="control-label">{{{todosElementosUnicoSimbolo}}}</label>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.simbU();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.simbU();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
-
 	<hr />
-
-	<h5>{{{valorUnico}}}</h5>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{cadaOcorrenciaUnicoSimbolo}}}</label>
-		<div style="width: 100%;" class="input-group">
-			<div id='i3GEOlegendaitensValorUnico'></div>
+	<div style="width: 80%">
+		<h5>{{{valorUnico}}}</h5>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{cadaOcorrenciaUnicoSimbolo}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaitensValorUnico'></div>
+			</div>
 		</div>
-	</div>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{nomeClassesUnicoSimbolo}}}</label>
-		<div class="input-group">
-			<div id='i3GEOlegendaClassesValorUnico'></div>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.valorU();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{nomeClassesUnicoSimbolo}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaClassesValorUnico'></div>
+
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.valorU();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
-
 	<hr />
-
-	<h5>{{{classesFixas}}}</h5>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{criaClassesItemNumerico}}}</label>
-		<div style="width: 100%;" class="input-group">
-			<div id='i3GEOlegendaitensValorClass'></div>
+	<div style="width: 80%">
+		<h5>{{{classesFixas}}}</h5>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{criaClassesItemNumerico}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaitensValorClass'></div>
+			</div>
 		</div>
+		<div class='form-group label-floating'>
+			<label class="control-label" for="i3GEOlegendanclasses">{{{numeroClasses}}}</label>
+			<input class="form-control input-lg" type='text' id='i3GEOlegendanclasses' value='5' />
+		</div>
+		<h5>{{{tipoCalculo}}}</h5>
+		<button onclick="i3GEOF.legenda.valorC()" class='btn btn-primary btn-sm btn-raised'>{{{intervalosIguais}}}</button>
+		<button onclick="i3GEOF.legenda.valorQN()" class='btn btn-primary btn-sm btn-raised'>{{{quebrasNaturais}}}</button>
+		<button onclick="i3GEOF.legenda.valorQu()" class='btn btn-primary btn-sm btn-raised'>{{{calcularQuantil}}}</button>
 	</div>
-	<div class='form-group label-floating'>
-		<label class="control-label" for="i3GEOlegendanclasses">{{{numeroClasses}}}</label>
-		<input class="form-control input-lg" type='text' id='i3GEOlegendanclasses' value='5' />
-	</div>
-	<h5>{{{tipoCalculo}}}</h5>
-	<button onclick="i3GEOF.legenda.valorC()" class='btn btn-primary btn-sm btn-raised'>{{{intervalosIguais}}}</button>
-	<button onclick="i3GEOF.legenda.valorQN()" class='btn btn-primary btn-sm btn-raised'>{{{quebrasNaturais}}}</button>
-	<button onclick="i3GEOF.legenda.valorQu()" class='btn btn-primary btn-sm btn-raised'>{{{calcularQuantil}}}</button>
-
 	<hr />
-
-	<h5>{{{metade}}}</h5>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{duasmetades}}}</label>
-		<div style="width: 100%;" class="input-group">
-			<div id='i3GEOlegendaitensMetade'></div>
+	<div style="width: 80%">
+		<h5>{{{metade}}}</h5>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{duasmetades}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaitensMetade'></div>
+			</div>
 		</div>
-	</div>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{iunico}}}</label>
-		<div class="input-group">
-			<div id='i3GEOlegendaitensMetadeId'></div>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.metade();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{iunico}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaitensMetadeId'></div>
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.metade();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
-
 	<hr />
-
-	<h5>{{{media}}}</h5>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{duasmedias}}}</label>
-		<div class="input-group">
-			<div id='i3GEOlegendaitensMedia'></div>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.media();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+	<div style="width: 80%">
+		<h5>{{{media}}}</h5>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{duasmedias}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaitensMedia'></div>
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.media();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
-
 	<hr />
-
-	<h5>{{{calcularQuartil}}}</h5>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{criaQuartis}}}</label>
-		<div style="width: 100%;" class="input-group">
-			<div id='i3GEOlegendaitensValorQuartil'></div>
+	<div style="width: 80%">
+		<h5>{{{calcularQuartil}}}</h5>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{criaQuartis}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEOlegendaitensValorQuartil'></div>
+			</div>
 		</div>
-	</div>
-	<div class='form-group condensed'>
-		<label class="control-label">{{{estiloNomeClasses}}}</label>
-		<div style="width: 100%;" class="input-group">
-			<select class="form-control" id='estiloClassesQuartis'>
-				<option value='minimo'>{{{soValores}}}</option>
-				<option value='simples'>{{{quartilValores}}}</option>
-				<option value='completo'>{{{expressaoCompleta}}}</option>
-			</select>
-			<span class="input-group-btn">
-				<a onclick="i3GEOF.legenda.valorQ();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
-					<span class="material-icons ">send</span>
-				</a>
-			</span>
+		<div class='form-group condensed'>
+			<label class="control-label">{{{estiloNomeClasses}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<select class="form-control" id='estiloClassesQuartis'>
+					<option value='minimo'>{{{soValores}}}</option>
+					<option value='simples'>{{{quartilValores}}}</option>
+					<option value='completo'>{{{expressaoCompleta}}}</option>
+				</select>
+				<b class="caret careti"></b>
+
+			</div>
 		</div>
+		<span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
+			<a style="left: 30px;" onclick="i3GEOF.legenda.valorQ();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+				<span class="material-icons ">send</span>
+			</a>
+		</span>
 	</div>
 	<br>
 </div>
@@ -307,7 +315,7 @@
 	<div class='form-group condensed'>
 		<label class="control-label" for="i3GEOlegendaestilos">{{{estiloEdicao}}}</label>
-		<div class="input-group" style="width:150px;">
+		<div class="input-group" style="width: 150px;">
 			<div id='i3GEOlegendacomboestilos'></div>
 		</div>
 	</div>
@@ -320,7 +328,7 @@
 	<h5>{{{edicaoEstilo}}}</h5>
 	<h5>{{{ajudaEstilo}}}</h5>
-	<div id='i3GEOlegendaParametrosEstilos' ></div>
+	<div id='i3GEOlegendaParametrosEstilos'></div>
 	<div style='position: relative; top: 0px; left: 0px; text-align: left;' id='i3GEOlegendamostraEstilo'></div>
 	<div style='position: relative; top: 0px; left: 0px; text-align: left;' id='i3GEOlegendasimbolos'></div>
 </div>
@@ -330,7 +338,11 @@
 <!-- SLD -->
 <div id='i3GEOlegendaguia5obj' class="container-fluid">
-	<h5>{{{geraSLD}}} <a href='http://mapserver.org/ogc/sld.html#sld' target='_blank'> Mapserver SLD </a> {{{ajudaSLD}}}</h5>
+	<h5>
+		{{{geraSLD}}}
+		<a href='http://mapserver.org/ogc/sld.html#sld' target='_blank'> Mapserver SLD </a>
+		{{{ajudaSLD}}}
+	</h5>
 	<button onclick="i3GEOF.legenda.slde()" class='btn btn-primary btn-sm btn-raised'>{{{exportaSLD}}}</button>
 	<h5>{{{msgAplicaSLD}}}</h5>
 	<button onclick="i3GEOF.legenda.sldi()" class='btn btn-primary btn-sm btn-raised'>{{{aplicaSLD}}}</button>
@@ -339,28 +351,29 @@
 <!-- cluster -->
 <div id='i3GEOlegendaguia7obj' class="container-fluid">
 	<h5>{{{clusterAjuda}}}</h5>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaClusterMaxdistance">{{{ClusterMaxdistance}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaClusterMaxdistance' value='5' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaClusterBuffer">{{{ClusterBuffer}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaClusterBuffer' value='0' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaClusterFilter">{{{ClusterFilter}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaClusterFilter' value='' />
 	</div>
-	<div style="width: 100%;" class='form-group label-fixed' >
+	<div style="width: 100%;" class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaClusterRegion">{{{ClusterRegion}}}</label>
 		<select class="form-control" id='i3GEOlegendaClusterRegion'>
 			<option value='rectangle'>rectangle</option>
 			<option value='ellipse'>ellipse</option>
 		</select>
+		<b class="caret careti"></b>
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaClusterRegion">{{{ClusterGroup}}}</label>
-		<div id='i3GEOlegendaitensCluster' ></div>
+		<div id='i3GEOlegendaitensCluster'></div>
 	</div>
 	<button onclick="i3GEOF.legenda.aplicarCluster()" class='btn btn-primary btn-sm btn-raised'>{{{aplicar}}}</button>
 	<button onclick="i3GEOF.legenda.removerCluster()" class='btn btn-primary btn-sm btn-raised'>{{{remover}}}</button>
@@ -372,31 +385,31 @@
 	<h5>{{{colunasTxt}}}</h5>
 	<div id="i3GEOlegendaAutocolunas"></div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaClusterFilter">{{{classesitem}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassesitem' value='' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaAutoclassesnome">{{{classesnome}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassesnome' value='' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaAutoclassescor">{{{classescor}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassescor' value='' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaAutoclassessimbolo">{{{classessimbolo}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassessimbolo' value='' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaAutoclassestamanho">{{{classestamanho}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassestamanho' value='' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaAutopalletefile">{{{palletefile}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutopalletefile' value='' />
 	</div>
-	<div class='form-group label-fixed' >
+	<div class='form-group label-fixed'>
 		<label class="control-label" for="i3GEOlegendaAutopalletestep">{{{palletestep}}}</label>
 		<input class="form-control input-lg" type='text' id='i3GEOlegendaAutopalletestep' value='' />
 	</div>
		1	+/*
		2	+Utilizado no elemento select
		3	+*/
		4	+.careti {
		5	+ float: right;
		6	+ position: relative;
		7	+ top: -20px;
		8	+ z-index: 2;
		9	+}
		10	+
1	.iconeAjudaFerramentas {	11	.iconeAjudaFerramentas {
2	cursor: help;	12	cursor: help;
3	margin-left: 0px;	13	margin-left: 0px;
	@@ -1432,7 +1432,7 @@ i3GEOF.legenda =		@@ -1432,7 +1432,7 @@ i3GEOF.legenda =
1432	i3GEOF.legenda.tema,	1432	i3GEOF.legenda.tema,
1433	function(retorno) {	1433	function(retorno) {
1434	if ($i("i3GEOlegendaitensLabel")) {	1434	if ($i("i3GEOlegendaitensLabel")) {
1435	- $i("i3GEOlegendaitensLabel").innerHTML = retorno.dados;	1435	+ $i("i3GEOlegendaitensLabel").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1436	}	1436	}
1437	},	1437	},
1438	"i3GEOlegendaitensLabel",	1438	"i3GEOlegendaitensLabel",
	@@ -1457,7 +1457,7 @@ i3GEOF.legenda =		@@ -1457,7 +1457,7 @@ i3GEOF.legenda =
1457	sct = "<option value=" + l[1] + " />" + l[1] + "</option>";	1457	sct = "<option value=" + l[1] + " />" + l[1] + "</option>";
1458	combo += sct;	1458	combo += sct;
1459	}	1459	}
1460	- combo += "</select></div>";	1460	+ combo += "</select><b class='caret careti' ></b></div>";
1461	$i("i3GEOlegendacomboestilos").innerHTML = combo;	1461	$i("i3GEOlegendacomboestilos").innerHTML = combo;
1462		1462
1463		1463
	@@ -1606,7 +1606,7 @@ i3GEOF.legenda =		@@ -1606,7 +1606,7 @@ i3GEOF.legenda =
1606	"",	1606	"",
1607	i3GEOF.legenda.tema, function(retorno) {	1607	i3GEOF.legenda.tema, function(retorno) {
1608	if ($i("i3GEOlegendaComboSize")) {	1608	if ($i("i3GEOlegendaComboSize")) {
1609	- $i("i3GEOlegendaComboSize").innerHTML = retorno.dados.replace("id=''"," onchange='$i(\"i3GEOlegendasizes\").value = this.value'");	1609	+ $i("i3GEOlegendaComboSize").innerHTML = retorno.dados.replace("id=''"," onchange='$i(\"i3GEOlegendasizes\").value = this.value'") + '<b class="caret careti" ></b>';
1610	}	1610	}
1611	},	1611	},
1612	"",	1612	"",
	@@ -1958,28 +1958,28 @@ i3GEOF.legenda =		@@ -1958,28 +1958,28 @@ i3GEOF.legenda =
1958	i3GEOF.legenda.tema,	1958	i3GEOF.legenda.tema,
1959	function(retorno) {	1959	function(retorno) {
1960	if ($i("i3GEOlegendaitensValorUnico")) {	1960	if ($i("i3GEOlegendaitensValorUnico")) {
1961	- $i("i3GEOlegendaitensValorUnico").innerHTML = retorno.dados;	1961	+ $i("i3GEOlegendaitensValorUnico").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1962	}	1962	}
1963	if ($i("i3GEOlegendaClassesValorUnico")) {	1963	if ($i("i3GEOlegendaClassesValorUnico")) {
1964	- $i("i3GEOlegendaClassesValorUnico").innerHTML = retorno.dados;	1964	+ $i("i3GEOlegendaClassesValorUnico").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1965	}	1965	}
1966	if ($i("i3GEOlegendaitensMetade")) {	1966	if ($i("i3GEOlegendaitensMetade")) {
1967	- $i("i3GEOlegendaitensMetade").innerHTML = retorno.dados;	1967	+ $i("i3GEOlegendaitensMetade").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1968	}	1968	}
1969	if ($i("i3GEOlegendaitensMetadeId")) {	1969	if ($i("i3GEOlegendaitensMetadeId")) {
1970	- $i("i3GEOlegendaitensMetadeId").innerHTML = retorno.dados;	1970	+ $i("i3GEOlegendaitensMetadeId").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1971	}	1971	}
1972	if ($i("i3GEOlegendaitensMedia")) {	1972	if ($i("i3GEOlegendaitensMedia")) {
1973	- $i("i3GEOlegendaitensMedia").innerHTML = retorno.dados;	1973	+ $i("i3GEOlegendaitensMedia").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1974	}	1974	}
1975	if ($i("i3GEOlegendaitensValorClass")) {	1975	if ($i("i3GEOlegendaitensValorClass")) {
1976	- $i("i3GEOlegendaitensValorClass").innerHTML = retorno.dados;	1976	+ $i("i3GEOlegendaitensValorClass").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1977	}	1977	}
1978	if ($i("i3GEOlegendaitensCluster")) {	1978	if ($i("i3GEOlegendaitensCluster")) {
1979	- $i("i3GEOlegendaitensCluster").innerHTML = retorno.dados;	1979	+ $i("i3GEOlegendaitensCluster").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1980	}	1980	}
1981	if ($i("i3GEOlegendaitensValorQuartil")) {	1981	if ($i("i3GEOlegendaitensValorQuartil")) {
1982	- $i("i3GEOlegendaitensValorQuartil").innerHTML = retorno.dados;	1982	+ $i("i3GEOlegendaitensValorQuartil").innerHTML = retorno.dados + '<b class="caret careti" ></b>';
1983	}	1983	}
1984	},	1984	},
1985	"",	1985	"",