/**
     * Display detailed view of a specific stemmer override item.
     * Shows read-only details of the selected item.
     *
     * @param dictId The dictionary ID
     * @param crudMode The CRUD mode (should be DETAILS)
     * @param id The ID of the stemmer override item to display
     * @return HTML response showing item details
     */
    @Execute
    @Secured({ ROLE, ROLE + VIEW })

    //                                               Details
    //                                               -------
    /**
     * Displays the details of a role item.
     *
     * @param crudMode the CRUD mode for the operation
     * @param id the ID of the role item to display
     * @return HTML response for the details page
     */
    @Execute
    @Secured({ ROLE, ROLE + VIEW })

										</div>
										<div class="filter-dropdown-list">
											<c:forEach var="item" items="${labelTypeItems}">
											<label class="filter-check-item">
												<input type="checkbox" class="filter-check" data-filter-type="label" data-filter-value="${f:h(item.value)}" />
												<span class="filter-check-label">${f:h(item.label)}</span>
											</label>
											</c:forEach>
										</div>

                                            <c:forEach var="p" varStatus="s"
                                                       items="${pager.pageNumberList}">
                                                <li
                                                        <c:if test="${p == pager.currentPageNumber}">class="page-item active"</c:if>>
                                                    <la:link

										</div>
										<div class="filter-dropdown-list">
											<c:forEach var="item" items="${labelTypeItems}">
											<label class="filter-check-item">
												<input type="checkbox" class="filter-check" data-filter-type="label" data-filter-value="${f:h(item.value)}" />
												<span class="filter-check-label">${f:h(item.label)}</span>
											</label>
											</c:forEach>
										</div>

}

/* search */

:first-child.list-group-item {
	border-radius: 0px;
}

:last-child.list-group-item {
	border-radius: 0px;
}

#result ol li {
	margin: 1em 0;
}

#result ol li:first-child {
	margin-top: 0;
}

#result .title a:visited {
	color: #014c8c;
}

#result .body {
	display: flex;
	align-items: flex-start;
}

#result .site cite {

                                        <td><c:forEach var="l" varStatus="s"
                                                       items="${labelTypeItems}">
                                            <c:forEach var="ltid" varStatus="s"
                                                       items="${labelTypeIds}">
                                                <c:if test="${ltid==l.id}">

					/></label>
				<div class="col-lg-5 col-md-8 col-sm-7 col-6">
					<la:select property="lang" styleId="langSearchOption" multiple="true" styleClass="form-control">
						<c:forEach var="item" items="${langItems}">
							<la:option value="${f:u(item.value)}">${f:h(item.label)}</la:option>
						</c:forEach>
					</la:select>
				</div>
			</div>
			<c:if test="${displayLabelTypeItems}">
				<div class="mb-3 row">

    }

    /**
     * Registers available web configuration items for use in web authentication forms.
     * Retrieves all web configurations and creates form items from them.
     *
     * @param data the render data to register the web configuration items with
     */
    protected void registerWebConfigItems(final RenderData data) {

                form.crudMode = CrudMode.CREATE;
            });
        });
    }

    /**
     * Displays the form for editing an existing related query item.
     *
     * @param form the edit form containing the ID of the item to edit
     * @return HTML response for the edit form
     */
    @Execute
    @Secured({ ROLE })
    public HtmlResponse edit(final EditForm form) {