<div id="content" class="container">
					<div class="navbar-brand"></div>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar"
							aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbar">
						<div class="me-auto"></div>

				<div id="content" class="container">
					<div class="navbar-brand"></div>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar"
							aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbar">
						<div class="me-auto"></div>

		<c:if test="${eoled}">
		<li class="nav-item" data-toggle="tooltip" data-placement="left"
			title="<la:message key="labels.eol_error" />">
			<a class="nav-link active" href="${eolLink}" target="_olh"><i class="fas fa-times-circle text-danger" aria-hidden="true"></i></a></li>
		</c:if>
		<c:if test="${developmentMode}">
			<li class="nav-item" data-toggle="tooltip" data-placement="left"

				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"
				data-bs-toggle="collapse"> <c:if test="${empty lang}">
						<la:message key="labels.searchoptions_all" />

				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"
				data-bs-toggle="collapse"> <c:if test="${empty lang}">
						<la:message key="labels.searchoptions_all" />

					<c:if test="${eoled}">
						<li class="nav-item" data-bs-toggle="tooltip" data-placement="left" title="<la:message key="labels.eol_error" />">
							<a class="nav-link active" href="${eolLink}" target="_olh"><em class="fas fa-times-circle text-danger"></a>
						</li>
					</c:if>
					<c:if test="${developmentMode}">
						<li class="nav-item" data-bs-toggle="tooltip" data-placement="left"

					<c:if test="${eoled}">
						<li class="nav-item" data-bs-toggle="tooltip" data-placement="left" title="<la:message key="labels.eol_error" />">
							<a class="nav-link active" href="${eolLink}" target="_olh"><i class="fas fa-times-circle text-danger" aria-hidden="true"></i></a>
						</li>
					</c:if>
					<c:if test="${developmentMode}">
						<li class="nav-item" data-bs-toggle="tooltip" data-placement="left"

      );
    });

  // Time picker
  $("input.form-control.time").timepicker({
    showInputs: false
  });

  // tooltips
  $(function() {
    $('[data-toggle="tooltip"]').tooltip();
  });

    - media: "(prefers-color-scheme: light)"
      scheme: default
      primary: teal
      accent: blue
      toggle:
        icon: octicons/sun-24
        name: "Switch to Dark Mode"
    - media: "(prefers-color-scheme: dark)"
      scheme: slate
      primary: teal
      accent: blue
      toggle:
        icon: octicons/moon-24
        name: "Switch to Light Mode"
  features:
  - navigation.tabs

extra_css:

                                                                          data-toggle="tab"
                                ><la:message key="labels.plugin_remote_install"/></a></li>
                                <li role="presentation" class="nav-item"><a href="#local" aria-controls="local" class="nav-link" role="tab"
                                                           data-toggle="tab"><la:message