<div class="search-form" id="search-div">

<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">

<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">

<div id="autocompleteContainer">

<div id="autocompleteResults"></div>

</div>

<!-- <button type="submit" class="search-submit btn btn-default">Search</button> -->

</form>

<div class="sidebar-toggle">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<div class="nav-container">

<div id="tabs">

<ul class="tabs">

{% include treebuilder.html %}

</ul>

</div>

<div class="ctrl-right hidden-xs hidden-sm">

<a href="javascript:void(0)" id="menu-toggle"><i class="fa fa-indent" aria-hidden="true"></i></a>

{% include archive-list.html %}

</div>