<la:message key="labels.index_help" />
								</la:link></li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<div id="searchOptions" class="collapse">
			<div class="container">
				<jsp:include page="searchOptions.jsp" />
				<div>
					<button type="button" class="btn btn-light" id="searchOptionsClearButton">
						<la:message key="labels.search_options_clear" />
					</button>

    public static final String LABELS_index_help = "{labels.index_help}";

    /** The key of the message: Search Options */
    public static final String LABELS_search_options = "{labels.search_options}";

    /** The key of the message: Close */
    public static final String LABELS_search_options_close = "{labels.search_options_close}";

    /** The key of the message: Clear */

				href="#searchOptions" class="badge text-bg-primary text-decoration-none"
				data-bs-toggle="collapse"> <la:message
						key="labels.searchoptions_num" arg0="${f:h(num)}" />
			</a></li>
			<li class="list-inline-item"><la:message key="labels.searchoptions_menu_lang" /> <a
				href="#searchOptions" class="badge text-bg-primary text-decoration-none"

				href="#searchOptions" class="badge text-bg-primary text-decoration-none"
				data-bs-toggle="collapse"> <la:message
						key="labels.searchoptions_num" arg0="${f:h(num)}" />
			</a></li>
			<li class="list-inline-item"><la:message key="labels.searchoptions_menu_lang" /> <a
				href="#searchOptions" class="badge text-bg-primary text-decoration-none"

						</la:link></li>
				</ul>
			</div>
		</nav>
	</header>
	<c:if test="${!chatPage}">
	<div id="searchOptions" class="collapse">
		<div class="container">
			<jsp:include page="/WEB-INF/view/searchOptions.jsp" />
			<div>
				<button type="button" class="btn btn-light" id="searchOptionsClearButton">
					<la:message key="labels.search_options_clear" />
				</button>

						</la:link></li>
				</ul>
			</div>
		</nav>
	</header>
	<c:if test="${!chatPage}">
	<div id="searchOptions" class="collapse">
		<div class="container">
			<jsp:include page="/WEB-INF/view/searchOptions.jsp" />
			<div>
				<button type="button" class="btn btn-light" id="searchOptionsClearButton">
					<la:message key="labels.search_options_clear" />
				</button>

									<la:message key="labels.index_help" />
								</la:link></li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<div id="searchOptions" class="collapse">
			<div class="container">
				<jsp:include page="searchOptions.jsp" />
				<div>
					<button type="button" class="btn btn-light" id="searchOptionsClearButton">
						<la:message key="labels.search_options_clear" />
					</button>

		<postConstruct name="addDesignJspFileName">
			<arg>"searchNoResult"</arg>
			<arg>"searchNoResult.jsp"</arg>
		</postConstruct>
		<postConstruct name="addDesignJspFileName">
			<arg>"searchOptions"</arg>
			<arg>"searchOptions.jsp"</arg>
		</postConstruct>
		<postConstruct name="addDesignJspFileName">
			<arg>"advance"</arg>
			<arg>"advance.jsp"</arg>
		</postConstruct>
		<postConstruct name="addDesignJspFileName">

      }
    }, BUTTON_DISABLE_DURATION);
    return true;
  });

  $(document).on("click touchend", function(e) {
    if (!$(e.target).closest("#searchOptions, [data-toggle='control-options']").length) {
      $("#searchOptions").removeClass("active");
    }
  });

  $("[data-toggle='control-options']").on("click", function(e) {
    e.preventDefault();

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

.form-control {
	border-radius: 0px;
}

legend{
	display: none;
}

/* header */

#searchOptions {
	position: fixed;
	z-index: 10;
}

#searchOptions .container {
	width: 500px;
	max-width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -500px;
	padding-top: 72px;