فهرست منبع

Merge pull request #1668 from deka0106/bootstrap-update

Update to Bootstrap 4.1.1 #685
Shinsuke Sugaya 7 سال پیش
والد
کامیت
df3651a380

+ 317 - 308
src/main/webapp/WEB-INF/view/advance.jsp

@@ -11,328 +11,337 @@
 		title="<la:message key="labels.index_osdd_title" />"
 		title="<la:message key="labels.index_osdd_title" />"
 	/>
 	/>
 </c:if>
 </c:if>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/font-awesome.min.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/font-awesome.min.css')}" rel="stylesheet" type="text/css" />
 </head>
 </head>
 <body>
 <body>
 	<la:form styleClass="form-stacked" action="/search/" method="get" styleId="searchForm">
 	<la:form styleClass="form-stacked" action="/search/" method="get" styleId="searchForm">
 		${fe:facetForm()}${fe:geoForm()}
 		${fe:facetForm()}${fe:geoForm()}
-		<nav class="navbar navbar-dark bg-inverse navbar-static-top pos-f-t">
-			<la:link styleClass="navbar-brand" href="/">
-				<img src="${fe:url('/images/logo-head.png')}"
-					alt="<la:message key="labels.header_brand_name" />" />
-			</la:link>
-			<ul class="nav navbar-nav pull-right">
-				<c:choose>
-					<c:when test="${!empty username && username != 'guest'}">
-						<li class="nav-item">
-							<div class="dropdown">
-								<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
-									aria-expanded="false"
-								> <i class="fa fa-user"></i>${username}
-								</a>
-								<div class="dropdown-menu" aria-labelledby="userMenu">
-									<c:if test="${editableUser == true}">
-										<la:link href="/profile" styleClass="dropdown-item">
-											<la:message key="labels.profile" />
-										</la:link>
-									</c:if>
-									<c:if test="${adminUser == true}">
-										<la:link href="/admin" styleClass="dropdown-item">
-											<la:message key="labels.administration" />
-										</la:link>
-									</c:if>
-									<la:link href="/logout/" styleClass="dropdown-item">
-										<la:message key="labels.logout" />
-									</la:link>
-								</div>
-							</div>
-						</li>
-					</c:when>
-					<c:when test="${ pageLoginLink }">
-						<li class="nav-item username"><la:link href="/login" styleClass="nav-link" role="button" aria-haspopup="true"
-								aria-expanded="false"
-							>
-								<i class="fa fa-sign-in"></i>
-								<la:message key="labels.login" />
-							</la:link></li>
-					</c:when>
-				</c:choose>
-				<li class="nav-item"><la:link href="/help" styleClass="nav-link help-link">
-						<i class="fa fa-question-circle"></i>
-						<la:message key="labels.index_help" />
-					</la:link></li>
-			</ul>
-		</nav>
-		<div id="content" class="container">
-			<div class="row content">
-				<div class="center-block">
-					<h2>
-						<la:message key="labels.advance_search_title" />
-					</h2>
-					<div class="notification">${notification}</div>
-					<div>
-						<la:info id="msg" message="true">
-							<div class="alert alert-info">${msg}</div>
-						</la:info>
-						<la:errors header="errors.front_header" footer="errors.front_footer" prefix="errors.front_prefix"
-							suffix="errors.front_suffix"
-						/>
-					</div>
-					<div class="form-group row">
-						<label for="as_q" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_must_queries"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<input class="form-control" type="text" id="as_q" name="as.q" value="${f:h(fe:join(as.q))}">
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="as_epq" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_phrase_query"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<input class="form-control" type="text" id="as_epq" name="as.epq" value="${f:h(fe:join(as.epq))}">
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="as_oq" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_should_queries"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<input class="form-control" type="text" id="as_oq" name="as.oq" value="${f:h(fe:join(as.oq))}">
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="as_nq" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_not_queries"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<input class="form-control" type="text" id="as_nq" name="as.nq" value="${f:h(fe:join(as.nq))}">
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="contentNum" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.index_num"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<la:select property="num" styleId="numSearchOption" styleClass="form-control">
-								<option value="">
-									<la:message key="labels.search_result_select_num" />
-								</option>
-								<la:option value="10">10</la:option>
-								<la:option value="20">20</la:option>
-								<la:option value="30">30</la:option>
-								<la:option value="40">40</la:option>
-								<la:option value="50">50</la:option>
-								<la:option value="100">100</la:option>
-							</la:select>
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="contentSort" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.index_sort"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<la:select property="sort" styleId="sortSearchOption" styleClass="form-control">
-								<option value="">
-									<la:message key="labels.search_result_select_sort" />
-								</option>
-								<la:option value="score.desc">
-									<la:message key="labels.search_result_sort_score_desc" />
-								</la:option>
-								<la:option value="filename.asc">
-									<la:message key="labels.search_result_sort_filename_asc" />
-								</la:option>
-								<la:option value="filename.desc">
-									<la:message key="labels.search_result_sort_filename_desc" />
-								</la:option>
-								<la:option value="created.asc">
-									<la:message key="labels.search_result_sort_created_asc" />
-								</la:option>
-								<la:option value="created.desc">
-									<la:message key="labels.search_result_sort_created_desc" />
-								</la:option>
-								<la:option value="content_length.asc">
-									<la:message key="labels.search_result_sort_content_length_asc" />
-								</la:option>
-								<la:option value="content_length.desc">
-									<la:message key="labels.search_result_sort_content_length_desc" />
-								</la:option>
-								<la:option value="last_modified.asc">
-									<la:message key="labels.search_result_sort_last_modified_asc" />
-								</la:option>
-								<la:option value="last_modified.desc">
-									<la:message key="labels.search_result_sort_last_modified_desc" />
-								</la:option>
-								<c:if test="${searchLogSupport}">
-									<la:option value="click_count.asc">
-										<la:message key="labels.search_result_sort_click_count_asc" />
-									</la:option>
-									<la:option value="click_count.desc">
-										<la:message key="labels.search_result_sort_click_count_desc" />
-									</la:option>
-								</c:if>
-								<c:if test="${favoriteSupport}">
-									<la:option value="favorite_count.asc">
-										<la:message key="labels.search_result_sort_favorite_count_asc" />
-									</la:option>
-									<la:option value="favorite_count.desc">
-										<la:message key="labels.search_result_sort_favorite_count_desc" />
-									</la:option>
-								</c:if>
-							</la:select>
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="contentLang" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.index_lang"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-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 class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<c:if test="${displayLabelTypeItems}">
-						<div class="form-group row">
-							<label for="contentLabelType" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-									key="labels.index_label"
-								/></label>
-							<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-								<la:select property="fields.label" styleId="labelTypeSearchOption" multiple="true" styleClass="form-control">
-									<c:forEach var="item" items="${labelTypeItems}">
-										<la:option value="${f:u(item.value)}">${f:h(item.label)}</la:option>
-									</c:forEach>
-								</la:select>
-							</div>
-							<div class="col-lg-4 hidden-md-down">
-								<!-- TODO -->
-							</div>
-						</div>
-					</c:if>
-					<div class="form-group row">
-						<label for="as_timestamp" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_timestamp"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<select id="as_timestamp" name="as.timestamp" class="form-control">
-								<option value=""><la:message key="labels.advance_search_timestamp_default" /></option>
-								<option value="[now-1d/d TO *]"
-									<c:if test="${as.timestamp.contains('[now-1d/d TO *]')}">selected</c:if>
-								><la:message key="labels.advance_search_timestamp_pastday" /></option>
-								<option value="[now-1w/d TO *]"
-									<c:if test="${as.timestamp.contains('[now-1w/d TO *]')}">selected</c:if>
-								><la:message key="labels.advance_search_timestamp_pastweek" /></option>
-								<option value="[now-1M/d TO *]"
-									<c:if test="${as.timestamp.contains('[now-1M/d TO *]')}">selected</c:if>
-								><la:message key="labels.advance_search_timestamp_pastmonth" /></option>
-								<option value="[now-1y/d TO *]"
-									<c:if test="${as.timestamp.contains('[now-1y/d TO *]')}">selected</c:if>
-								><la:message key="labels.advance_search_timestamp_pastyear" /></option>
-							</select>
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="as_filetype" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_filetype"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<select id="as_filetype" name="as.filetype" class="form-control">
-								<option value=""><la:message key="labels.advance_search_filetype_default" /></option>
-								<option value="html" <c:if test="${as.filetype.contains('html')}">selected</c:if>><la:message
-										key="labels.advance_search_filetype_html"
-									/></option>
-								<option value="pdf" <c:if test="${as.filetype.contains('pdf')}">selected</c:if>><la:message
-										key="labels.advance_search_filetype_pdf"
-									/></option>
-								<option value="word" <c:if test="${as.filetype.contains('word')}">selected</c:if>><la:message
-										key="labels.advance_search_filetype_word"
-									/></option>
-								<option value="excel" <c:if test="${as.filetype.contains('excel')}">selected</c:if>><la:message
-										key="labels.advance_search_filetype_excel"
-									/></option>
-								<option value="powerpoint" <c:if test="${as.filetype.contains('powerpoint')}">selected</c:if>><la:message
-										key="labels.advance_search_filetype_powerpoint"
-									/></option>
-							</select>
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="as_occt" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_occt"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<select id="as_occt" name="as.occt" class="form-control">
-								<option value=""><la:message key="labels.advance_search_occt_default" /></option>
-								<option value="allintitle" <c:if test="${as.occt.contains('allintitle')}">selected</c:if>><la:message
-										key="labels.advance_search_occt_allintitle"
-									/></option>
-								<option value="allinurl" <c:if test="${as.occt.contains('allinurl')}">selected</c:if>><la:message
-										key="labels.advance_search_occt_allinurl"
-									/></option>
-							</select>
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
-					</div>
-					<div class="form-group row">
-						<label for="as_sitesearch" class="col-lg-3 col-md-4 col-sm-5 col-xs-6 col-form-label"><la:message
-								key="labels.advance_search_sitesearch"
-							/></label>
-						<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
-							<input class="form-control" type="text" id="as_sitesearch" name="as.sitesearch" value="${f:h(fe:join(as.sitesearch))}">
-						</div>
-						<div class="col-lg-4 hidden-md-down">
-							<!-- TODO -->
-						</div>
+		<header>
+			<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+				<div class="container">
+					<la:link styleClass="navbar-brand d-inline-flex" href="/">
+						<img src="${fe:url('/images/logo-head.png')}"
+							alt="<la:message key="labels.header_brand_name" />"
+							class="align-items-center" />
+					</la:link>
+					<button class="navbar-toggler" type="button" data-toggle="collapse" data-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="mr-auto"></div>
+						<ul class="nav navbar-nav">
+							<c:choose>
+								<c:when test="${!empty username && username != 'guest'}">
+									<li class="nav-item">
+										<div class="dropdown">
+											<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
+												aria-expanded="false"
+											> <i class="fa fa-fw fa-user"></i>${username}
+											</a>
+											<div class="dropdown-menu" aria-labelledby="userMenu">
+												<c:if test="${editableUser == true}">
+													<la:link href="/profile" styleClass="dropdown-item">
+														<la:message key="labels.profile" />
+													</la:link>
+												</c:if>
+												<c:if test="${adminUser == true}">
+													<la:link href="/admin" styleClass="dropdown-item">
+														<la:message key="labels.administration" />
+													</la:link>
+												</c:if>
+												<la:link href="/logout/" styleClass="dropdown-item">
+													<la:message key="labels.logout" />
+												</la:link>
+											</div>
+										</div>
+									</li>
+								</c:when>
+								<c:when test="${ pageLoginLink }">
+									<li class="nav-item"><la:link href="/login" styleClass="nav-link" role="button" aria-haspopup="true"
+											aria-expanded="false"
+										>
+											<i class="fa fa-fw fa-sign-in"></i>
+											<la:message key="labels.login" />
+										</la:link></li>
+								</c:when>
+							</c:choose>
+							<li class="nav-item"><la:link href="/help" styleClass="nav-link help-link">
+									<i class="fa fa-fw fa-question-circle"></i>
+									<la:message key="labels.index_help" />
+								</la:link></li>
+						</ul>
 					</div>
 					</div>
+				</div>
+			</nav>
+		</header>
 
 
-					<div class="center">
-						<button type="submit" name="search" id="searchButton" class="btn btn-primary">
-							<i class="fa fa-search"></i>
-							<la:message key="labels.index_form_search_btn" />
-						</button>
+		<main id="content" class="container">
+			<h2>
+				<la:message key="labels.advance_search_title" />
+			</h2>
+			<div class="notification">${notification}</div>
+			<div>
+				<la:info id="msg" message="true">
+					<div class="alert alert-info">${msg}</div>
+				</la:info>
+				<la:errors header="errors.front_header" footer="errors.front_footer" prefix="errors.front_prefix"
+					suffix="errors.front_suffix"
+				/>
+			</div>
+			<div class="form-group row">
+				<label for="as_q" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_must_queries"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<input class="form-control" type="text" id="as_q" name="as.q" value="${f:h(fe:join(as.q))}">
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="as_epq" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_phrase_query"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<input class="form-control" type="text" id="as_epq" name="as.epq" value="${f:h(fe:join(as.epq))}">
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="as_oq" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_should_queries"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<input class="form-control" type="text" id="as_oq" name="as.oq" value="${f:h(fe:join(as.oq))}">
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="as_nq" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_not_queries"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<input class="form-control" type="text" id="as_nq" name="as.nq" value="${f:h(fe:join(as.nq))}">
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="contentNum" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.index_num"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<la:select property="num" styleId="numSearchOption" styleClass="form-control">
+						<option value="">
+							<la:message key="labels.search_result_select_num" />
+						</option>
+						<la:option value="10">10</la:option>
+						<la:option value="20">20</la:option>
+						<la:option value="30">30</la:option>
+						<la:option value="40">40</la:option>
+						<la:option value="50">50</la:option>
+						<la:option value="100">100</la:option>
+					</la:select>
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="contentSort" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.index_sort"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<la:select property="sort" styleId="sortSearchOption" styleClass="form-control">
+						<option value="">
+							<la:message key="labels.search_result_select_sort" />
+						</option>
+						<la:option value="score.desc">
+							<la:message key="labels.search_result_sort_score_desc" />
+						</la:option>
+						<la:option value="filename.asc">
+							<la:message key="labels.search_result_sort_filename_asc" />
+						</la:option>
+						<la:option value="filename.desc">
+							<la:message key="labels.search_result_sort_filename_desc" />
+						</la:option>
+						<la:option value="created.asc">
+							<la:message key="labels.search_result_sort_created_asc" />
+						</la:option>
+						<la:option value="created.desc">
+							<la:message key="labels.search_result_sort_created_desc" />
+						</la:option>
+						<la:option value="content_length.asc">
+							<la:message key="labels.search_result_sort_content_length_asc" />
+						</la:option>
+						<la:option value="content_length.desc">
+							<la:message key="labels.search_result_sort_content_length_desc" />
+						</la:option>
+						<la:option value="last_modified.asc">
+							<la:message key="labels.search_result_sort_last_modified_asc" />
+						</la:option>
+						<la:option value="last_modified.desc">
+							<la:message key="labels.search_result_sort_last_modified_desc" />
+						</la:option>
+						<c:if test="${searchLogSupport}">
+							<la:option value="click_count.asc">
+								<la:message key="labels.search_result_sort_click_count_asc" />
+							</la:option>
+							<la:option value="click_count.desc">
+								<la:message key="labels.search_result_sort_click_count_desc" />
+							</la:option>
+						</c:if>
+						<c:if test="${favoriteSupport}">
+							<la:option value="favorite_count.asc">
+								<la:message key="labels.search_result_sort_favorite_count_asc" />
+							</la:option>
+							<la:option value="favorite_count.desc">
+								<la:message key="labels.search_result_sort_favorite_count_desc" />
+							</la:option>
+						</c:if>
+					</la:select>
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="contentLang" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.index_lang"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-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 class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<c:if test="${displayLabelTypeItems}">
+				<div class="form-group row">
+					<label for="contentLabelType" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+							key="labels.index_label"
+						/></label>
+					<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+						<la:select property="fields.label" styleId="labelTypeSearchOption" multiple="true" styleClass="form-control">
+							<c:forEach var="item" items="${labelTypeItems}">
+								<la:option value="${f:u(item.value)}">${f:h(item.label)}</la:option>
+							</c:forEach>
+						</la:select>
+					</div>
+					<div class="col-lg-4 d-none d-lg-flex align-items-center">
+						<!-- TODO -->
 					</div>
 					</div>
 				</div>
 				</div>
+			</c:if>
+			<div class="form-group row">
+				<label for="as_timestamp" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_timestamp"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<select id="as_timestamp" name="as.timestamp" class="form-control">
+						<option value=""><la:message key="labels.advance_search_timestamp_default" /></option>
+						<option value="[now-1d/d TO *]"
+							<c:if test="${as.timestamp.contains('[now-1d/d TO *]')}">selected</c:if>
+						><la:message key="labels.advance_search_timestamp_pastday" /></option>
+						<option value="[now-1w/d TO *]"
+							<c:if test="${as.timestamp.contains('[now-1w/d TO *]')}">selected</c:if>
+						><la:message key="labels.advance_search_timestamp_pastweek" /></option>
+						<option value="[now-1M/d TO *]"
+							<c:if test="${as.timestamp.contains('[now-1M/d TO *]')}">selected</c:if>
+						><la:message key="labels.advance_search_timestamp_pastmonth" /></option>
+						<option value="[now-1y/d TO *]"
+							<c:if test="${as.timestamp.contains('[now-1y/d TO *]')}">selected</c:if>
+						><la:message key="labels.advance_search_timestamp_pastyear" /></option>
+					</select>
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="as_filetype" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_filetype"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<select id="as_filetype" name="as.filetype" class="form-control">
+						<option value=""><la:message key="labels.advance_search_filetype_default" /></option>
+						<option value="html" <c:if test="${as.filetype.contains('html')}">selected</c:if>><la:message
+								key="labels.advance_search_filetype_html"
+							/></option>
+						<option value="pdf" <c:if test="${as.filetype.contains('pdf')}">selected</c:if>><la:message
+								key="labels.advance_search_filetype_pdf"
+							/></option>
+						<option value="word" <c:if test="${as.filetype.contains('word')}">selected</c:if>><la:message
+								key="labels.advance_search_filetype_word"
+							/></option>
+						<option value="excel" <c:if test="${as.filetype.contains('excel')}">selected</c:if>><la:message
+								key="labels.advance_search_filetype_excel"
+							/></option>
+						<option value="powerpoint" <c:if test="${as.filetype.contains('powerpoint')}">selected</c:if>><la:message
+								key="labels.advance_search_filetype_powerpoint"
+							/></option>
+					</select>
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="as_occt" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_occt"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<select id="as_occt" name="as.occt" class="form-control">
+						<option value=""><la:message key="labels.advance_search_occt_default" /></option>
+						<option value="allintitle" <c:if test="${as.occt.contains('allintitle')}">selected</c:if>><la:message
+								key="labels.advance_search_occt_allintitle"
+							/></option>
+						<option value="allinurl" <c:if test="${as.occt.contains('allinurl')}">selected</c:if>><la:message
+								key="labels.advance_search_occt_allinurl"
+							/></option>
+					</select>
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+			<div class="form-group row">
+				<label for="as_sitesearch" class="col-lg-3 col-md-4 col-sm-5 col-12 col-form-label"><la:message
+						key="labels.advance_search_sitesearch"
+					/></label>
+				<div class="col-lg-5 col-md-8 col-sm-7 col-xs-6">
+					<input class="form-control" type="text" id="as_sitesearch" name="as.sitesearch" value="${f:h(fe:join(as.sitesearch))}">
+				</div>
+				<div class="col-lg-4 d-none d-lg-flex align-items-center">
+					<!-- TODO -->
+				</div>
+			</div>
+
+			<div class="row">
+				<button type="submit" name="search" id="searchButton" class="btn btn-primary btn-lg mx-auto">
+					<i class="fa fa-search"></i>
+					<la:message key="labels.index_form_search_btn" />
+				</button>
 			</div>
 			</div>
-			<jsp:include page="footer.jsp" />
-		</div>
+		</main>
+		<jsp:include page="footer.jsp" />
 	</la:form>
 	</la:form>
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<script type="text/javascript" src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/advance.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/advance.js')}"></script>
 </body>
 </body>

+ 10 - 14
src/main/webapp/WEB-INF/view/error/badRequest.jsp

@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.system_error_title" /></title>
 <title><la:message key="labels.system_error_title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
@@ -16,23 +16,19 @@
 </head>
 </head>
 <body class="error">
 <body class="error">
 	<jsp:include page="../header.jsp" />
 	<jsp:include page="../header.jsp" />
-	<div class="container">
-		<div class="content">
-			<div class="center row">
-				<div class="col-md-12">
-					<h2>
-						<la:message key="labels.request_error_title" />
-					</h2>
-					<div class="errormessage"><la:message key="labels.bad_request" /></div>
-				</div>
-			</div>
+	<main class="container">
+		<div class="text-center">
+			<h2>
+				<la:message key="labels.request_error_title" />
+			</h2>
+			<div class="errormessage"><la:message key="labels.bad_request" /></div>
 		</div>
 		</div>
-		<jsp:include page="../footer.jsp" />
-	</div>
+	</main>
+	<jsp:include page="../footer.jsp" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 </body>
 </body>

+ 14 - 18
src/main/webapp/WEB-INF/view/error/error.jsp

@@ -6,7 +6,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.system_error_title" /></title>
 <title><la:message key="labels.system_error_title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
@@ -15,28 +15,24 @@
 </head>
 </head>
 <body class="error">
 <body class="error">
 	<jsp:include page="../header.jsp" />
 	<jsp:include page="../header.jsp" />
-	<div class="container">
-		<div class="content">
-			<div class="center row">
-				<div class="col-md-12">
-					<h2>
-						<la:message key="labels.error_title" />
-					</h2>
-					<div>
-						<la:info id="msg" message="true">
-							<div class="alert alert-info">${msg}</div>
-						</la:info>
-						<la:errors styleClass="list-unstyled"/>
-					</div>
-				</div>
+	<main class="container">
+		<div class="text-center">
+			<h2>
+				<la:message key="labels.error_title" />
+			</h2>
+			<div>
+				<la:info id="msg" message="true">
+					<div class="alert alert-info">${msg}</div>
+				</la:info>
+				<la:errors styleClass="list-unstyled"/>
 			</div>
 			</div>
 		</div>
 		</div>
-		<jsp:include page="../footer.jsp" />
-	</div>
+	</main>
+	<jsp:include page="../footer.jsp" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 </body>
 </body>

+ 12 - 16
src/main/webapp/WEB-INF/view/error/notFound.jsp

@@ -6,7 +6,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.system_error_title" /></title>
 <title><la:message key="labels.system_error_title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
@@ -15,26 +15,22 @@
 </head>
 </head>
 <body class="error">
 <body class="error">
 	<jsp:include page="../header.jsp" />
 	<jsp:include page="../header.jsp" />
-	<div class="container">
-		<div class="content">
-			<div class="center row">
-				<div class="col-md-12">
-					<h2>
-						<la:message key="labels.page_not_found_title" />
-					</h2>
-					<div class="message">
-						<la:message key="labels.check_url" />
-						<br /> ${f:h(url)}
-					</div>
-				</div>
+	<main class="container">
+		<div class="text-center">
+			<h2>
+				<la:message key="labels.page_not_found_title" />
+			</h2>
+			<div>
+				<la:message key="labels.check_url" />
+				<br /> ${f:h(url)}
 			</div>
 			</div>
 		</div>
 		</div>
-		<jsp:include page="../footer.jsp" />
-	</div>
+	</main>
+	<jsp:include page="../footer.jsp" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 </body>
 </body>

+ 10 - 14
src/main/webapp/WEB-INF/view/error/system.jsp

@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.system_error_title" /></title>
 <title><la:message key="labels.system_error_title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 <link href="${fe:url('/css/style.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
@@ -16,23 +16,19 @@
 </head>
 </head>
 <body class="error">
 <body class="error">
 	<jsp:include page="../header.jsp" />
 	<jsp:include page="../header.jsp" />
-	<div class="container">
-		<div class="content">
-			<div class="center row">
-				<div class="col-md-12">
-					<h2>
-						<la:message key="labels.system_error_title" />
-					</h2>
-					<div class="errormessage"><la:message key="labels.contact_site_admin" /></div>
-				</div>
-			</div>
+	<main class="container">
+		<div class="text-center">
+			<h2>
+				<la:message key="labels.system_error_title" />
+			</h2>
+			<div class="errormessage"><la:message key="labels.contact_site_admin" /></div>
 		</div>
 		</div>
-		<jsp:include page="../footer.jsp" />
-	</div>
+	</main>
+	<jsp:include page="../footer.jsp" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<input type="hidden" id="contextPath" value="<%=request.getContextPath()%>" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 </body>
 </body>

+ 3 - 3
src/main/webapp/WEB-INF/view/footer.jsp

@@ -1,7 +1,7 @@
 <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
 <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
-<footer class="bd-footer text-muted" role="contentinfo">
-	<div id="footer" class="container center">
-		<p>
+<footer role="contentinfo">
+	<div class="container text-center">
+		<p class="textmuted">
 			<la:message key="labels.footer.copyright" />
 			<la:message key="labels.footer.copyright" />
 		</p>
 		</p>
 	</div>
 	</div>

+ 74 - 69
src/main/webapp/WEB-INF/view/header.jsp

@@ -2,80 +2,85 @@
 <la:form action="/search" method="get" styleId="searchForm"
 <la:form action="/search" method="get" styleId="searchForm"
 	role="search">
 	role="search">
 	${fe:facetForm()}${fe:geoForm()}
 	${fe:facetForm()}${fe:geoForm()}
-	<nav class="navbar navbar-dark bg-inverse navbar-fixed-top">
-		<la:link styleClass="navbar-brand" href="/">
-			<img src="${fe:url('/images/logo-head.png')}"
-				alt="<la:message key="labels.header_brand_name" />" />
-		</la:link>
-		<div
-			class="search-box navbar-form col-lg-5 col-md-6 col-sm-6 col-xs-8"
-			role="search">
-			<div class="input-group">
-				<la:text property="q" maxlength="1000" styleId="query"
-					styleClass="form-control" autocomplete="off" />
-				<span class="input-group-btn">
-					<button type="submit" name="search" id="searchButton"
-						class="btn btn-primary">
-						<i class="fa fa-search"></i>
-					</button>
-					<button type="button" class="btn btn-secondary"
-						data-toggle="control-options" data-target="#searchOptions"
-						id="searchOptionsButton">
-						<i class="fa fa-cog"></i> <span class="sr-only"><la:message
-								key="labels.header_form_option_btn" /></span>
-					</button>
-				</span>
-			</div>
-		</div>
-		<ul class="nav navbar-nav hidden-xs-down pull-right">
-			<c:choose>
-				<c:when test="${!empty username && username != 'guest'}">
-					<li class="nav-item">
-						<div class="dropdown">
-							<a class="nav-link dropdown-toggle" data-toggle="dropdown"
-								href="#" role="button" aria-haspopup="true"
-								aria-expanded="false"> <i class="fa fa-user"></i>
-								<span>${username}</span>
-							</a>
-							<div class="dropdown-menu" aria-labelledby="userMenu">
-								<c:if test="${editableUser == true}">
-									<la:link href="/profile" styleClass="dropdown-item">
-										<la:message key="labels.profile" />
-									</la:link>
-								</c:if>
-								<c:if test="${adminUser == true}">
-									<la:link href="/admin" styleClass="dropdown-item">
-										<la:message key="labels.administration" />
-									</la:link>
-								</c:if>
-								<la:link href="/logout/" styleClass="dropdown-item">
-									<la:message key="labels.logout" />
-								</la:link>
-							</div>
-						</div>
-					</li>
-				</c:when>
-				<c:when test="${ pageLoginLink }">
-					<li class="nav-item"><la:link href="/login"
-							styleClass="nav-link  " role="button" aria-haspopup="true"
+	<header>
+		<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+			<div id="content" class="container">
+				<la:link styleClass="navbar-brand d-inline-flex" href="/">
+					<img src="${fe:url('/images/logo-head.png')}"
+						alt="<la:message key="labels.header_brand_name" />"
+						class="align-items-center" />
+				</la:link>
+				<div
+					class="navbar-form col-md-6 col-sm-8 col-6 mr-auto p-0"
+					role="search">
+					<div class="input-group">
+						<la:text property="q" maxlength="1000" styleId="query"
+							styleClass="form-control" autocomplete="off" />
+						<span class="input-group-append">
+							<button type="submit" name="search" id="searchButton"
+								class="btn btn-primary">
+								<i class="fa fa-search"></i>
+							</button>
+							<button type="button" class="btn"
+								data-toggle="control-options" data-target="#searchOptions"
+								id="searchOptionsButton">
+								<i class="fa fa-cog"></i> <span class="sr-only"><la:message
+										key="labels.header_form_option_btn" /></span>
+							</button>
+						</span>
+					</div>
+				</div>
+				<ul class="nav navbar-nav d-none d-md-flex">
+					<c:choose>
+						<c:when test="${!empty username && username != 'guest'}">
+							<li class="nav-item">
+								<div class="dropdown">
+									<a class="nav-link dropdown-toggle" data-toggle="dropdown"
+										href="#" role="button" aria-haspopup="true"
+										aria-expanded="false"> <i class="fa fa-fw fa-user"></i>
+										<span>${username}</span>
+									</a>
+									<div class="dropdown-menu" aria-labelledby="userMenu">
+										<c:if test="${editableUser == true}">
+											<la:link href="/profile" styleClass="dropdown-item">
+												<la:message key="labels.profile" />
+											</la:link>
+										</c:if>
+										<c:if test="${adminUser == true}">
+											<la:link href="/admin" styleClass="dropdown-item">
+												<la:message key="labels.administration" />
+											</la:link>
+										</c:if>
+										<la:link href="/logout/" styleClass="dropdown-item">
+											<la:message key="labels.logout" />
+										</la:link>
+									</div>
+								</div>
+							</li>
+						</c:when>
+						<c:when test="${ pageLoginLink }">
+							<li class="nav-item"><la:link href="/login"
+									styleClass="nav-link  " role="button" aria-haspopup="true"
+									aria-expanded="false">
+									<i class="fa fa-fw fa-sign-in"></i>
+									<span><la:message key="labels.login" /></span>
+								</la:link></li>
+						</c:when>
+					</c:choose>
+					<li class="nav-item"><la:link href="/help" styleClass="nav-link" role="help" aria-haspopup="true"
 							aria-expanded="false">
 							aria-expanded="false">
-							<i class="fa fa-sign-in"></i>
-							<span><la:message key="labels.login" /></span>
+							<i class="fa fa-fw fa-question-circle"></i>
+							<span><la:message key="labels.index_help" /></span>
 						</la:link></li>
 						</la:link></li>
-				</c:when>
-			</c:choose>
-			<li class="nav-item"><la:link href="/help" styleClass="nav-link" role="help" aria-haspopup="true"
-					aria-expanded="false">
-					<i class="fa fa-question-circle"></i>
-					<span><la:message key="labels.index_help" /></span>
-				</la:link></li>
-		</ul>
-	</nav>
+				</ul>
+			</div>
+		</nav>
+	</header>
 	<div id="searchOptions" class="control-options">
 	<div id="searchOptions" class="control-options">
 		<div class="container">
 		<div class="container">
 			<jsp:include page="/WEB-INF/view/searchOptions.jsp" />
 			<jsp:include page="/WEB-INF/view/searchOptions.jsp" />
 			<div>
 			<div>
-				<button type="button" class="btn btn-secondary" id="searchOptionsClearButton">
+				<button type="button" class="btn" id="searchOptionsClearButton">
 					<la:message key="labels.search_options_clear" />
 					<la:message key="labels.search_options_clear" />
 				</button>
 				</button>
 				<button type="submit" class="btn btn-primary">
 				<button type="submit" class="btn btn-primary">
@@ -86,7 +91,7 @@
 					<i class="fa fa-cog"></i>
 					<i class="fa fa-cog"></i>
 					<la:message key="labels.advance" />
 					<la:message key="labels.advance" />
 				</la:link>
 				</la:link>
-				<button type="button" class="btn btn-secondary pull-right"
+				<button type="button" class="btn pull-right"
 					data-toggle="control-options" data-target="#searchOptions"
 					data-toggle="control-options" data-target="#searchOptions"
 					id="searchOptionsCloseButton">
 					id="searchOptionsCloseButton">
 					<i class="fa fa-times-circle"></i>
 					<i class="fa fa-times-circle"></i>

+ 9 - 9
src/main/webapp/WEB-INF/view/help.jsp

@@ -6,31 +6,31 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.search_title" /></title>
 <title><la:message key="labels.search_title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/font-awesome.min.css')}"
 <link href="${fe:url('/css/font-awesome.min.css')}"
 	rel="stylesheet" type="text/css" />
 	rel="stylesheet" type="text/css" />
 </head>
 </head>
-<body class="help">
+<body>
 	<jsp:include page="header.jsp" />
 	<jsp:include page="header.jsp" />
-	<div class="container">
+	<main class="container">
 		<div class="row">
 		<div class="row">
-			<div class="col-md-12">
+			<div class="col">
 
 
 				<jsp:include page="${helpPage}" />
 				<jsp:include page="${helpPage}" />
 
 
 			</div>
 			</div>
 		</div>
 		</div>
-		<p class="pull-right move-to-top">
+		<div class="text-right">
 			<a href="#"><la:message key="labels.footer_back_to_top" /></a>
 			<a href="#"><la:message key="labels.footer_back_to_top" /></a>
-		</p>
-		<jsp:include page="footer.jsp" />
-	</div>
+		</div>
+	</main>
+	<jsp:include page="footer.jsp" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/help.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/help.js')}"></script>
 </body>
 </body>

+ 86 - 77
src/main/webapp/WEB-INF/view/index.jsp

@@ -11,65 +11,94 @@
 		href="${fe:url('/osdd')}"
 		href="${fe:url('/osdd')}"
 		title="<la:message key="labels.index_osdd_title" />" />
 		title="<la:message key="labels.index_osdd_title" />" />
 </c:if>
 </c:if>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/font-awesome.min.css')}" rel="stylesheet"
 <link href="${fe:url('/css/font-awesome.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 </head>
 </head>
 <body>
 <body>
-	<la:form styleClass="form-stacked" action="search" method="get"
-		styleId="searchForm">
+	<la:form action="search" method="get" styleId="searchForm">
 		${fe:facetForm()}${fe:geoForm()}
 		${fe:facetForm()}${fe:geoForm()}
-		<nav class="navbar navbar-dark bg-inverse navbar-static-top pos-f-t">
-			<div id="content" class="container">
-				<ul class="nav navbar-nav pull-right">
-					<c:choose>
-						<c:when test="${!empty username && username != 'guest'}">
-							<li class="nav-item">
-								<div class="dropdown">
-									<a class="nav-link dropdown-toggle" data-toggle="dropdown"
-										href="#" role="button" aria-haspopup="true"
-										aria-expanded="false"> <i class="fa fa-user"></i>${username}
-									</a>
-									<div class="dropdown-menu" aria-labelledby="userMenu">
-										<c:if test="${editableUser == true}">
-											<la:link href="/profile" styleClass="dropdown-item">
-												<la:message key="labels.profile" />
-											</la:link>
-										</c:if>
-										<c:if test="${adminUser == true}">
-											<la:link href="/admin" styleClass="dropdown-item">
-												<la:message key="labels.administration" />
-											</la:link>
-										</c:if>
-										<la:link href="/logout/" styleClass="dropdown-item">
-											<la:message key="labels.logout" />
-										</la:link>
-									</div>
-								</div>
-							</li>
-						</c:when>
-						<c:when test="${ pageLoginLink }">
-							<li class="nav-item username"><la:link href="/login"
-									styleClass="nav-link" role="button" aria-haspopup="true"
-									aria-expanded="false">
-									<i class="fa fa-sign-in"></i>
-									<la:message key="labels.login" />
+		<header>
+			<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+				<div id="content" class="container">
+					<div class="navbar-brand"></div>
+					<button class="navbar-toggler" type="button" data-toggle="collapse" data-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="mr-auto"></div>
+						<ul class="nav navbar-nav">
+							<c:choose>
+								<c:when test="${!empty username && username != 'guest'}">
+									<li class="nav-item">
+										<div class="dropdown">
+											<a class="nav-link dropdown-toggle" data-toggle="dropdown"
+												href="#" role="button" aria-haspopup="true"
+												aria-expanded="false"> <i class="fa fa-fw fa-user"></i>${username}
+											</a>
+											<div class="dropdown-menu" aria-labelledby="userMenu">
+												<c:if test="${editableUser == true}">
+													<la:link href="/profile" styleClass="dropdown-item">
+														<la:message key="labels.profile" />
+													</la:link>
+												</c:if>
+												<c:if test="${adminUser == true}">
+													<la:link href="/admin" styleClass="dropdown-item">
+														<la:message key="labels.administration" />
+													</la:link>
+												</c:if>
+												<la:link href="/logout/" styleClass="dropdown-item">
+													<la:message key="labels.logout" />
+												</la:link>
+											</div>
+										</div>
+									</li>
+								</c:when>
+								<c:when test="${ pageLoginLink }">
+									<li class="nav-item"><la:link href="/login"
+											styleClass="nav-link" role="button" aria-haspopup="true"
+											aria-expanded="false">
+											<i class="fa fa-fw fa-sign-in"></i>
+											<la:message key="labels.login" />
+										</la:link></li>
+								</c:when>
+							</c:choose>
+							<li class="nav-item"><la:link href="/help"
+									styleClass="nav-link help-link">
+									<i class="fa fa-fw fa-question-circle"></i>
+									<la:message key="labels.index_help" />
 								</la:link></li>
 								</la:link></li>
-						</c:when>
-					</c:choose>
-					<li class="nav-item"><la:link href="/help"
-							styleClass="nav-link help-link">
-							<i class="fa fa-question-circle"></i>
-							<la:message key="labels.index_help" />
-						</la:link></li>
-				</ul>
+						</ul>
+					</div>
+				</div>
+			</nav>
+		</header>
+		<div id="searchOptions" class="control-options">
+			<div class="container">
+				<jsp:include page="searchOptions.jsp" />
+				<div>
+					<button type="button" class="btn" id="searchOptionsClearButton">
+						<la:message key="labels.search_options_clear" />
+					</button>
+					<la:link href="/search/advance" styleClass="btn btn-info">
+						<i class="fa fa-cog"></i>
+						<la:message key="labels.advance" />
+					</la:link>
+					<button type="button" class="btn pull-right"
+						data-toggle="control-options" data-target="#searchOptions"
+						id="searchOptionsCloseButton">
+						<i class="fa fa-times-circle"></i>
+						<la:message key="labels.search_options_close" />
+					</button>
+				</div>
 			</div>
 			</div>
-		</nav>
-		<div class="container">
-			<div class="row content">
-				<div class="center-block searchFormBox">
+		</div>
+		<main class="container">
+			<div class="row">
+				<div class="col text-center searchFormBox">
 					<h1 class="mainLogo">
 					<h1 class="mainLogo">
 						<img src="${fe:url('/images/logo.png')}"
 						<img src="${fe:url('/images/logo.png')}"
 							alt="<la:message key="labels.index_title" />" />
 							alt="<la:message key="labels.index_title" />" />
@@ -85,7 +114,7 @@
 					</div>
 					</div>
 					<fieldset>
 					<fieldset>
 						<div class="clearfix">
 						<div class="clearfix">
-							<div class="centered col-lg-5 col-md-6 col-sm-6 col-xs-8">
+							<div class="mx-auto col-10 col-sm-8 col-md-8 col-lg-6">
 								<la:text styleClass="query form-control center-block"
 								<la:text styleClass="query form-control center-block"
 									property="q" size="50" maxlength="1000" styleId="contentQuery"
 									property="q" size="50" maxlength="1000" styleId="contentQuery"
 									autocomplete="off" />
 									autocomplete="off" />
@@ -93,7 +122,7 @@
 						</div>
 						</div>
 						<c:if test="${!empty popularWords}">
 						<c:if test="${!empty popularWords}">
 							<div class="clearfix">
 							<div class="clearfix">
-								<p class="popularWordBody ellipsis">
+								<p class="text-truncate">
 									<la:message key="labels.search_popular_word_word" />
 									<la:message key="labels.search_popular_word_word" />
 									<c:forEach var="item" varStatus="s" items="${popularWords}">
 									<c:forEach var="item" varStatus="s" items="${popularWords}">
 										<c:if test="${s.index < 3}">
 										<c:if test="${s.index < 3}">
@@ -101,7 +130,7 @@
 												href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 												href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 										</c:if>
 										</c:if>
 										<c:if test="${3 <= s.index}">
 										<c:if test="${3 <= s.index}">
-											<la:link styleClass="hidden-xs"
+											<la:link styleClass="d-none d-sm-inline"
 												href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 												href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 										</c:if>
 										</c:if>
 									</c:forEach>
 									</c:forEach>
@@ -114,7 +143,7 @@
 								<i class="fa fa-search"></i>
 								<i class="fa fa-search"></i>
 								<la:message key="labels.index_form_search_btn" />
 								<la:message key="labels.index_form_search_btn" />
 							</button>
 							</button>
-							<button type="button" class="btn btn-secondary"
+							<button type="button" class="btn"
 								data-toggle="control-options" data-target="#searchOptions"
 								data-toggle="control-options" data-target="#searchOptions"
 								id="searchOptionsButton">
 								id="searchOptionsButton">
 								<i class="fa fa-cog"></i>
 								<i class="fa fa-cog"></i>
@@ -124,33 +153,13 @@
 					</fieldset>
 					</fieldset>
 				</div>
 				</div>
 			</div>
 			</div>
-			<jsp:include page="footer.jsp" />
-		</div>
-		<div id="searchOptions" class="control-options">
-			<div class="container">
-				<jsp:include page="searchOptions.jsp" />
-				<div>
-					<button type="button" class="btn btn-secondary" id="searchOptionsClearButton">
-						<la:message key="labels.search_options_clear" />
-					</button>
-					<la:link href="/search/advance" styleClass="btn btn-info">
-						<i class="fa fa-cog"></i>
-						<la:message key="labels.advance" />
-					</la:link>
-					<button type="button" class="btn btn-secondary pull-right"
-						data-toggle="control-options" data-target="#searchOptions"
-						id="searchOptionsCloseButton">
-						<i class="fa fa-times-circle"></i>
-						<la:message key="labels.search_options_close" />
-					</button>
-				</div>
-			</div>
-		</div>
+		</main>
+		<jsp:include page="footer.jsp" />
 	</la:form>
 	</la:form>
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/index.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/index.js')}"></script>
 </body>
 </body>

+ 14 - 28
src/main/webapp/WEB-INF/view/login/index.jsp

@@ -6,17 +6,11 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.login.title" /></title>
 <title><la:message key="labels.login.title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
-	type="text/css" />
-<link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
-<link href="${fe:url('/css/admin/style.css')}" rel="stylesheet"
-	type="text/css" />
-<link href="${fe:url('/css/admin/font-awesome.min.css')}"
-	rel="stylesheet" type="text/css" />
-<link href="${fe:url('/css/admin/adminlte.min.css')}" rel="stylesheet"
-	type="text/css" />
-<link href="${fe:url('/css/admin/skins/skin-blue.min.css')}"
-	rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/bootstrap.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/font-awesome.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/adminlte.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/skins/skin-blue.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/style.css')}" rel="stylesheet" type="text/css" />
 <!--[if lt IE 9]>
 <!--[if lt IE 9]>
 <script src="${fe:url('/css/admin/html5shiv.min.js')}"></script>
 <script src="${fe:url('/css/admin/html5shiv.min.js')}"></script>
 <script src="${fe:url('/css/admin/respond.min.js')}"></script>
 <script src="${fe:url('/css/admin/respond.min.js')}"></script>
@@ -64,31 +58,23 @@
 							placeholder="${ph_password}" />
 							placeholder="${ph_password}" />
 					</div>
 					</div>
 				</div>
 				</div>
-				<div class="row">
-					<div class="col-xs-3"></div>
-					<!-- /.col -->
-					<div class="col-xs-6">
-						<button type="submit" name="login"
-							class="btn btn-primary btn-block btn-flat"
-							value="<la:message key="labels.login"/>">
-							<i class="fa fa-sign-in"></i>
-							<la:message key="labels.login" />
-						</button>
-					</div>
-					<!-- /.col -->
-					<div class="col-xs-3"></div>
-					<!-- /.col -->
+				<div class="text-center">
+					<button type="submit" name="login"
+						class="btn btn-primary btn-block btn-flat"
+						value="<la:message key="labels.login"/>">
+						<i class="fa fa-sign-in"></i>
+						<la:message key="labels.login" />
+					</button>
 				</div>
 				</div>
 			</la:form>
 			</la:form>
 		</div>
 		</div>
 		<!-- /.login-box-body -->
 		<!-- /.login-box-body -->
 	</div>
 	</div>
 	<!-- /.login-box -->
 	<!-- /.login-box -->
-	<jsp:include page="../footer.jsp" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<script type="text/javascript"
 	<script type="text/javascript"
-		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+		src="${fe:url('/js/admin/jquery-3.2.1.min.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/admin/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/login.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/login.js')}"></script>
 </body>
 </body>
 </html>
 </html>

+ 19 - 33
src/main/webapp/WEB-INF/view/profile/index.jsp

@@ -6,17 +6,11 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title><la:message key="labels.profile.title" /></title>
 <title><la:message key="labels.profile.title" /></title>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
-	type="text/css" />
-<link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
-<link href="${fe:url('/css/admin/style.css')}" rel="stylesheet"
-	type="text/css" />
-<link href="${fe:url('/css/admin/font-awesome.min.css')}"
-	rel="stylesheet" type="text/css" />
-<link href="${fe:url('/css/admin/adminlte.min.css')}" rel="stylesheet"
-	type="text/css" />
-<link href="${fe:url('/css/admin/skins/skin-blue.min.css')}"
-	rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/bootstrap.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/font-awesome.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/adminlte.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/skins/skin-blue.min.css')}" rel="stylesheet" type="text/css" />
+<link href="${fe:url('/css/admin/style.css')}" rel="stylesheet" type="text/css" />
 <!--[if lt IE 9]>
 <!--[if lt IE 9]>
 <script src="${fe:url('/css/admin/html5shiv.min.js')}"></script>
 <script src="${fe:url('/css/admin/html5shiv.min.js')}"></script>
 <script src="${fe:url('/css/admin/respond.min.js')}"></script>
 <script src="${fe:url('/css/admin/respond.min.js')}"></script>
@@ -73,36 +67,28 @@
 							     placeholder="${ph_confirm_password}" />
 							     placeholder="${ph_confirm_password}" />
 					</div>
 					</div>
 				</div>
 				</div>
-				<div class="row">
-					<div class="col-xs-2"></div>
-					<!-- /.col -->
-					<div class="col-xs-8">
-						<la:link href="/"
-							styleClass="btn btn-default">
-							<i class="fa fa-arrow-circle-left"></i>
-							<la:message key="labels.profile.back" />
-						</la:link>
-						<button type="submit" name="changePassword"
-							class="btn btn-warning"
-							value="<la:message key="labels.profile.update"/>">
-							<i class="fa fa-pencil"></i>
-							<la:message key="labels.profile.update" />
-						</button>
-					</div>
-					<!-- /.col -->
-					<div class="col-xs-2"></div>
-					<!-- /.col -->
+				<div class="text-center">
+					<la:link href="/"
+						styleClass="btn btn-default">
+						<i class="fa fa-arrow-circle-left"></i>
+						<la:message key="labels.profile.back" />
+					</la:link>
+					<button type="submit" name="changePassword"
+						class="btn btn-warning"
+						value="<la:message key="labels.profile.update"/>">
+						<i class="fa fa-pencil"></i>
+						<la:message key="labels.profile.update" />
+					</button>
 				</div>
 				</div>
 			</la:form>
 			</la:form>
 		</div>
 		</div>
 		<!-- /.login-box-body -->
 		<!-- /.login-box-body -->
 	</div>
 	</div>
 	<!-- /.login-box -->
 	<!-- /.login-box -->
-	<jsp:include page="../footer.jsp" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<script type="text/javascript"
 	<script type="text/javascript"
-		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+		src="${fe:url('/js/admin/jquery-3.2.1.min.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/admin/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/profile.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/profile.js')}"></script>
 </body>
 </body>
 </html>
 </html>

+ 81 - 85
src/main/webapp/WEB-INF/view/search.jsp

@@ -12,7 +12,7 @@
 		href="${fe:url('/osdd')}"
 		href="${fe:url('/osdd')}"
 		title="<la:message key="labels.index_osdd_title" />" />
 		title="<la:message key="labels.index_osdd_title" />" />
 </c:if>
 </c:if>
-<link href="${fe:url('/css/style-base.css')}" rel="stylesheet"
+<link href="${fe:url('/css/bootstrap.min.css')}" rel="stylesheet"
 	type="text/css" />
 	type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/style.css')}" rel="stylesheet" type="text/css" />
 <link href="${fe:url('/css/font-awesome.min.css')}" rel="stylesheet"
 <link href="${fe:url('/css/font-awesome.min.css')}" rel="stylesheet"
@@ -20,83 +20,79 @@
 </head>
 </head>
 <body class="search">
 <body class="search">
 	<jsp:include page="header.jsp" />
 	<jsp:include page="header.jsp" />
-	<div id="content" class="container">
-		<div class="row">
-			<div class="col-md-12">
-				<ul class="searchOptionLabels">
-					<li><la:message key="labels.searchoptions_menu_sort" /> <a
-						href="#searchOptions" class="label label-primary"
-						data-toggle="control-options"> <c:if test="${empty sort}">
-								<la:message key="labels.searchoptions_score" />
-							</c:if> <c:if test="${sort=='score.desc'}">
-								<la:message key="labels.searchoptions_score" />
-							</c:if> <c:if test="${sort=='filename.asc'}">
-								<la:message key="labels.search_result_sort_filename_asc" />
-							</c:if> <c:if test="${sort=='filename.desc'}">
-								<la:message key="labels.search_result_sort_filename_desc" />
-							</c:if> <c:if test="${sort=='created.asc'}">
-								<la:message key="labels.search_result_sort_created_asc" />
-							</c:if> <c:if test="${sort=='created.desc'}">
-								<la:message key="labels.search_result_sort_created_desc" />
-							</c:if> <c:if test="${sort=='content_length.asc'}">
-								<la:message key="labels.search_result_sort_content_length_asc" />
-							</c:if> <c:if test="${sort=='content_length.desc'}">
-								<la:message key="labels.search_result_sort_content_length_desc" />
-							</c:if> <c:if test="${sort=='last_modified.asc'}">
-								<la:message key="labels.search_result_sort_last_modified_asc" />
-							</c:if> <c:if test="${sort=='last_modified.desc'}">
-								<la:message key="labels.search_result_sort_last_modified_desc" />
-							</c:if> <c:if test="${sort=='click_count.asc'}">
-								<la:message key="labels.search_result_sort_click_count_asc" />
-							</c:if> <c:if test="${sort=='click_count.desc'}">
-								<la:message key="labels.search_result_sort_click_count_desc" />
-							</c:if> <c:if test="${sort=='favorite_count.asc'}">
-								<la:message key="labels.search_result_sort_favorite_count_asc" />
-							</c:if> <c:if test="${sort=='favorite_count.desc'}">
-								<la:message key="labels.search_result_sort_favorite_count_desc" />
-							</c:if> <c:if test="${sort.indexOf(',') >= 0}">
-								<la:message key="labels.search_result_sort_multiple" />
-							</c:if>
-					</a></li>
-					<li><la:message key="labels.searchoptions_menu_num" /> <a
-						href="#searchOptions" class="label label-primary"
-						data-toggle="control-options"> <la:message
-								key="labels.searchoptions_num" arg0="${f:h(num)}" />
-					</a></li>
-					<li><la:message key="labels.searchoptions_menu_lang" /> <a
-						href="#searchOptions" class="label label-primary"
-						data-toggle="control-options"> <c:if test="${empty lang}">
-								<la:message key="labels.searchoptions_all" />
-							</c:if> <c:if test="${!empty lang}">
-								<c:forEach var="sLang" items="${lang}">
-									<c:forEach var="item" items="${langItems}">
-										<c:if test="${item.value==sLang}">${f:h(item.label)}</c:if>
-									</c:forEach>
-								</c:forEach>
-							</c:if>
-					</a></li>
-					<c:if test="${displayLabelTypeItems}">
-						<li><la:message key="labels.searchoptions_menu_labels" /> <a
-							href="#searchOptions" class="label label-primary"
-							data-toggle="control-options"> <c:if
-									test="${empty fields.label}">
-									<la:message key="labels.searchoptions_all" />
-								</c:if> <c:if test="${!empty fields.label}">
-									<c:forEach var="sLabel" items="${fields.label}">
-										<c:forEach var="item" items="${labelTypeItems}">
-											<c:if test="${item.value==sLabel}">${f:h(item.label)}</c:if>
-										</c:forEach>
-									</c:forEach>
-								</c:if>
-						</a></li>
+	<main id="content" class="container">
+		<ul class="list-inline">
+			<li class="list-inline-item"><la:message key="labels.searchoptions_menu_sort" /> <a
+				href="#searchOptions" class="badge badge-primary"
+				data-toggle="control-options"> <c:if test="${empty sort}">
+						<la:message key="labels.searchoptions_score" />
+					</c:if> <c:if test="${sort=='score.desc'}">
+						<la:message key="labels.searchoptions_score" />
+					</c:if> <c:if test="${sort=='filename.asc'}">
+						<la:message key="labels.search_result_sort_filename_asc" />
+					</c:if> <c:if test="${sort=='filename.desc'}">
+						<la:message key="labels.search_result_sort_filename_desc" />
+					</c:if> <c:if test="${sort=='created.asc'}">
+						<la:message key="labels.search_result_sort_created_asc" />
+					</c:if> <c:if test="${sort=='created.desc'}">
+						<la:message key="labels.search_result_sort_created_desc" />
+					</c:if> <c:if test="${sort=='content_length.asc'}">
+						<la:message key="labels.search_result_sort_content_length_asc" />
+					</c:if> <c:if test="${sort=='content_length.desc'}">
+						<la:message key="labels.search_result_sort_content_length_desc" />
+					</c:if> <c:if test="${sort=='last_modified.asc'}">
+						<la:message key="labels.search_result_sort_last_modified_asc" />
+					</c:if> <c:if test="${sort=='last_modified.desc'}">
+						<la:message key="labels.search_result_sort_last_modified_desc" />
+					</c:if> <c:if test="${sort=='click_count.asc'}">
+						<la:message key="labels.search_result_sort_click_count_asc" />
+					</c:if> <c:if test="${sort=='click_count.desc'}">
+						<la:message key="labels.search_result_sort_click_count_desc" />
+					</c:if> <c:if test="${sort=='favorite_count.asc'}">
+						<la:message key="labels.search_result_sort_favorite_count_asc" />
+					</c:if> <c:if test="${sort=='favorite_count.desc'}">
+						<la:message key="labels.search_result_sort_favorite_count_desc" />
+					</c:if> <c:if test="${sort.indexOf(',') >= 0}">
+						<la:message key="labels.search_result_sort_multiple" />
 					</c:if>
 					</c:if>
-				</ul>
-			</div>
-		</div>
+			</a></li>
+			<li class="list-inline-item"><la:message key="labels.searchoptions_menu_num" /> <a
+				href="#searchOptions" class="badge badge-primary"
+				data-toggle="control-options"> <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 badge-primary"
+				data-toggle="control-options"> <c:if test="${empty lang}">
+						<la:message key="labels.searchoptions_all" />
+					</c:if> <c:if test="${!empty lang}">
+						<c:forEach var="sLang" items="${lang}">
+							<c:forEach var="item" items="${langItems}">
+								<c:if test="${item.value==sLang}">${f:h(item.label)}</c:if>
+							</c:forEach>
+						</c:forEach>
+					</c:if>
+			</a></li>
+			<c:if test="${displayLabelTypeItems}">
+				<li class="list-inline-item"><la:message key="labels.searchoptions_menu_labels" /> <a
+					href="#searchOptions" class="badge badge-primary"
+					data-toggle="control-options"> <c:if
+							test="${empty fields.label}">
+							<la:message key="labels.searchoptions_all" />
+						</c:if> <c:if test="${!empty fields.label}">
+							<c:forEach var="sLabel" items="${fields.label}">
+								<c:forEach var="item" items="${labelTypeItems}">
+									<c:if test="${item.value==sLabel}">${f:h(item.label)}</c:if>
+								</c:forEach>
+							</c:forEach>
+						</c:if>
+				</a></li>
+			</c:if>
+		</ul>
 		<c:if test="${!empty popularWords}">
 		<c:if test="${!empty popularWords}">
 			<div class="row">
 			<div class="row">
-				<div class="col-md-12">
-					<p class="popularWordBody ellipsis">
+				<div class="col">
+					<p class="text-truncate">
 						<la:message key="labels.search_popular_word_word" />
 						<la:message key="labels.search_popular_word_word" />
 						<c:forEach var="item" varStatus="s" items="${popularWords}">
 						<c:forEach var="item" varStatus="s" items="${popularWords}">
 							<c:if test="${s.index < 3}">
 							<c:if test="${s.index < 3}">
@@ -104,7 +100,7 @@
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 							</c:if>
 							</c:if>
 							<c:if test="${3 <= s.index}">
 							<c:if test="${3 <= s.index}">
-								<la:link styleClass="hidden-xs"
+								<la:link styleClass="d-none d-sm-inline"
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 							</c:if>
 							</c:if>
 						</c:forEach>
 						</c:forEach>
@@ -114,8 +110,8 @@
 		</c:if>
 		</c:if>
 		<c:if test="${!empty relatedQueries}">
 		<c:if test="${!empty relatedQueries}">
 			<div class="row">
 			<div class="row">
-				<div class="col-md-12">
-					<p class="popularWordBody ellipsis">
+				<div class="col">
+					<p class="text-truncate">
 						<la:message key="labels.search_related_queries" />
 						<la:message key="labels.search_related_queries" />
 						<c:forEach var="item" varStatus="s" items="${relatedQueries}">
 						<c:forEach var="item" varStatus="s" items="${relatedQueries}">
 							<c:if test="${s.index < 3}">
 							<c:if test="${s.index < 3}">
@@ -123,7 +119,7 @@
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 							</c:if>
 							</c:if>
 							<c:if test="${3 <= s.index}">
 							<c:if test="${3 <= s.index}">
-								<la:link styleClass="hidden-xs"
+								<la:link styleClass="d-none d-sm-inline"
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 									href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(item)}</la:link>
 							</c:if>
 							</c:if>
 						</c:forEach>
 						</c:forEach>
@@ -133,7 +129,7 @@
 		</c:if>
 		</c:if>
 		<c:forEach var="item" varStatus="s" items="${relatedContents}">
 		<c:forEach var="item" varStatus="s" items="${relatedContents}">
 			<div class="row">
 			<div class="row">
-				<div class="col-md-12">
+				<div class="col">
 					${item}
 					${item}
 				</div>
 				</div>
 			</div>
 			</div>
@@ -141,20 +137,20 @@
 		<c:choose>
 		<c:choose>
 			<c:when test="${f:h(allRecordCount) != 0}">
 			<c:when test="${f:h(allRecordCount) != 0}">
 				<jsp:include page="searchResults.jsp" />
 				<jsp:include page="searchResults.jsp" />
-				<p class="pull-right move-to-top">
+				<div class="text-right">
 					<a href="#"><la:message key="labels.footer_back_to_top" /></a>
 					<a href="#"><la:message key="labels.footer_back_to_top" /></a>
-				</p>
+				</div>
 			</c:when>
 			</c:when>
 			<c:otherwise>
 			<c:otherwise>
 				<jsp:include page="searchNoResult.jsp" />
 				<jsp:include page="searchNoResult.jsp" />
 			</c:otherwise>
 			</c:otherwise>
 		</c:choose>
 		</c:choose>
-		<jsp:include page="footer.jsp" />
-	</div>
+	</main>
+	<jsp:include page="footer.jsp" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<input type="hidden" id="contextPath" value="${contextPath}" />
 	<script type="text/javascript"
 	<script type="text/javascript"
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
 		src="${fe:url('/js/jquery-3.2.1.min.js')}"></script>
-	<script type="text/javascript" src="${fe:url('/js/bootstrap.js')}"></script>
+	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
 </body>
 </body>

+ 116 - 123
src/main/webapp/WEB-INF/view/searchResults.jsp

@@ -1,7 +1,7 @@
 <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
 <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
 <%-- query matched some document --%>
 <%-- query matched some document --%>
 <div id="subheader" class="row">
 <div id="subheader" class="row">
-	<div class="col-md-12">
+	<div class="col">
 		<p>
 		<p>
 			<la:message key="labels.search_result_status"
 			<la:message key="labels.search_result_status"
 				arg0="${f:h(displayQuery)}" arg1="${f:h(allRecordCount)}"
 				arg0="${f:h(displayQuery)}" arg1="${f:h(allRecordCount)}"
@@ -25,119 +25,109 @@
 		</p>
 		</p>
 	</div>
 	</div>
 </c:if>
 </c:if>
-<div id="result" class="row content">
+<div id="result" class="row">
 	<input type="hidden" id="queryId" value="${f:u(queryId)}" /> <input
 	<input type="hidden" id="queryId" value="${f:u(queryId)}" /> <input
 		type="hidden" id="rt" value="${f:u(requestedTime)}" />
 		type="hidden" id="rt" value="${f:u(requestedTime)}" />
-	<div class="col-md-8">
-		<ol>
-			<c:forEach var="doc" varStatus="s" items="${documentItems}">
-				<li id="result${s.index}">
-					<div class="media">
-						<div>
-							<h3 class="title ellipsis media-heading">
-								<a class="link" href="${doc.url_link}" data-uri="${doc.url_link}"
-									data-id="${doc.doc_id}" data-order="${s.index}">${doc.content_title}</a>
-							</h3>
-							<div class="body">
-								<div>
-									<c:if test="${thumbnailSupport && !empty doc.thumbnail}">
-										<div class="thumbnailBox media-left hidden-xs-down">
-											<a class="link" href="${doc.url_link}" data-uri="${doc.url_link}" data-id="${doc.doc_id}"
-												data-order="${s.index}"
-											> <img src="${fe:url('/images/blank.png')}"
-												data-src="${fe:url('/thumbnail/')}?docId=${f:u(doc.doc_id)}&queryId=${f:u(queryId)}" class="thumbnail"
-											>
-											</a>
-										</div>
-									</c:if>
-									<div class="media-body description">${doc.content_description}</div>
-								</div>
-								<div class="site ellipsis">
-									<cite>${f:h(doc.site_path)}</cite>
-									<c:if test="${doc.has_cache=='true'}">
-										<small class="hidden-md-down"> <la:link
-												href="/cache/?docId=${doc.doc_id}${appendHighlightParams}"
-												class="cache">
-												<la:message key="labels.search_result_cache" />
-											</la:link>
-										</small>
-									</c:if>
-									<c:if test="${doc.similar_docs_count!=null&&doc.similar_docs_count>1}">
-										<small class="hidden-md-down"> <la:link
-												href="/search?q=${f:u(q)}&ex_q=${f:u(queryEntry.value)}&sdh=${f:u(fe:sdh(doc.similar_docs_hash))}${fe:facetQuery()}${fe:geoQuery()}">
-												<la:message key="labels.search_result_similar"
-															arg0="${fe:formatNumber(doc.similar_docs_count-1)}" />
-											</la:link>
-										</small>
-									</c:if>
-								</div>
-								<div class="more hidden-md-up">
-									<a href="#result${s.index}"><la:message
-											key="labels.search_result_more" /></a>
-								</div>
-								<div class="info">
-									<small> <c:if
-											test="${doc.created!=null && doc.created!=''}">
-											<c:set var="hasInfo" value="true" />
-											<la:message key="labels.search_result_created" />
-											<fmt:formatDate value="${fe:parseDate(doc.created)}"
-												type="BOTH" pattern="yyyy-MM-dd HH:mm" />
-										</c:if> <c:if
-											test="${doc.last_modified!=null && doc.last_modified!=''}">
-											<c:if test="${hasInfo}">
-												<span class="br-xs"></span>
-												<span class="hidden-xs">-</span>
-											</c:if>
-											<c:set var="hasInfo" value="true" />
-											<la:message key="labels.search_result_last_modified" />
-											<fmt:formatDate value="${fe:parseDate(doc.last_modified)}"
-												type="BOTH" pattern="yyyy-MM-dd HH:mm" />
-										</c:if> <c:if
-											test="${doc.content_length!=null && doc.content_length!=''}">
-											<c:if test="${hasInfo}">
-												<span class="br-xs"></span>
-												<span class="hidden-xs">-</span>
-											</c:if>
-											<c:set var="hasInfo" value="true" />
-											<la:message key="labels.search_result_size"
-												arg0="${fe:formatNumber(doc.content_length)}" />
-										</c:if> <c:if test="${searchLogSupport}">
-											<c:if test="${hasInfo}">
-												<span class="br-xs"></span>
-												<span class="hidden-xs">-</span>
-											</c:if>
-											<c:set var="hasInfo" value="true" />
-											<la:message key="labels.search_click_count"
-												arg0="${f:h(doc.click_count)}" />
-										</c:if> <c:if test="${favoriteSupport}">
-											<c:if test="${hasInfo}">
-												<span class="br-xs"></span>
-												<span class="hidden-xs">-</span>
-											</c:if>
-											<c:set var="hasInfo" value="true" />
-											<a href="#${doc.doc_id}" class="favorite"><la:message
-													key="labels.search_result_favorite" />
-												(${f:h(doc.favorite_count)})</a>
-											<span class="favorited"><la:message
-													key="labels.search_result_favorited" /> <span
-												class="favorited-count">(${f:h(doc.favorite_count)})</span></span>
-										</c:if>
-									</small>
-								</div>
-							</div>
-						</div>
-					</div>
-				</li>
-			</c:forEach>
-		</ol>
-	</div>
-	<aside class="col-md-4 hidden-sm-down">
+	<ol class="list-unstyled col-md-8">
+		<c:forEach var="doc" varStatus="s" items="${documentItems}">
+			<li id="result${s.index}">
+				<h3 class="title text-truncate">
+					<a class="link" href="${doc.url_link}" data-uri="${doc.url_link}"
+						data-id="${doc.doc_id}" data-order="${s.index}">${doc.content_title}</a>
+				</h3>
+				<div class="body">
+					<c:if test="${thumbnailSupport && !empty doc.thumbnail}">
+						<a class="link mr-3 d-none d-sm-flex" href="${doc.url_link}" data-uri="${doc.url_link}" data-id="${doc.doc_id}"
+							data-order="${s.index}"
+						> <img src="${fe:url('/images/blank.png')}"
+							data-src="${fe:url('/thumbnail/')}?docId=${f:u(doc.doc_id)}&queryId=${f:u(queryId)}" class="thumbnail"
+						>
+						</a>
+					</c:if>
+					<div class="description">${doc.content_description}</div>
+				</div>
+				<div class="site text-truncate">
+					<cite>${f:h(doc.site_path)}</cite>
+					<c:if test="${doc.has_cache=='true'}">
+						<small class="d-none d-lg-inline-block"> <la:link
+								href="/cache/?docId=${doc.doc_id}${appendHighlightParams}"
+								class="cache">
+								<la:message key="labels.search_result_cache" />
+							</la:link>
+						</small>
+					</c:if>
+					<c:if test="${doc.similar_docs_count!=null&&doc.similar_docs_count>1}">
+						<small class="d-none d-lg-inline-block"> <la:link
+								href="/search?q=${f:u(q)}&ex_q=${f:u(queryEntry.value)}&sdh=${f:u(fe:sdh(doc.similar_docs_hash))}${fe:facetQuery()}${fe:geoQuery()}">
+								<la:message key="labels.search_result_similar"
+											arg0="${fe:formatNumber(doc.similar_docs_count-1)}" />
+							</la:link>
+						</small>
+					</c:if>
+				</div>
+				<div class="more">
+					<a href="#result${s.index}"><la:message
+							key="labels.search_result_more" /></a>
+				</div>
+				<div class="info">
+					<small> <c:if
+							test="${doc.created!=null && doc.created!=''}">
+							<c:set var="hasInfo" value="true" />
+							<la:message key="labels.search_result_created" />
+							<fmt:formatDate value="${fe:parseDate(doc.created)}"
+								type="BOTH" pattern="yyyy-MM-dd HH:mm" />
+						</c:if> <c:if
+							test="${doc.last_modified!=null && doc.last_modified!=''}">
+							<c:if test="${hasInfo}">
+								<div class="d-sm-none"></div>
+								<span class="d-none d-sm-inline">-</span>
+							</c:if>
+							<c:set var="hasInfo" value="true" />
+							<la:message key="labels.search_result_last_modified" />
+							<fmt:formatDate value="${fe:parseDate(doc.last_modified)}"
+								type="BOTH" pattern="yyyy-MM-dd HH:mm" />
+						</c:if> <c:if
+							test="${doc.content_length!=null && doc.content_length!=''}">
+							<c:if test="${hasInfo}">
+								<div class="d-sm-none"></div>
+								<span class="d-none d-sm-inline">-</span>
+							</c:if>
+							<c:set var="hasInfo" value="true" />
+							<la:message key="labels.search_result_size"
+								arg0="${fe:formatNumber(doc.content_length)}" />
+						</c:if> <c:if test="${searchLogSupport}">
+							<c:if test="${hasInfo}">
+								<div class="d-sm-none"></div>
+								<span class="d-none d-sm-inline">-</span>
+							</c:if>
+							<c:set var="hasInfo" value="true" />
+							<la:message key="labels.search_click_count"
+								arg0="${f:h(doc.click_count)}" />
+						</c:if> <c:if test="${favoriteSupport}">
+							<c:if test="${hasInfo}">
+								<div class="d-sm-none"></div>
+								<span class="d-none d-sm-inline">-</span>
+							</c:if>
+							<c:set var="hasInfo" value="true" />
+							<a href="#${doc.doc_id}" class="favorite"><la:message
+									key="labels.search_result_favorite" />
+								(${f:h(doc.favorite_count)})</a>
+							<span class="favorited"><la:message
+									key="labels.search_result_favorited" /> <span
+								class="favorited-count">(${f:h(doc.favorite_count)})</span></span>
+						</c:if>
+					</small>
+				</div>
+			</li>
+		</c:forEach>
+	</ol>
+	<aside class="col-md-4 d-none d-md-block">
 		<%-- Side Content --%>
 		<%-- Side Content --%>
 		<c:if test="${facetResponse != null}">
 		<c:if test="${facetResponse != null}">
 			<c:forEach var="fieldData" items="${facetResponse.fieldList}">
 			<c:forEach var="fieldData" items="${facetResponse.fieldList}">
 				<c:if
 				<c:if
 					test="${fieldData.name == 'label' && fieldData.valueCountMap.size() > 0}">
 					test="${fieldData.name == 'label' && fieldData.valueCountMap.size() > 0}">
-					<ul class="list-group m-b">
+					<ul class="list-group mb-2">
 						<li class="list-group-item text-uppercase"><la:message
 						<li class="list-group-item text-uppercase"><la:message
 								key="labels.facet_label_title" /></li>
 								key="labels.facet_label_title" /></li>
 						<c:forEach var="countEntry" items="${fieldData.valueCountMap}">
 						<c:forEach var="countEntry" items="${fieldData.valueCountMap}">
@@ -146,7 +136,7 @@
 								<li class="list-group-item"><la:link
 								<li class="list-group-item"><la:link
 										href="/search?q=${f:u(q)}&ex_q=label%3a${f:u(countEntry.key)}&sdh=${f:u(fe:sdh(sh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">
 										href="/search?q=${f:u(q)}&ex_q=label%3a${f:u(countEntry.key)}&sdh=${f:u(fe:sdh(sh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">
 											${f:h(fe:label(countEntry.key))} 
 											${f:h(fe:label(countEntry.key))} 
-											<span class="label label-default label-pill pull-right">${f:h(countEntry.value)}</span>
+											<span class="badge badge-secondary badge-pill float-right">${f:h(countEntry.value)}</span>
 									</la:link></li>
 									</la:link></li>
 							</c:if>
 							</c:if>
 						</c:forEach>
 						</c:forEach>
@@ -154,29 +144,29 @@
 				</c:if>
 				</c:if>
 			</c:forEach>
 			</c:forEach>
 			<c:forEach var="facetQueryView" items="${fe:facetQueryViewList()}">
 			<c:forEach var="facetQueryView" items="${fe:facetQueryViewList()}">
-				<ul class="list-group m-b">
+				<ul class="list-group mb-2">
 					<li class="list-group-item text-uppercase"><la:message
 					<li class="list-group-item text-uppercase"><la:message
 							key="${facetQueryView.title}" /></li>
 							key="${facetQueryView.title}" /></li>
 					<c:set var="facetFound" value="F"/>
 					<c:set var="facetFound" value="F"/>
 					<c:forEach var="queryEntry" items="${facetQueryView.queryMap}">
 					<c:forEach var="queryEntry" items="${facetQueryView.queryMap}">
 						<c:if test="${facetResponse.queryCountMap[queryEntry.value] != 0}">
 						<c:if test="${facetResponse.queryCountMap[queryEntry.value] != 0}">
-							<li class="list-group-item p-l-md"><la:link
+							<li class="list-group-item"><la:link
 									href="/search?q=${f:u(q)}&ex_q=${f:u(queryEntry.value)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(queryEntry.value)}${fe:facetQuery()}${fe:geoQuery()}">
 									href="/search?q=${f:u(q)}&ex_q=${f:u(queryEntry.value)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(queryEntry.value)}${fe:facetQuery()}${fe:geoQuery()}">
 									<la:message key="${queryEntry.key}" />
 									<la:message key="${queryEntry.key}" />
-									<span class="label label-default label-pill pull-right">${f:h(facetResponse.queryCountMap[queryEntry.value])}</span>
+									<span class="badge badge-secondary badge-pill float-right">${f:h(facetResponse.queryCountMap[queryEntry.value])}</span>
 								</la:link></li>
 								</la:link></li>
 							<c:set var="facetFound" value="T"/>
 							<c:set var="facetFound" value="T"/>
 						</c:if>
 						</c:if>
 					</c:forEach>
 					</c:forEach>
 					<c:if test="${facetFound == 'F'}">
 					<c:if test="${facetFound == 'F'}">
-						<li class="list-group-item p-l-md"><la:message key="labels.facet_is_not_found" /></li>
+						<li class="list-group-item"><la:message key="labels.facet_is_not_found" /></li>
 					</c:if>
 					</c:if>
 				</ul>
 				</ul>
 			</c:forEach>
 			</c:forEach>
 			<c:if test="${!empty ex_q}">
 			<c:if test="${!empty ex_q}">
-				<div class="pull-right">
+				<div class="float-right">
 					<la:link href="/search?q=${f:u(q)}"
 					<la:link href="/search?q=${f:u(q)}"
-						styleClass="btn btn-secondary btn-sm">
+						styleClass="btn btn-link btn-sm">
 						<la:message key="labels.facet_label_reset" />
 						<la:message key="labels.facet_label_reset" />
 					</la:link>
 					</la:link>
 				</div>
 				</div>
@@ -184,39 +174,42 @@
 		</c:if>
 		</c:if>
 	</aside>
 	</aside>
 </div>
 </div>
-<div class="row center">
-	<nav id="subfooter">
+<div class="row">
+	<nav id="subfooter" class="mx-auto">
 		<ul class="pagination">
 		<ul class="pagination">
 			<c:if test="${existPrevPage}">
 			<c:if test="${existPrevPage}">
-				<li class="prev"><la:link aria-label="Previous"
+				<li class="page-item"><la:link class="page-link" aria-label="Previous"
 						href="/search/prev?q=${f:u(q)}&pn=${f:u(currentPageNumber)}&num=${f:u(pageSize)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">
 						href="/search/prev?q=${f:u(q)}&pn=${f:u(currentPageNumber)}&num=${f:u(pageSize)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">
 						<span aria-hidden="true">&laquo;</span>
 						<span aria-hidden="true">&laquo;</span>
 						<span class="sr-only"><la:message key="labels.prev_page" /></span>
 						<span class="sr-only"><la:message key="labels.prev_page" /></span>
 					</la:link></li>
 					</la:link></li>
 			</c:if>
 			</c:if>
 			<c:if test="${!existPrevPage}">
 			<c:if test="${!existPrevPage}">
-				<li class="prev disabled" aria-label="Previous"><a href="#">
+				<li class="page-item disabled" aria-label="Previous"><a class="page-link" href="#">
 						<span aria-hidden="true">&laquo;</span> <span class="sr-only"><la:message
 						<span aria-hidden="true">&laquo;</span> <span class="sr-only"><la:message
 								key="labels.prev_page" /></span>
 								key="labels.prev_page" /></span>
 				</a></li>
 				</a></li>
 			</c:if>
 			</c:if>
 			<c:forEach var="pageNumber" varStatus="s" items="${pageNumberList}">
 			<c:forEach var="pageNumber" varStatus="s" items="${pageNumberList}">
 				<li
 				<li
-					<c:if test="${pageNumber < currentPageNumber - 2 || pageNumber > currentPageNumber + 2}">class="hidden-xs"</c:if>
-					<c:if test="${pageNumber == currentPageNumber && pageNumber >= currentPageNumber - 2 && pageNumber <= currentPageNumber + 2}">class="active"</c:if>>
-					<la:link
+					<c:choose>
+						<c:when test="${pageNumber < currentPageNumber - 2 || pageNumber > currentPageNumber + 2}">class="page-item d-none d-sm-inline"</c:when>
+						<c:when test="${pageNumber == currentPageNumber && pageNumber >= currentPageNumber - 2 && pageNumber <= currentPageNumber + 2}">class="page-item active"</c:when>
+						<c:otherwise>class="page-item"</c:otherwise>
+					</c:choose>>
+					<la:link class="page-link"
 						href="/search/move?q=${f:u(q)}&pn=${f:u(pageNumber)}&num=${f:u(pageSize)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(pageNumber)}</la:link>
 						href="/search/move?q=${f:u(q)}&pn=${f:u(pageNumber)}&num=${f:u(pageSize)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">${f:h(pageNumber)}</la:link>
 				</li>
 				</li>
 			</c:forEach>
 			</c:forEach>
 			<c:if test="${existNextPage}">
 			<c:if test="${existNextPage}">
-				<li class="next"><la:link aria-label="Next"
+				<li class="page-item"><la:link class="page-link" aria-label="Next"
 						href="/search/next?q=${f:u(q)}&pn=${f:u(currentPageNumber)}&num=${f:u(pageSize)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">
 						href="/search/next?q=${f:u(q)}&pn=${f:u(currentPageNumber)}&num=${f:u(pageSize)}&sdh=${f:u(fe:sdh(sdh))}${fe:pagingQuery(null)}${fe:facetQuery()}${fe:geoQuery()}">
 						<span class="sr-only"><la:message key="labels.next_page" /></span>
 						<span class="sr-only"><la:message key="labels.next_page" /></span>
 						<span aria-hidden="true">&raquo;</span>
 						<span aria-hidden="true">&raquo;</span>
 					</la:link></li>
 					</la:link></li>
 			</c:if>
 			</c:if>
 			<c:if test="${!existNextPage}">
 			<c:if test="${!existNextPage}">
-				<li class="next disabled" aria-label="Next"><a href="#"> <span
+				<li class="page-item disabled" aria-label="Next"><a class="page-link" href="#"> <span
 						class="sr-only"><la:message key="labels.next_page" /></span> <span
 						class="sr-only"><la:message key="labels.next_page" /></span> <span
 						aria-hidden="true">&raquo;</span>
 						aria-hidden="true">&raquo;</span>
 				</a></li>
 				</a></li>

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 5 - 0
src/main/webapp/css/bootstrap.min.css


+ 0 - 6331
src/main/webapp/css/style-base.css

@@ -1,6331 +0,0 @@
-/*!
- * Bootstrap v4.0.0-alpha (http://getbootstrap.com)
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@charset "UTF-8";
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-html {
-  font-family: sans-serif;
-  -webkit-text-size-adjust: 100%;
-      -ms-text-size-adjust: 100%;
-}
-
-body {
-  margin: 0;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block;
-  vertical-align: baseline;
-}
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-[hidden],
-template {
-  display: none;
-}
-
-a {
-  background-color: transparent;
-}
-
-a:active {
-  outline: 0;
-}
-
-a:hover {
-  outline: 0;
-}
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-b,
-strong {
-  font-weight: bold;
-}
-
-dfn {
-  font-style: italic;
-}
-
-h1 {
-  margin: .67em 0;
-  font-size: 2em;
-}
-
-mark {
-  color: #000;
-  background: #ff0;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -.5em;
-}
-
-sub {
-  bottom: -.25em;
-}
-
-img {
-  border: 0;
-}
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-figure {
-  margin: 1em 40px;
-}
-
-hr {
-  height: 0;
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-}
-
-pre {
-  overflow: auto;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  margin: 0;
-  font: inherit;
-  color: inherit;
-}
-
-button {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-html input[type="button"], input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-
-input {
-  line-height: normal;
-}
-
-input[type="checkbox"],
-input[type="radio"] {
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-}
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-input[type="search"] {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  -webkit-appearance: textfield;
-       -o-appearance: textfield;
-}
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-fieldset {
-  padding: .35em .625em .75em;
-  margin: 0 2px;
-  border: 1px solid #c0c0c0;
-}
-
-legend {
-  padding: 0;
-  border: 0;
-}
-
-textarea {
-  overflow: auto;
-}
-
-optgroup {
-  font-weight: bold;
-}
-
-table {
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-
-td,
-th {
-  padding: 0;
-}
-
-@media print {
-  *,
-  *:before,
-  *:after {
-    text-shadow: none !important;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-  }
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-  abbr[title]:after {
-    content: " (" attr(title) ")";
-  }
-  pre,
-  blockquote {
-    border: 1px solid #999;
-
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-  img {
-    max-width: 100% !important;
-  }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-  .navbar {
-    display: none;
-  }
-  .btn > .caret,
-  .dropup > .btn > .caret {
-    border-top-color: #000 !important;
-  }
-  .label {
-    border: 1px solid #000;
-  }
-  .table {
-    border-collapse: collapse !important;
-  }
-  .table td,
-  .table th {
-    background-color: #fff !important;
-  }
-  .table-bordered th,
-  .table-bordered td {
-    border: 1px solid #ddd !important;
-  }
-}
-
-html {
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-}
-
-@-moz-viewport {
-  width: device-width;
-}
-
-@-ms-viewport {
-  width: device-width;
-}
-
-@-webkit-viewport {
-  width: device-width;
-}
-
-@viewport {
-  width: device-width;
-}
-
-html {
-  font-size: 16px;
-
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 1rem;
-  line-height: 1.5;
-  color: #373a3c;
-  background-color: #fff;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin-top: 0;
-  margin-bottom: .5rem;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-abbr[title],
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted #818a91;
-}
-
-address {
-  margin-bottom: 1rem;
-  font-style: normal;
-  line-height: inherit;
-}
-
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-
-dt {
-  font-weight: bold;
-}
-
-dd {
-  margin-bottom: .5rem;
-  margin-left: 0;
-}
-
-blockquote {
-  margin: 0 0 1rem;
-}
-
-a {
-  color: #0275d8;
-  text-decoration: none;
-}
-
-a:focus,
-a:hover {
-  color: #014c8c;
-  text-decoration: underline;
-}
-
-a:focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-pre {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-figure {
-  margin: 0 0 1rem;
-}
-
-img {
-  vertical-align: middle;
-}
-
-[role="button"] {
-  cursor: pointer;
-}
-
-table {
-  background-color: transparent;
-}
-
-caption {
-  padding-top: .75rem;
-  padding-bottom: .75rem;
-  color: #818a91;
-  text-align: left;
-  caption-side: bottom;
-}
-
-th {
-  text-align: left;
-}
-
-label {
-  display: inline-block;
-  margin-bottom: .5rem;
-}
-
-input,
-button,
-select,
-textarea {
-  margin: 0;
-  line-height: inherit;
-}
-
-textarea {
-  resize: vertical;
-}
-
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: .5rem;
-  font-size: 1.5rem;
-  line-height: inherit;
-}
-
-input[type="search"] {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-}
-
-output {
-  display: inline-block;
-}
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-  font-family: inherit;
-  font-weight: 500;
-  line-height: 1.1;
-  color: inherit;
-}
-
-h1, .h1,
-h2, .h2,
-h3, .h3 {
-  margin-bottom: .5rem;
-}
-
-h4, .h4,
-h5, .h5,
-h6, .h6 {
-  margin-bottom: .5rem;
-}
-
-h1, .h1 {
-  font-size: 2.5rem;
-}
-
-h2, .h2 {
-  font-size: 2rem;
-}
-
-h3, .h3 {
-  font-size: 1.75rem;
-}
-
-h4, .h4 {
-  font-size: 1.5rem;
-}
-
-h5, .h5 {
-  font-size: 1.25rem;
-}
-
-h6, .h6 {
-  font-size: 1rem;
-}
-
-.lead {
-  font-size: 1.25rem;
-  font-weight: 300;
-}
-
-.display-1 {
-  font-size: 3.5rem;
-  font-weight: 300;
-}
-
-.display-2 {
-  font-size: 4.5rem;
-  font-weight: 300;
-}
-
-.display-3 {
-  font-size: 5.5rem;
-  font-weight: 300;
-}
-
-.display-4 {
-  font-size: 6rem;
-  font-weight: 300;
-}
-
-hr {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  border: 0;
-  border-top: .0625rem solid rgba(0, 0, 0, .1);
-}
-
-small,
-.small {
-  font-size: 80%;
-  font-weight: normal;
-}
-
-mark,
-.mark {
-  padding: .2em;
-  background-color: #fcf8e3;
-}
-
-.list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-
-.list-inline {
-  padding-left: 0;
-  margin-left: -5px;
-  list-style: none;
-}
-
-.list-inline > li {
-  display: inline-block;
-  padding-right: 5px;
-  padding-left: 5px;
-}
-
-.dl-horizontal {
-  margin-right: -1.875rem;
-  margin-left: -1.875rem;
-}
-
-.dl-horizontal:before,
-.dl-horizontal:after {
-  display: table;
-  content: " ";
-}
-
-.dl-horizontal:after {
-  clear: both;
-}
-
-.initialism {
-  font-size: 90%;
-  text-transform: uppercase;
-}
-
-.blockquote {
-  padding: .5rem 1rem;
-  margin-bottom: 1rem;
-  font-size: 1.25rem;
-  border-left: .25rem solid #eceeef;
-}
-
-.blockquote p:last-child,
-.blockquote ul:last-child,
-.blockquote ol:last-child {
-  margin-bottom: 0;
-}
-
-.blockquote footer {
-  display: block;
-  font-size: 80%;
-  line-height: 1.5;
-  color: #818a91;
-}
-
-.blockquote footer:before {
-  content: "\2014 \00A0";
-}
-
-.blockquote-reverse {
-  padding-right: 1rem;
-  padding-left: 0;
-  text-align: right;
-  border-right: .25rem solid #eceeef;
-  border-left: 0;
-}
-
-.blockquote-reverse footer:before {
-  content: "";
-}
-
-.blockquote-reverse footer:after {
-  content: "\00A0 \2014";
-}
-
-.figure {
-  display: inline-block;
-}
-
-.figure > img {
-  margin-bottom: .5rem;
-  line-height: 1;
-}
-
-.figure-caption {
-  font-size: 90%;
-  color: #818a91;
-}
-
-.img-responsive, .figure > img, .carousel-inner > .carousel-item > img,
-.carousel-inner > .carousel-item > a > img {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-
-.img-rounded {
-  border-radius: .3rem;
-}
-
-.img-thumbnail {
-  display: inline-block;
-  max-width: 100%;
-  height: auto;
-  padding: .25rem;
-  line-height: 1.5;
-  background-color: #fff;
-  border: 1px solid #ddd;
-  border-radius: .25rem;
-  -webkit-transition: all .2s ease-in-out;
-     -moz-transition: all .2s ease-in-out;
-       -o-transition: all .2s ease-in-out;
-          transition: all .2s ease-in-out;
-}
-
-.img-circle {
-  border-radius: 50%;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-}
-
-code {
-  padding: .2rem .4rem;
-  font-size: 90%;
-  color: #bd4147;
-  background-color: #f7f7f9;
-  border-radius: .25rem;
-}
-
-kbd {
-  padding: .2rem .4rem;
-  font-size: 90%;
-  color: #fff;
-  background-color: #333;
-  border-radius: .2rem;
-}
-
-kbd kbd {
-  padding: 0;
-  font-size: 100%;
-  font-weight: bold;
-}
-
-pre {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  font-size: 90%;
-  line-height: 1.5;
-  color: #373a3c;
-}
-
-pre code {
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-  background-color: transparent;
-  border-radius: 0;
-}
-
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll;
-}
-
-.container {
-  padding-right: .9375rem;
-  padding-left: .9375rem;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.container:before,
-.container:after {
-  display: table;
-  content: " ";
-}
-
-.container:after {
-  clear: both;
-}
-
-@media (min-width: 34em) {
-  .container {
-    max-width: 34rem;
-  }
-}
-
-@media (min-width: 48em) {
-  .container {
-    max-width: 45rem;
-  }
-}
-
-@media (min-width: 62em) {
-  .container {
-    max-width: 60rem;
-  }
-}
-
-@media (min-width: 75em) {
-  .container {
-    max-width: 72.25rem;
-  }
-}
-
-.container-fluid {
-  padding-right: .9375rem;
-  padding-left: .9375rem;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.container-fluid:before,
-.container-fluid:after {
-  display: table;
-  content: " ";
-}
-
-.container-fluid:after {
-  clear: both;
-}
-
-.row {
-  margin-right: -.9375rem;
-  margin-left: -.9375rem;
-}
-
-.row:before,
-.row:after {
-  display: table;
-  content: " ";
-}
-
-.row:after {
-  clear: both;
-}
-
-.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
-  position: relative;
-  min-height: 1px;
-  padding-right: .9375rem;
-  padding-left: .9375rem;
-}
-
-.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
-  float: left;
-}
-
-.col-xs-1 {
-  width: 8.333333%;
-}
-
-.col-xs-2 {
-  width: 16.666667%;
-}
-
-.col-xs-3 {
-  width: 25%;
-}
-
-.col-xs-4 {
-  width: 33.333333%;
-}
-
-.col-xs-5 {
-  width: 41.666667%;
-}
-
-.col-xs-6 {
-  width: 50%;
-}
-
-.col-xs-7 {
-  width: 58.333333%;
-}
-
-.col-xs-8 {
-  width: 66.666667%;
-}
-
-.col-xs-9 {
-  width: 75%;
-}
-
-.col-xs-10 {
-  width: 83.333333%;
-}
-
-.col-xs-11 {
-  width: 91.666667%;
-}
-
-.col-xs-12 {
-  width: 100%;
-}
-
-.col-xs-pull-0 {
-  right: auto;
-}
-
-.col-xs-pull-1 {
-  right: 8.333333%;
-}
-
-.col-xs-pull-2 {
-  right: 16.666667%;
-}
-
-.col-xs-pull-3 {
-  right: 25%;
-}
-
-.col-xs-pull-4 {
-  right: 33.333333%;
-}
-
-.col-xs-pull-5 {
-  right: 41.666667%;
-}
-
-.col-xs-pull-6 {
-  right: 50%;
-}
-
-.col-xs-pull-7 {
-  right: 58.333333%;
-}
-
-.col-xs-pull-8 {
-  right: 66.666667%;
-}
-
-.col-xs-pull-9 {
-  right: 75%;
-}
-
-.col-xs-pull-10 {
-  right: 83.333333%;
-}
-
-.col-xs-pull-11 {
-  right: 91.666667%;
-}
-
-.col-xs-pull-12 {
-  right: 100%;
-}
-
-.col-xs-push-0 {
-  left: auto;
-}
-
-.col-xs-push-1 {
-  left: 8.333333%;
-}
-
-.col-xs-push-2 {
-  left: 16.666667%;
-}
-
-.col-xs-push-3 {
-  left: 25%;
-}
-
-.col-xs-push-4 {
-  left: 33.333333%;
-}
-
-.col-xs-push-5 {
-  left: 41.666667%;
-}
-
-.col-xs-push-6 {
-  left: 50%;
-}
-
-.col-xs-push-7 {
-  left: 58.333333%;
-}
-
-.col-xs-push-8 {
-  left: 66.666667%;
-}
-
-.col-xs-push-9 {
-  left: 75%;
-}
-
-.col-xs-push-10 {
-  left: 83.333333%;
-}
-
-.col-xs-push-11 {
-  left: 91.666667%;
-}
-
-.col-xs-push-12 {
-  left: 100%;
-}
-
-.col-xs-offset-0 {
-  margin-left: 0;
-}
-
-.col-xs-offset-1 {
-  margin-left: 8.333333%;
-}
-
-.col-xs-offset-2 {
-  margin-left: 16.666667%;
-}
-
-.col-xs-offset-3 {
-  margin-left: 25%;
-}
-
-.col-xs-offset-4 {
-  margin-left: 33.333333%;
-}
-
-.col-xs-offset-5 {
-  margin-left: 41.666667%;
-}
-
-.col-xs-offset-6 {
-  margin-left: 50%;
-}
-
-.col-xs-offset-7 {
-  margin-left: 58.333333%;
-}
-
-.col-xs-offset-8 {
-  margin-left: 66.666667%;
-}
-
-.col-xs-offset-9 {
-  margin-left: 75%;
-}
-
-.col-xs-offset-10 {
-  margin-left: 83.333333%;
-}
-
-.col-xs-offset-11 {
-  margin-left: 91.666667%;
-}
-
-.col-xs-offset-12 {
-  margin-left: 100%;
-}
-
-@media (min-width: 34em) {
-  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
-  }
-  .col-sm-1 {
-    width: 8.333333%;
-  }
-  .col-sm-2 {
-    width: 16.666667%;
-  }
-  .col-sm-3 {
-    width: 25%;
-  }
-  .col-sm-4 {
-    width: 33.333333%;
-  }
-  .col-sm-5 {
-    width: 41.666667%;
-  }
-  .col-sm-6 {
-    width: 50%;
-  }
-  .col-sm-7 {
-    width: 58.333333%;
-  }
-  .col-sm-8 {
-    width: 66.666667%;
-  }
-  .col-sm-9 {
-    width: 75%;
-  }
-  .col-sm-10 {
-    width: 83.333333%;
-  }
-  .col-sm-11 {
-    width: 91.666667%;
-  }
-  .col-sm-12 {
-    width: 100%;
-  }
-  .col-sm-pull-0 {
-    right: auto;
-  }
-  .col-sm-pull-1 {
-    right: 8.333333%;
-  }
-  .col-sm-pull-2 {
-    right: 16.666667%;
-  }
-  .col-sm-pull-3 {
-    right: 25%;
-  }
-  .col-sm-pull-4 {
-    right: 33.333333%;
-  }
-  .col-sm-pull-5 {
-    right: 41.666667%;
-  }
-  .col-sm-pull-6 {
-    right: 50%;
-  }
-  .col-sm-pull-7 {
-    right: 58.333333%;
-  }
-  .col-sm-pull-8 {
-    right: 66.666667%;
-  }
-  .col-sm-pull-9 {
-    right: 75%;
-  }
-  .col-sm-pull-10 {
-    right: 83.333333%;
-  }
-  .col-sm-pull-11 {
-    right: 91.666667%;
-  }
-  .col-sm-pull-12 {
-    right: 100%;
-  }
-  .col-sm-push-0 {
-    left: auto;
-  }
-  .col-sm-push-1 {
-    left: 8.333333%;
-  }
-  .col-sm-push-2 {
-    left: 16.666667%;
-  }
-  .col-sm-push-3 {
-    left: 25%;
-  }
-  .col-sm-push-4 {
-    left: 33.333333%;
-  }
-  .col-sm-push-5 {
-    left: 41.666667%;
-  }
-  .col-sm-push-6 {
-    left: 50%;
-  }
-  .col-sm-push-7 {
-    left: 58.333333%;
-  }
-  .col-sm-push-8 {
-    left: 66.666667%;
-  }
-  .col-sm-push-9 {
-    left: 75%;
-  }
-  .col-sm-push-10 {
-    left: 83.333333%;
-  }
-  .col-sm-push-11 {
-    left: 91.666667%;
-  }
-  .col-sm-push-12 {
-    left: 100%;
-  }
-  .col-sm-offset-0 {
-    margin-left: 0;
-  }
-  .col-sm-offset-1 {
-    margin-left: 8.333333%;
-  }
-  .col-sm-offset-2 {
-    margin-left: 16.666667%;
-  }
-  .col-sm-offset-3 {
-    margin-left: 25%;
-  }
-  .col-sm-offset-4 {
-    margin-left: 33.333333%;
-  }
-  .col-sm-offset-5 {
-    margin-left: 41.666667%;
-  }
-  .col-sm-offset-6 {
-    margin-left: 50%;
-  }
-  .col-sm-offset-7 {
-    margin-left: 58.333333%;
-  }
-  .col-sm-offset-8 {
-    margin-left: 66.666667%;
-  }
-  .col-sm-offset-9 {
-    margin-left: 75%;
-  }
-  .col-sm-offset-10 {
-    margin-left: 83.333333%;
-  }
-  .col-sm-offset-11 {
-    margin-left: 91.666667%;
-  }
-  .col-sm-offset-12 {
-    margin-left: 100%;
-  }
-}
-
-@media (min-width: 48em) {
-  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
-    float: left;
-  }
-  .col-md-1 {
-    width: 8.333333%;
-  }
-  .col-md-2 {
-    width: 16.666667%;
-  }
-  .col-md-3 {
-    width: 25%;
-  }
-  .col-md-4 {
-    width: 33.333333%;
-  }
-  .col-md-5 {
-    width: 41.666667%;
-  }
-  .col-md-6 {
-    width: 50%;
-  }
-  .col-md-7 {
-    width: 58.333333%;
-  }
-  .col-md-8 {
-    width: 66.666667%;
-  }
-  .col-md-9 {
-    width: 75%;
-  }
-  .col-md-10 {
-    width: 83.333333%;
-  }
-  .col-md-11 {
-    width: 91.666667%;
-  }
-  .col-md-12 {
-    width: 100%;
-  }
-  .col-md-pull-0 {
-    right: auto;
-  }
-  .col-md-pull-1 {
-    right: 8.333333%;
-  }
-  .col-md-pull-2 {
-    right: 16.666667%;
-  }
-  .col-md-pull-3 {
-    right: 25%;
-  }
-  .col-md-pull-4 {
-    right: 33.333333%;
-  }
-  .col-md-pull-5 {
-    right: 41.666667%;
-  }
-  .col-md-pull-6 {
-    right: 50%;
-  }
-  .col-md-pull-7 {
-    right: 58.333333%;
-  }
-  .col-md-pull-8 {
-    right: 66.666667%;
-  }
-  .col-md-pull-9 {
-    right: 75%;
-  }
-  .col-md-pull-10 {
-    right: 83.333333%;
-  }
-  .col-md-pull-11 {
-    right: 91.666667%;
-  }
-  .col-md-pull-12 {
-    right: 100%;
-  }
-  .col-md-push-0 {
-    left: auto;
-  }
-  .col-md-push-1 {
-    left: 8.333333%;
-  }
-  .col-md-push-2 {
-    left: 16.666667%;
-  }
-  .col-md-push-3 {
-    left: 25%;
-  }
-  .col-md-push-4 {
-    left: 33.333333%;
-  }
-  .col-md-push-5 {
-    left: 41.666667%;
-  }
-  .col-md-push-6 {
-    left: 50%;
-  }
-  .col-md-push-7 {
-    left: 58.333333%;
-  }
-  .col-md-push-8 {
-    left: 66.666667%;
-  }
-  .col-md-push-9 {
-    left: 75%;
-  }
-  .col-md-push-10 {
-    left: 83.333333%;
-  }
-  .col-md-push-11 {
-    left: 91.666667%;
-  }
-  .col-md-push-12 {
-    left: 100%;
-  }
-  .col-md-offset-0 {
-    margin-left: 0;
-  }
-  .col-md-offset-1 {
-    margin-left: 8.333333%;
-  }
-  .col-md-offset-2 {
-    margin-left: 16.666667%;
-  }
-  .col-md-offset-3 {
-    margin-left: 25%;
-  }
-  .col-md-offset-4 {
-    margin-left: 33.333333%;
-  }
-  .col-md-offset-5 {
-    margin-left: 41.666667%;
-  }
-  .col-md-offset-6 {
-    margin-left: 50%;
-  }
-  .col-md-offset-7 {
-    margin-left: 58.333333%;
-  }
-  .col-md-offset-8 {
-    margin-left: 66.666667%;
-  }
-  .col-md-offset-9 {
-    margin-left: 75%;
-  }
-  .col-md-offset-10 {
-    margin-left: 83.333333%;
-  }
-  .col-md-offset-11 {
-    margin-left: 91.666667%;
-  }
-  .col-md-offset-12 {
-    margin-left: 100%;
-  }
-}
-
-@media (min-width: 62em) {
-  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
-    float: left;
-  }
-  .col-lg-1 {
-    width: 8.333333%;
-  }
-  .col-lg-2 {
-    width: 16.666667%;
-  }
-  .col-lg-3 {
-    width: 25%;
-  }
-  .col-lg-4 {
-    width: 33.333333%;
-  }
-  .col-lg-5 {
-    width: 41.666667%;
-  }
-  .col-lg-6 {
-    width: 50%;
-  }
-  .col-lg-7 {
-    width: 58.333333%;
-  }
-  .col-lg-8 {
-    width: 66.666667%;
-  }
-  .col-lg-9 {
-    width: 75%;
-  }
-  .col-lg-10 {
-    width: 83.333333%;
-  }
-  .col-lg-11 {
-    width: 91.666667%;
-  }
-  .col-lg-12 {
-    width: 100%;
-  }
-  .col-lg-pull-0 {
-    right: auto;
-  }
-  .col-lg-pull-1 {
-    right: 8.333333%;
-  }
-  .col-lg-pull-2 {
-    right: 16.666667%;
-  }
-  .col-lg-pull-3 {
-    right: 25%;
-  }
-  .col-lg-pull-4 {
-    right: 33.333333%;
-  }
-  .col-lg-pull-5 {
-    right: 41.666667%;
-  }
-  .col-lg-pull-6 {
-    right: 50%;
-  }
-  .col-lg-pull-7 {
-    right: 58.333333%;
-  }
-  .col-lg-pull-8 {
-    right: 66.666667%;
-  }
-  .col-lg-pull-9 {
-    right: 75%;
-  }
-  .col-lg-pull-10 {
-    right: 83.333333%;
-  }
-  .col-lg-pull-11 {
-    right: 91.666667%;
-  }
-  .col-lg-pull-12 {
-    right: 100%;
-  }
-  .col-lg-push-0 {
-    left: auto;
-  }
-  .col-lg-push-1 {
-    left: 8.333333%;
-  }
-  .col-lg-push-2 {
-    left: 16.666667%;
-  }
-  .col-lg-push-3 {
-    left: 25%;
-  }
-  .col-lg-push-4 {
-    left: 33.333333%;
-  }
-  .col-lg-push-5 {
-    left: 41.666667%;
-  }
-  .col-lg-push-6 {
-    left: 50%;
-  }
-  .col-lg-push-7 {
-    left: 58.333333%;
-  }
-  .col-lg-push-8 {
-    left: 66.666667%;
-  }
-  .col-lg-push-9 {
-    left: 75%;
-  }
-  .col-lg-push-10 {
-    left: 83.333333%;
-  }
-  .col-lg-push-11 {
-    left: 91.666667%;
-  }
-  .col-lg-push-12 {
-    left: 100%;
-  }
-  .col-lg-offset-0 {
-    margin-left: 0;
-  }
-  .col-lg-offset-1 {
-    margin-left: 8.333333%;
-  }
-  .col-lg-offset-2 {
-    margin-left: 16.666667%;
-  }
-  .col-lg-offset-3 {
-    margin-left: 25%;
-  }
-  .col-lg-offset-4 {
-    margin-left: 33.333333%;
-  }
-  .col-lg-offset-5 {
-    margin-left: 41.666667%;
-  }
-  .col-lg-offset-6 {
-    margin-left: 50%;
-  }
-  .col-lg-offset-7 {
-    margin-left: 58.333333%;
-  }
-  .col-lg-offset-8 {
-    margin-left: 66.666667%;
-  }
-  .col-lg-offset-9 {
-    margin-left: 75%;
-  }
-  .col-lg-offset-10 {
-    margin-left: 83.333333%;
-  }
-  .col-lg-offset-11 {
-    margin-left: 91.666667%;
-  }
-  .col-lg-offset-12 {
-    margin-left: 100%;
-  }
-}
-
-@media (min-width: 75em) {
-  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
-    float: left;
-  }
-  .col-xl-1 {
-    width: 8.333333%;
-  }
-  .col-xl-2 {
-    width: 16.666667%;
-  }
-  .col-xl-3 {
-    width: 25%;
-  }
-  .col-xl-4 {
-    width: 33.333333%;
-  }
-  .col-xl-5 {
-    width: 41.666667%;
-  }
-  .col-xl-6 {
-    width: 50%;
-  }
-  .col-xl-7 {
-    width: 58.333333%;
-  }
-  .col-xl-8 {
-    width: 66.666667%;
-  }
-  .col-xl-9 {
-    width: 75%;
-  }
-  .col-xl-10 {
-    width: 83.333333%;
-  }
-  .col-xl-11 {
-    width: 91.666667%;
-  }
-  .col-xl-12 {
-    width: 100%;
-  }
-  .col-xl-pull-0 {
-    right: auto;
-  }
-  .col-xl-pull-1 {
-    right: 8.333333%;
-  }
-  .col-xl-pull-2 {
-    right: 16.666667%;
-  }
-  .col-xl-pull-3 {
-    right: 25%;
-  }
-  .col-xl-pull-4 {
-    right: 33.333333%;
-  }
-  .col-xl-pull-5 {
-    right: 41.666667%;
-  }
-  .col-xl-pull-6 {
-    right: 50%;
-  }
-  .col-xl-pull-7 {
-    right: 58.333333%;
-  }
-  .col-xl-pull-8 {
-    right: 66.666667%;
-  }
-  .col-xl-pull-9 {
-    right: 75%;
-  }
-  .col-xl-pull-10 {
-    right: 83.333333%;
-  }
-  .col-xl-pull-11 {
-    right: 91.666667%;
-  }
-  .col-xl-pull-12 {
-    right: 100%;
-  }
-  .col-xl-push-0 {
-    left: auto;
-  }
-  .col-xl-push-1 {
-    left: 8.333333%;
-  }
-  .col-xl-push-2 {
-    left: 16.666667%;
-  }
-  .col-xl-push-3 {
-    left: 25%;
-  }
-  .col-xl-push-4 {
-    left: 33.333333%;
-  }
-  .col-xl-push-5 {
-    left: 41.666667%;
-  }
-  .col-xl-push-6 {
-    left: 50%;
-  }
-  .col-xl-push-7 {
-    left: 58.333333%;
-  }
-  .col-xl-push-8 {
-    left: 66.666667%;
-  }
-  .col-xl-push-9 {
-    left: 75%;
-  }
-  .col-xl-push-10 {
-    left: 83.333333%;
-  }
-  .col-xl-push-11 {
-    left: 91.666667%;
-  }
-  .col-xl-push-12 {
-    left: 100%;
-  }
-  .col-xl-offset-0 {
-    margin-left: 0;
-  }
-  .col-xl-offset-1 {
-    margin-left: 8.333333%;
-  }
-  .col-xl-offset-2 {
-    margin-left: 16.666667%;
-  }
-  .col-xl-offset-3 {
-    margin-left: 25%;
-  }
-  .col-xl-offset-4 {
-    margin-left: 33.333333%;
-  }
-  .col-xl-offset-5 {
-    margin-left: 41.666667%;
-  }
-  .col-xl-offset-6 {
-    margin-left: 50%;
-  }
-  .col-xl-offset-7 {
-    margin-left: 58.333333%;
-  }
-  .col-xl-offset-8 {
-    margin-left: 66.666667%;
-  }
-  .col-xl-offset-9 {
-    margin-left: 75%;
-  }
-  .col-xl-offset-10 {
-    margin-left: 83.333333%;
-  }
-  .col-xl-offset-11 {
-    margin-left: 91.666667%;
-  }
-  .col-xl-offset-12 {
-    margin-left: 100%;
-  }
-}
-
-.table {
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: 1rem;
-}
-
-.table th,
-.table td {
-  padding: .75rem;
-  line-height: 1.5;
-  vertical-align: top;
-  border-top: 1px solid #eceeef;
-}
-
-.table thead th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #eceeef;
-}
-
-.table tbody + tbody {
-  border-top: 2px solid #eceeef;
-}
-
-.table .table {
-  background-color: #fff;
-}
-
-.table-sm th,
-.table-sm td {
-  padding: .3rem;
-}
-
-.table-bordered {
-  border: 1px solid #eceeef;
-}
-
-.table-bordered th,
-.table-bordered td {
-  border: 1px solid #eceeef;
-}
-
-.table-bordered thead th,
-.table-bordered thead td {
-  border-bottom-width: 2px;
-}
-
-.table-striped tbody tr:nth-of-type(odd) {
-  background-color: #f9f9f9;
-}
-
-.table-hover tbody tr:hover {
-  background-color: #f5f5f5;
-}
-
-.table-active,
-.table-active > th,
-.table-active > td {
-  background-color: #f5f5f5;
-}
-
-.table-hover .table-active:hover {
-  background-color: #e8e8e8;
-}
-
-.table-hover .table-active:hover > td,
-.table-hover .table-active:hover > th {
-  background-color: #e8e8e8;
-}
-
-.table-success,
-.table-success > th,
-.table-success > td {
-  background-color: #dff0d8;
-}
-
-.table-hover .table-success:hover {
-  background-color: #d0e9c6;
-}
-
-.table-hover .table-success:hover > td,
-.table-hover .table-success:hover > th {
-  background-color: #d0e9c6;
-}
-
-.table-info,
-.table-info > th,
-.table-info > td {
-  background-color: #d9edf7;
-}
-
-.table-hover .table-info:hover {
-  background-color: #c4e3f3;
-}
-
-.table-hover .table-info:hover > td,
-.table-hover .table-info:hover > th {
-  background-color: #c4e3f3;
-}
-
-.table-warning,
-.table-warning > th,
-.table-warning > td {
-  background-color: #fcf8e3;
-}
-
-.table-hover .table-warning:hover {
-  background-color: #faf2cc;
-}
-
-.table-hover .table-warning:hover > td,
-.table-hover .table-warning:hover > th {
-  background-color: #faf2cc;
-}
-
-.table-danger,
-.table-danger > th,
-.table-danger > td {
-  background-color: #f2dede;
-}
-
-.table-hover .table-danger:hover {
-  background-color: #ebcccc;
-}
-
-.table-hover .table-danger:hover > td,
-.table-hover .table-danger:hover > th {
-  background-color: #ebcccc;
-}
-
-.table-responsive {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-}
-
-.thead-inverse th {
-  color: #fff;
-  background-color: #373a3c;
-}
-
-.thead-default th {
-  color: #55595c;
-  background-color: #eceeef;
-}
-
-.table-inverse {
-  color: #eceeef;
-  background-color: #373a3c;
-}
-
-.table-inverse.table-bordered {
-  border: 0;
-}
-
-.table-inverse th,
-.table-inverse td,
-.table-inverse thead th {
-  border-color: #55595c;
-}
-
-.table-reflow thead {
-  float: left;
-}
-
-.table-reflow tbody {
-  display: block;
-  white-space: nowrap;
-}
-
-.table-reflow th,
-.table-reflow td {
-  border-top: 1px solid #eceeef;
-  border-left: 1px solid #eceeef;
-}
-
-.table-reflow th:last-child,
-.table-reflow td:last-child {
-  border-right: 1px solid #eceeef;
-}
-
-.table-reflow thead:last-child tr:last-child th,
-.table-reflow thead:last-child tr:last-child td,
-.table-reflow tbody:last-child tr:last-child th,
-.table-reflow tbody:last-child tr:last-child td,
-.table-reflow tfoot:last-child tr:last-child th,
-.table-reflow tfoot:last-child tr:last-child td {
-  border-bottom: 1px solid #eceeef;
-}
-
-.table-reflow tr {
-  float: left;
-}
-
-.table-reflow tr th,
-.table-reflow tr td {
-  display: block !important;
-  border: 1px solid #eceeef;
-}
-
-.form-control {
-  display: block;
-  width: 100%;
-  padding: .375rem .75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  color: #55595c;
-  background-color: #fff;
-  background-image: none;
-  border: .0625rem solid #ccc;
-  border-radius: .25rem;
-}
-
-.form-control::-ms-expand {
-  background-color: transparent;
-  border: 0;
-}
-
-.form-control:focus {
-  border-color: #66afe9;
-  outline: none;
-}
-
-.form-control::-webkit-input-placeholder {
-  color: #999;
-  opacity: 1;
-}
-
-.form-control::-moz-placeholder {
-  color: #999;
-  opacity: 1;
-}
-
-.form-control:-ms-input-placeholder {
-  color: #999;
-  opacity: 1;
-}
-
-.form-control::placeholder {
-  color: #999;
-  opacity: 1;
-}
-
-.form-control:disabled,
-.form-control[readonly],
-fieldset[disabled] .form-control {
-  background-color: #eceeef;
-  opacity: 1;
-}
-
-.form-control[disabled],
-fieldset[disabled] .form-control {
-  cursor: not-allowed;
-}
-
-.form-control-file,
-.form-control-range {
-  display: block;
-}
-
-.form-control-label {
-  padding: .4375rem .75rem;
-  margin-bottom: 0;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  input[type="date"].form-control,
-  input[type="time"].form-control,
-  input[type="datetime-local"].form-control,
-  input[type="month"].form-control {
-    line-height: 2.375rem;
-  }
-  input[type="date"].input-sm,
-  .input-group-sm input[type="date"].form-control,
-  input[type="time"].input-sm,
-  .input-group-sm input[type="time"].form-control,
-  input[type="datetime-local"].input-sm,
-  .input-group-sm input[type="datetime-local"].form-control,
-  input[type="month"].input-sm,
-  .input-group-sm input[type="month"].form-control {
-    line-height: 1.95rem;
-  }
-  input[type="date"].input-lg,
-  .input-group-lg input[type="date"].form-control,
-  input[type="time"].input-lg,
-  .input-group-lg input[type="time"].form-control,
-  input[type="datetime-local"].input-lg,
-  .input-group-lg input[type="datetime-local"].form-control,
-  input[type="month"].input-lg,
-  .input-group-lg input[type="month"].form-control {
-    line-height: 3.291667rem;
-  }
-}
-
-.form-control-static {
-  min-height: 2.375rem;
-  padding-top: .4375rem;
-  padding-bottom: .4375rem;
-  margin-bottom: 0;
-}
-
-.form-control-static.form-control-sm,
-.input-group-sm > .form-control-static.form-control,
-.input-group-sm > .form-control-static.input-group-addon,
-.input-group-sm > .input-group-btn > .form-control-static.btn,
-.form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
-.input-group-lg > .form-control-static.input-group-addon,
-.input-group-lg > .input-group-btn > .form-control-static.btn {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-.form-control-sm, .input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn {
-  padding: .275rem .75rem;
-  font-size: .85rem;
-  line-height: 1.5;
-  border-radius: .2rem;
-}
-
-.form-control-lg, .input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
-  padding: .75rem 1.25rem;
-  font-size: 1.25rem;
-  line-height: 1.333333;
-  border-radius: .3rem;
-}
-
-.form-group {
-  margin-bottom: 15px;
-}
-
-.radio,
-.checkbox {
-  position: relative;
-  display: block;
-  margin-bottom: .75rem;
-}
-
-.radio label,
-.checkbox label {
-  padding-left: 1.25rem;
-  margin-bottom: 0;
-  font-weight: normal;
-  cursor: pointer;
-}
-
-.radio label input:only-child,
-.checkbox label input:only-child {
-  position: static;
-}
-
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
-  position: absolute;
-  margin-top: .25rem;
-  margin-left: -1.25rem;
-}
-
-.radio + .radio,
-.checkbox + .checkbox {
-  margin-top: -.25rem;
-}
-
-.radio-inline,
-.checkbox-inline {
-  position: relative;
-  display: inline-block;
-  padding-left: 1.25rem;
-  margin-bottom: 0;
-  font-weight: normal;
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-.radio-inline + .radio-inline,
-.checkbox-inline + .checkbox-inline {
-  margin-top: 0;
-  margin-left: .75rem;
-}
-
-input[type="radio"]:disabled,
-input[type="radio"].disabled,
-fieldset[disabled] input[type="radio"],
-input[type="checkbox"]:disabled,
-input[type="checkbox"].disabled,
-fieldset[disabled] input[type="checkbox"] {
-  cursor: not-allowed;
-}
-
-.radio-inline.disabled,
-fieldset[disabled] .radio-inline,
-.checkbox-inline.disabled,
-fieldset[disabled] .checkbox-inline {
-  cursor: not-allowed;
-}
-
-.radio.disabled label,
-fieldset[disabled] .radio label,
-.checkbox.disabled label,
-fieldset[disabled] .checkbox label {
-  cursor: not-allowed;
-}
-
-.form-control-success,
-.form-control-warning,
-.form-control-error {
-  padding-right: 2.25rem;
-  background-repeat: no-repeat;
-  background-position: center right .59375rem;
-  -webkit-background-size: 1.54375rem 1.54375rem;
-          background-size: 1.54375rem 1.54375rem;
-}
-
-.has-success .help-block,
-.has-success .control-label,
-.has-success .radio,
-.has-success .checkbox,
-.has-success .radio-inline,
-.has-success .checkbox-inline,
-.has-success.radio label,
-.has-success.checkbox label,
-.has-success.radio-inline label,
-.has-success.checkbox-inline label {
-  color: #5cb85c;
-}
-
-.has-success .form-control {
-  border-color: #5cb85c;
-}
-
-.has-success .input-group-addon {
-  color: #5cb85c;
-  background-color: #eaf6ea;
-  border-color: #5cb85c;
-}
-
-.has-success .form-control-feedback {
-  color: #5cb85c;
-}
-
-.has-success .form-control-success {
-  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg==");
-}
-
-.has-warning .help-block,
-.has-warning .control-label,
-.has-warning .radio,
-.has-warning .checkbox,
-.has-warning .radio-inline,
-.has-warning .checkbox-inline,
-.has-warning.radio label,
-.has-warning.checkbox label,
-.has-warning.radio-inline label,
-.has-warning.checkbox-inline label {
-  color: #f0ad4e;
-}
-
-.has-warning .form-control {
-  border-color: #f0ad4e;
-}
-
-.has-warning .input-group-addon {
-  color: #f0ad4e;
-  background-color: white;
-  border-color: #f0ad4e;
-}
-
-.has-warning .form-control-feedback {
-  color: #f0ad4e;
-}
-
-.has-warning .form-control-warning {
-  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg==");
-}
-
-.has-error .help-block,
-.has-error .control-label,
-.has-error .radio,
-.has-error .checkbox,
-.has-error .radio-inline,
-.has-error .checkbox-inline,
-.has-error.radio label,
-.has-error.checkbox label,
-.has-error.radio-inline label,
-.has-error.checkbox-inline label {
-  color: #d9534f;
-}
-
-.has-error .form-control {
-  border-color: #d9534f;
-}
-
-.has-error .input-group-addon {
-  color: #d9534f;
-  background-color: #fdf7f7;
-  border-color: #d9534f;
-}
-
-.has-error .form-control-feedback {
-  color: #d9534f;
-}
-
-.has-error .form-control-error {
-  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4=");
-}
-
-@media (min-width: 34em) {
-  .form-inline .form-group {
-    display: inline-block;
-    margin-bottom: 0;
-    vertical-align: middle;
-  }
-  .form-inline .form-control {
-    display: inline-block;
-    width: auto;
-    vertical-align: middle;
-  }
-  .form-inline .form-control-static {
-    display: inline-block;
-  }
-  .form-inline .input-group {
-    display: inline-table;
-    vertical-align: middle;
-  }
-  .form-inline .input-group .input-group-addon,
-  .form-inline .input-group .input-group-btn,
-  .form-inline .input-group .form-control {
-    width: auto;
-  }
-  .form-inline .input-group > .form-control {
-    width: 100%;
-  }
-  .form-inline .control-label {
-    margin-bottom: 0;
-    vertical-align: middle;
-  }
-  .form-inline .radio,
-  .form-inline .checkbox {
-    display: inline-block;
-    margin-top: 0;
-    margin-bottom: 0;
-    vertical-align: middle;
-  }
-  .form-inline .radio label,
-  .form-inline .checkbox label {
-    padding-left: 0;
-  }
-  .form-inline .radio input[type="radio"],
-  .form-inline .checkbox input[type="checkbox"] {
-    position: relative;
-    margin-left: 0;
-  }
-  .form-inline .has-feedback .form-control-feedback {
-    top: 0;
-  }
-}
-
-.btn {
-  display: inline-block;
-  padding: .375rem 1rem;
-  font-size: 1rem;
-  font-weight: normal;
-  line-height: 1.5;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -ms-touch-action: manipulation;
-      touch-action: manipulation;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  border: .0625rem solid transparent;
-  border-radius: .25rem;
-}
-
-.btn:focus,
-.btn.focus,
-.btn:active:focus,
-.btn:active.focus,
-.btn.active:focus,
-.btn.active.focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-.btn:focus,
-.btn:hover {
-  text-decoration: none;
-}
-
-.btn.focus {
-  text-decoration: none;
-}
-
-.btn:active,
-.btn.active {
-  background-image: none;
-  outline: 0;
-}
-
-.btn.disabled,
-.btn:disabled,
-fieldset[disabled] .btn {
-  cursor: not-allowed;
-  opacity: .65;
-}
-
-a.btn.disaabled,
-fieldset[disabled] a.btn {
-  pointer-events: none;
-}
-
-.btn-primary {
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.btn-primary:focus,
-.btn-primary.focus,
-.btn-primary:active,
-.btn-primary.active,
-.open > .btn-primary.dropdown-toggle {
-  color: #fff;
-  background-color: #025aa5;
-  border-color: #01549b;
-}
-
-.btn-primary:hover {
-  color: #fff;
-  background-color: #025aa5;
-  border-color: #01549b;
-}
-
-.btn-primary:active,
-.btn-primary.active,
-.open > .btn-primary.dropdown-toggle {
-  background-image: none;
-}
-
-.btn-primary.disabled:focus,
-.btn-primary.disabled.focus,
-.btn-primary:disabled:focus,
-.btn-primary:disabled.focus,
-fieldset[disabled] .btn-primary:focus,
-fieldset[disabled] .btn-primary.focus {
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.btn-primary.disabled:hover,
-.btn-primary:disabled:hover,
-fieldset[disabled] .btn-primary:hover {
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.btn-secondary {
-  color: #373a3c;
-  background-color: #fff;
-  border-color: #ccc;
-}
-
-.btn-secondary:focus,
-.btn-secondary.focus,
-.btn-secondary:active,
-.btn-secondary.active,
-.open > .btn-secondary.dropdown-toggle {
-  color: #373a3c;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-
-.btn-secondary:hover {
-  color: #373a3c;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-
-.btn-secondary:active,
-.btn-secondary.active,
-.open > .btn-secondary.dropdown-toggle {
-  background-image: none;
-}
-
-.btn-secondary.disabled:focus,
-.btn-secondary.disabled.focus,
-.btn-secondary:disabled:focus,
-.btn-secondary:disabled.focus,
-fieldset[disabled] .btn-secondary:focus,
-fieldset[disabled] .btn-secondary.focus {
-  background-color: #fff;
-  border-color: #ccc;
-}
-
-.btn-secondary.disabled:hover,
-.btn-secondary:disabled:hover,
-fieldset[disabled] .btn-secondary:hover {
-  background-color: #fff;
-  border-color: #ccc;
-}
-
-.btn-info {
-  color: #fff;
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-
-.btn-info:focus,
-.btn-info.focus,
-.btn-info:active,
-.btn-info.active,
-.open > .btn-info.dropdown-toggle {
-  color: #fff;
-  background-color: #31b0d5;
-  border-color: #2aabd2;
-}
-
-.btn-info:hover {
-  color: #fff;
-  background-color: #31b0d5;
-  border-color: #2aabd2;
-}
-
-.btn-info:active,
-.btn-info.active,
-.open > .btn-info.dropdown-toggle {
-  background-image: none;
-}
-
-.btn-info.disabled:focus,
-.btn-info.disabled.focus,
-.btn-info:disabled:focus,
-.btn-info:disabled.focus,
-fieldset[disabled] .btn-info:focus,
-fieldset[disabled] .btn-info.focus {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-
-.btn-info.disabled:hover,
-.btn-info:disabled:hover,
-fieldset[disabled] .btn-info:hover {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-
-.btn-success {
-  color: #fff;
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-
-.btn-success:focus,
-.btn-success.focus,
-.btn-success:active,
-.btn-success.active,
-.open > .btn-success.dropdown-toggle {
-  color: #fff;
-  background-color: #449d44;
-  border-color: #419641;
-}
-
-.btn-success:hover {
-  color: #fff;
-  background-color: #449d44;
-  border-color: #419641;
-}
-
-.btn-success:active,
-.btn-success.active,
-.open > .btn-success.dropdown-toggle {
-  background-image: none;
-}
-
-.btn-success.disabled:focus,
-.btn-success.disabled.focus,
-.btn-success:disabled:focus,
-.btn-success:disabled.focus,
-fieldset[disabled] .btn-success:focus,
-fieldset[disabled] .btn-success.focus {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-
-.btn-success.disabled:hover,
-.btn-success:disabled:hover,
-fieldset[disabled] .btn-success:hover {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-
-.btn-warning {
-  color: #fff;
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-
-.btn-warning:focus,
-.btn-warning.focus,
-.btn-warning:active,
-.btn-warning.active,
-.open > .btn-warning.dropdown-toggle {
-  color: #fff;
-  background-color: #ec971f;
-  border-color: #eb9316;
-}
-
-.btn-warning:hover {
-  color: #fff;
-  background-color: #ec971f;
-  border-color: #eb9316;
-}
-
-.btn-warning:active,
-.btn-warning.active,
-.open > .btn-warning.dropdown-toggle {
-  background-image: none;
-}
-
-.btn-warning.disabled:focus,
-.btn-warning.disabled.focus,
-.btn-warning:disabled:focus,
-.btn-warning:disabled.focus,
-fieldset[disabled] .btn-warning:focus,
-fieldset[disabled] .btn-warning.focus {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-
-.btn-warning.disabled:hover,
-.btn-warning:disabled:hover,
-fieldset[disabled] .btn-warning:hover {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-
-.btn-danger {
-  color: #fff;
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-
-.btn-danger:focus,
-.btn-danger.focus,
-.btn-danger:active,
-.btn-danger.active,
-.open > .btn-danger.dropdown-toggle {
-  color: #fff;
-  background-color: #c9302c;
-  border-color: #c12e2a;
-}
-
-.btn-danger:hover {
-  color: #fff;
-  background-color: #c9302c;
-  border-color: #c12e2a;
-}
-
-.btn-danger:active,
-.btn-danger.active,
-.open > .btn-danger.dropdown-toggle {
-  background-image: none;
-}
-
-.btn-danger.disabled:focus,
-.btn-danger.disabled.focus,
-.btn-danger:disabled:focus,
-.btn-danger:disabled.focus,
-fieldset[disabled] .btn-danger:focus,
-fieldset[disabled] .btn-danger.focus {
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-
-.btn-danger.disabled:hover,
-.btn-danger:disabled:hover,
-fieldset[disabled] .btn-danger:hover {
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-
-.btn-primary-outline {
-  color: #0275d8;
-  background-color: transparent;
-  background-image: none;
-  border-color: #0275d8;
-}
-
-.btn-primary-outline:focus,
-.btn-primary-outline.focus,
-.btn-primary-outline:active,
-.btn-primary-outline.active,
-.open > .btn-primary-outline.dropdown-toggle {
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.btn-primary-outline:hover {
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.btn-primary-outline.disabled:focus,
-.btn-primary-outline.disabled.focus,
-.btn-primary-outline:disabled:focus,
-.btn-primary-outline:disabled.focus,
-fieldset[disabled] .btn-primary-outline:focus,
-fieldset[disabled] .btn-primary-outline.focus {
-  border-color: #43a7fd;
-}
-
-.btn-primary-outline.disabled:hover,
-.btn-primary-outline:disabled:hover,
-fieldset[disabled] .btn-primary-outline:hover {
-  border-color: #43a7fd;
-}
-
-.btn-secondary-outline {
-  color: #ccc;
-  background-color: transparent;
-  background-image: none;
-  border-color: #ccc;
-}
-
-.btn-secondary-outline:focus,
-.btn-secondary-outline.focus,
-.btn-secondary-outline:active,
-.btn-secondary-outline.active,
-.open > .btn-secondary-outline.dropdown-toggle {
-  color: #fff;
-  background-color: #ccc;
-  border-color: #ccc;
-}
-
-.btn-secondary-outline:hover {
-  color: #fff;
-  background-color: #ccc;
-  border-color: #ccc;
-}
-
-.btn-secondary-outline.disabled:focus,
-.btn-secondary-outline.disabled.focus,
-.btn-secondary-outline:disabled:focus,
-.btn-secondary-outline:disabled.focus,
-fieldset[disabled] .btn-secondary-outline:focus,
-fieldset[disabled] .btn-secondary-outline.focus {
-  border-color: white;
-}
-
-.btn-secondary-outline.disabled:hover,
-.btn-secondary-outline:disabled:hover,
-fieldset[disabled] .btn-secondary-outline:hover {
-  border-color: white;
-}
-
-.btn-info-outline {
-  color: #5bc0de;
-  background-color: transparent;
-  background-image: none;
-  border-color: #5bc0de;
-}
-
-.btn-info-outline:focus,
-.btn-info-outline.focus,
-.btn-info-outline:active,
-.btn-info-outline.active,
-.open > .btn-info-outline.dropdown-toggle {
-  color: #fff;
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-
-.btn-info-outline:hover {
-  color: #fff;
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-
-.btn-info-outline.disabled:focus,
-.btn-info-outline.disabled.focus,
-.btn-info-outline:disabled:focus,
-.btn-info-outline:disabled.focus,
-fieldset[disabled] .btn-info-outline:focus,
-fieldset[disabled] .btn-info-outline.focus {
-  border-color: #b0e1ef;
-}
-
-.btn-info-outline.disabled:hover,
-.btn-info-outline:disabled:hover,
-fieldset[disabled] .btn-info-outline:hover {
-  border-color: #b0e1ef;
-}
-
-.btn-success-outline {
-  color: #5cb85c;
-  background-color: transparent;
-  background-image: none;
-  border-color: #5cb85c;
-}
-
-.btn-success-outline:focus,
-.btn-success-outline.focus,
-.btn-success-outline:active,
-.btn-success-outline.active,
-.open > .btn-success-outline.dropdown-toggle {
-  color: #fff;
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-
-.btn-success-outline:hover {
-  color: #fff;
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-
-.btn-success-outline.disabled:focus,
-.btn-success-outline.disabled.focus,
-.btn-success-outline:disabled:focus,
-.btn-success-outline:disabled.focus,
-fieldset[disabled] .btn-success-outline:focus,
-fieldset[disabled] .btn-success-outline.focus {
-  border-color: #a3d7a3;
-}
-
-.btn-success-outline.disabled:hover,
-.btn-success-outline:disabled:hover,
-fieldset[disabled] .btn-success-outline:hover {
-  border-color: #a3d7a3;
-}
-
-.btn-warning-outline {
-  color: #f0ad4e;
-  background-color: transparent;
-  background-image: none;
-  border-color: #f0ad4e;
-}
-
-.btn-warning-outline:focus,
-.btn-warning-outline.focus,
-.btn-warning-outline:active,
-.btn-warning-outline.active,
-.open > .btn-warning-outline.dropdown-toggle {
-  color: #fff;
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-
-.btn-warning-outline:hover {
-  color: #fff;
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-
-.btn-warning-outline.disabled:focus,
-.btn-warning-outline.disabled.focus,
-.btn-warning-outline:disabled:focus,
-.btn-warning-outline:disabled.focus,
-fieldset[disabled] .btn-warning-outline:focus,
-fieldset[disabled] .btn-warning-outline.focus {
-  border-color: #f8d9ac;
-}
-
-.btn-warning-outline.disabled:hover,
-.btn-warning-outline:disabled:hover,
-fieldset[disabled] .btn-warning-outline:hover {
-  border-color: #f8d9ac;
-}
-
-.btn-danger-outline {
-  color: #d9534f;
-  background-color: transparent;
-  background-image: none;
-  border-color: #d9534f;
-}
-
-.btn-danger-outline:focus,
-.btn-danger-outline.focus,
-.btn-danger-outline:active,
-.btn-danger-outline.active,
-.open > .btn-danger-outline.dropdown-toggle {
-  color: #fff;
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-
-.btn-danger-outline:hover {
-  color: #fff;
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-
-.btn-danger-outline.disabled:focus,
-.btn-danger-outline.disabled.focus,
-.btn-danger-outline:disabled:focus,
-.btn-danger-outline:disabled.focus,
-fieldset[disabled] .btn-danger-outline:focus,
-fieldset[disabled] .btn-danger-outline.focus {
-  border-color: #eba5a3;
-}
-
-.btn-danger-outline.disabled:hover,
-.btn-danger-outline:disabled:hover,
-fieldset[disabled] .btn-danger-outline:hover {
-  border-color: #eba5a3;
-}
-
-.btn-link {
-  font-weight: normal;
-  color: #0275d8;
-  border-radius: 0;
-}
-
-.btn-link,
-.btn-link:active,
-.btn-link.active,
-.btn-link:disabled,
-fieldset[disabled] .btn-link {
-  background-color: transparent;
-}
-
-.btn-link,
-.btn-link:focus,
-.btn-link:active {
-  border-color: transparent;
-}
-
-.btn-link:hover {
-  border-color: transparent;
-}
-
-.btn-link:focus,
-.btn-link:hover {
-  color: #014c8c;
-  text-decoration: underline;
-  background-color: transparent;
-}
-
-.btn-link:disabled:focus,
-.btn-link:disabled:hover,
-fieldset[disabled] .btn-link:focus,
-fieldset[disabled] .btn-link:hover {
-  color: #818a91;
-  text-decoration: none;
-}
-
-.btn-lg, .btn-group-lg > .btn {
-  padding: .75rem 1.25rem;
-  font-size: 1.25rem;
-  line-height: 1.333333;
-  border-radius: .3rem;
-}
-
-.btn-sm, .btn-group-sm > .btn {
-  padding: .25rem .75rem;
-  font-size: .85rem;
-  line-height: 1.5;
-  border-radius: .2rem;
-}
-
-.btn-block {
-  display: block;
-  width: 100%;
-}
-
-.btn-block + .btn-block {
-  margin-top: 5px;
-}
-
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
-  width: 100%;
-}
-
-.fade {
-  opacity: 0;
-  -webkit-transition: opacity .15s linear;
-     -moz-transition: opacity .15s linear;
-       -o-transition: opacity .15s linear;
-          transition: opacity .15s linear;
-}
-
-.fade.in {
-  opacity: 1;
-}
-
-.collapse {
-  display: none;
-}
-
-.collapse.in {
-  display: block;
-}
-
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  -webkit-transition-timing-function: ease;
-     -moz-transition-timing-function: ease;
-       -o-transition-timing-function: ease;
-          transition-timing-function: ease;
-  -webkit-transition-duration: .35s;
-     -moz-transition-duration: .35s;
-       -o-transition-duration: .35s;
-          transition-duration: .35s;
-  -webkit-transition-property: height;
-     -moz-transition-property: height;
-       -o-transition-property: height;
-          transition-property: height;
-}
-
-.dropup,
-.dropdown {
-  position: relative;
-}
-
-.dropdown-toggle:after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: .25rem;
-  vertical-align: middle;
-  content: "";
-  border-top: .3em solid;
-  border-right: .3em solid transparent;
-  border-left: .3em solid transparent;
-}
-
-.dropdown-toggle:focus {
-  outline: 0;
-}
-
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0;
-  font-size: 1rem;
-  text-align: left;
-  list-style: none;
-  background-color: #fff;
-  -webkit-background-clip: padding-box;
-          background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, .15);
-  border-radius: .25rem;
-}
-
-.dropdown-divider {
-  height: 1px;
-  margin: .5rem 0;
-  overflow: hidden;
-  background-color: #e5e5e5;
-}
-
-.dropdown-item {
-  display: block;
-  width: 100%;
-  padding: 3px 20px;
-  clear: both;
-  font-weight: normal;
-  line-height: 1.5;
-  color: #373a3c;
-  text-align: inherit;
-  white-space: nowrap;
-  background: none;
-  border: 0;
-}
-
-.dropdown-item:focus,
-.dropdown-item:hover {
-  color: #2b2d2f;
-  text-decoration: none;
-  background-color: #f5f5f5;
-}
-
-.dropdown-item.active,
-.dropdown-item.active:focus,
-.dropdown-item.active:hover {
-  color: #fff;
-  text-decoration: none;
-  background-color: #0275d8;
-  outline: 0;
-}
-
-.dropdown-item.disabled,
-.dropdown-item.disabled:focus,
-.dropdown-item.disabled:hover {
-  color: #818a91;
-}
-
-.dropdown-item.disabled:focus,
-.dropdown-item.disabled:hover {
-  text-decoration: none;
-  cursor: not-allowed;
-  background-color: transparent;
-  background-image: none;
-  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
-}
-
-.open > .dropdown-menu {
-  display: block;
-}
-
-.open > a {
-  outline: 0;
-}
-
-.dropdown-menu-right {
-  right: 0;
-  left: auto;
-}
-
-.dropdown-menu-left {
-  right: auto;
-  left: 0;
-}
-
-.dropdown-header {
-  display: block;
-  padding: 3px 20px;
-  font-size: .85rem;
-  line-height: 1.5;
-  color: #818a91;
-  white-space: nowrap;
-}
-
-.dropdown-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 990;
-}
-
-.pull-right > .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
-  content: "";
-  border-top: 0;
-  border-bottom: .3em solid;
-}
-
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-  margin-bottom: 2px;
-}
-
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.btn-group > .btn,
-.btn-group-vertical > .btn {
-  position: relative;
-  float: left;
-}
-
-.btn-group > .btn:focus,
-.btn-group > .btn:active,
-.btn-group > .btn.active,
-.btn-group-vertical > .btn:focus,
-.btn-group-vertical > .btn:active,
-.btn-group-vertical > .btn.active {
-  z-index: 2;
-}
-
-.btn-group > .btn:hover,
-.btn-group-vertical > .btn:hover {
-  z-index: 2;
-}
-
-.btn-group .btn + .btn,
-.btn-group .btn + .btn-group,
-.btn-group .btn-group + .btn,
-.btn-group .btn-group + .btn-group {
-  margin-left: -1px;
-}
-
-.btn-toolbar {
-  margin-left: -5px;
-}
-
-.btn-toolbar:before,
-.btn-toolbar:after {
-  display: table;
-  content: " ";
-}
-
-.btn-toolbar:after {
-  clear: both;
-}
-
-.btn-toolbar .btn-group,
-.btn-toolbar .input-group {
-  float: left;
-}
-
-.btn-toolbar > .btn,
-.btn-toolbar > .btn-group,
-.btn-toolbar > .input-group {
-  margin-left: 5px;
-}
-
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-  border-radius: 0;
-}
-
-.btn-group > .btn:first-child {
-  margin-left: 0;
-}
-
-.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.btn-group > .btn-group {
-  float: left;
-}
-
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-
-.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
-  outline: 0;
-}
-
-.btn-group > .btn + .dropdown-toggle {
-  padding-right: 8px;
-  padding-left: 8px;
-}
-
-.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
-  padding-right: 12px;
-  padding-left: 12px;
-}
-
-.btn .caret {
-  margin-left: 0;
-}
-
-.btn-lg .caret, .btn-group-lg > .btn .caret {
-  border-width: .3em .3em 0;
-  border-bottom-width: 0;
-}
-
-.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
-  border-width: 0 .3em .3em;
-}
-
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group,
-.btn-group-vertical > .btn-group > .btn {
-  display: block;
-  float: none;
-  width: 100%;
-  max-width: 100%;
-}
-
-.btn-group-vertical > .btn-group:before,
-.btn-group-vertical > .btn-group:after {
-  display: table;
-  content: " ";
-}
-
-.btn-group-vertical > .btn-group:after {
-  clear: both;
-}
-
-.btn-group-vertical > .btn-group > .btn {
-  float: none;
-}
-
-.btn-group-vertical > .btn + .btn,
-.btn-group-vertical > .btn + .btn-group,
-.btn-group-vertical > .btn-group + .btn,
-.btn-group-vertical > .btn-group + .btn-group {
-  margin-top: -1px;
-  margin-left: 0;
-}
-
-.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
-  border-radius: 0;
-}
-
-.btn-group-vertical > .btn:first-child:not(:last-child) {
-  border-top-right-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.btn-group-vertical > .btn:last-child:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-left-radius: .25rem;
-}
-
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-[data-toggle="buttons"] > .btn input[type="radio"],
-[data-toggle="buttons"] > .btn input[type="checkbox"],
-[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
-[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
-  position: absolute;
-  clip: rect(0, 0, 0, 0);
-  pointer-events: none;
-}
-
-.input-group {
-  position: relative;
-  display: table;
-  border-collapse: separate;
-}
-
-.input-group .form-control {
-  position: relative;
-  z-index: 2;
-  float: left;
-  width: 100%;
-  margin-bottom: 0;
-}
-
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
-  display: table-cell;
-}
-
-.input-group-addon:not(:first-child):not(:last-child),
-.input-group-btn:not(:first-child):not(:last-child),
-.input-group .form-control:not(:first-child):not(:last-child) {
-  border-radius: 0;
-}
-
-.input-group-addon,
-.input-group-btn {
-  width: 1%;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-
-.input-group-addon {
-  padding: .375rem .75rem;
-  font-size: 1rem;
-  font-weight: normal;
-  line-height: 1;
-  color: #55595c;
-  text-align: center;
-  background-color: #eceeef;
-  border: 1px solid #ccc;
-  border-radius: .25rem;
-}
-
-.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .input-group-addon.btn {
-  padding: .275rem .75rem;
-  font-size: .85rem;
-  border-radius: .2rem;
-}
-
-.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .input-group-addon.btn {
-  padding: 1.25rem 1.25rem;
-  font-size: 1.25rem;
-  border-radius: .3rem;
-}
-
-.input-group-addon input[type="radio"],
-.input-group-addon input[type="checkbox"] {
-  margin-top: 0;
-}
-
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.input-group-addon:first-child {
-  border-right: 0;
-}
-
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child),
-.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.input-group-addon:last-child {
-  border-left: 0;
-}
-
-.input-group-btn {
-  position: relative;
-  font-size: 0;
-  white-space: nowrap;
-}
-
-.input-group-btn > .btn {
-  position: relative;
-}
-
-.input-group-btn > .btn + .btn {
-  margin-left: -1px;
-}
-
-.input-group-btn > .btn:focus,
-.input-group-btn > .btn:active,
-.input-group-btn > .btn:hover {
-  z-index: 2;
-}
-
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group {
-  margin-right: -1px;
-}
-
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group {
-  z-index: 2;
-  margin-left: -1px;
-}
-
-.c-input {
-  position: relative;
-  display: inline;
-  padding-left: 1.5rem;
-  color: #555;
-  cursor: pointer;
-}
-
-.c-input > input {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-}
-
-.c-input > input:checked ~ .c-indicator {
-  color: #fff;
-  background-color: #0074d9;
-}
-
-.c-input > input:active ~ .c-indicator {
-  color: #fff;
-  background-color: #84c6ff;
-}
-
-.c-input + .c-input {
-  margin-left: 1rem;
-}
-
-.c-indicator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 1rem;
-  height: 1rem;
-  font-size: 65%;
-  line-height: 1rem;
-  color: #eee;
-  text-align: center;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  background-color: #eee;
-  background-repeat: no-repeat;
-  background-position: center center;
-  -webkit-background-size: 50% 50%;
-          background-size: 50% 50%;
-}
-
-.c-checkbox .c-indicator {
-  border-radius: .25rem;
-}
-
-.c-checkbox input:checked ~ .c-indicator {
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
-}
-
-.c-checkbox input:indeterminate ~ .c-indicator {
-  background-color: #0074d9;
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
-}
-
-.c-radio .c-indicator {
-  border-radius: 50%;
-}
-
-.c-radio input:checked ~ .c-indicator {
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
-}
-
-.c-inputs-stacked .c-input {
-  display: inline;
-}
-
-.c-inputs-stacked .c-input:after {
-  display: block;
-  margin-bottom: .25rem;
-  content: "";
-}
-
-.c-inputs-stacked .c-input + .c-input {
-  margin-left: 0;
-}
-
-.c-select {
-  display: inline-block;
-  max-width: 100%;
-  -webkit-appearance: none;
-  padding: .375rem 1.75rem .375rem .75rem;
-  padding-right: .75rem \9;
-  vertical-align: middle;
-  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
-  background-image: none \9;
-  -webkit-background-size: 8px 10px;
-          background-size: 8px 10px;
-  border: 1px solid #ccc;
-
-     -moz-appearance: none;
-          appearance: none;
-}
-
-.c-select:focus {
-  border-color: #51a7e8;
-  outline: none;
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
-     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
-}
-
-.c-select::-ms-expand {
-  opacity: 0;
-}
-
-.c-select-sm {
-  padding-top: 3px;
-  padding-bottom: 3px;
-  font-size: 12px;
-}
-
-.c-select-sm:not([multiple]) {
-  height: 26px;
-  min-height: 26px;
-}
-
-.file {
-  position: relative;
-  display: inline-block;
-  height: 2.5rem;
-  cursor: pointer;
-}
-
-.file input {
-  min-width: 14rem;
-  margin: 0;
-  filter: alpha(opacity=0);
-  opacity: 0;
-}
-
-.file-custom {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 5;
-  height: 2.5rem;
-  padding: .5rem 1rem;
-  line-height: 1.5;
-  color: #555;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  background-color: #fff;
-  border: .075rem solid #ddd;
-  border-radius: .25rem;
-  -webkit-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
-     -moz-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
-          box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
-}
-
-.file-custom:after {
-  content: "Choose file...";
-}
-
-.file-custom:before {
-  position: absolute;
-  top: -.075rem;
-  right: -.075rem;
-  bottom: -.075rem;
-  z-index: 6;
-  display: block;
-  height: 2.5rem;
-  padding: .5rem 1rem;
-  line-height: 1.5;
-  color: #555;
-  content: "Browse";
-  background-color: #eee;
-  border: .075rem solid #ddd;
-  border-radius: 0 .25rem .25rem 0;
-}
-
-.file input:focus ~ .file-custom {
-  -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
-     -moz-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
-          box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
-}
-
-.nav {
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-
-.nav-link {
-  display: inline-block;
-}
-
-.nav-link:focus,
-.nav-link:hover {
-  text-decoration: none;
-}
-
-.nav-link.disabled {
-  color: #818a91;
-}
-
-.nav-link.disabled,
-.nav-link.disabled:focus,
-.nav-link.disabled:hover {
-  color: #818a91;
-  cursor: not-allowed;
-  background-color: transparent;
-}
-
-.nav-inline .nav-link + .nav-link {
-  margin-left: 1rem;
-}
-
-.nav-tabs {
-  border-bottom: 1px solid #ddd;
-}
-
-.nav-tabs:before,
-.nav-tabs:after {
-  display: table;
-  content: " ";
-}
-
-.nav-tabs:after {
-  clear: both;
-}
-
-.nav-tabs .nav-item {
-  float: left;
-  margin-bottom: -1px;
-}
-
-.nav-tabs .nav-item + .nav-item {
-  margin-left: .2rem;
-}
-
-.nav-tabs .nav-link {
-  display: block;
-  padding: .5em 1em;
-  border: 1px solid transparent;
-  border-radius: .25rem .25rem 0 0;
-}
-
-.nav-tabs .nav-link:focus,
-.nav-tabs .nav-link:hover {
-  border-color: #eceeef #eceeef #ddd;
-}
-
-.nav-tabs .nav-link.disabled,
-.nav-tabs .nav-link.disabled:focus,
-.nav-tabs .nav-link.disabled:hover {
-  color: #818a91;
-  background-color: transparent;
-  border-color: transparent;
-}
-
-.nav-tabs .nav-link.active,
-.nav-tabs .nav-link.active:focus,
-.nav-tabs .nav-link.active:hover,
-.nav-tabs .nav-item.open .nav-link,
-.nav-tabs .nav-item.open .nav-link:focus,
-.nav-tabs .nav-item.open .nav-link:hover {
-  color: #55595c;
-  background-color: #fff;
-  border-color: #ddd #ddd transparent;
-}
-
-.nav-pills .nav-item {
-  float: left;
-}
-
-.nav-pills .nav-item + .nav-item {
-  margin-left: .2rem;
-}
-
-.nav-pills .nav-link {
-  display: block;
-  padding: .5em 1em;
-  border-radius: .25rem;
-}
-
-.nav-pills .nav-link.active,
-.nav-pills .nav-link.active:focus,
-.nav-pills .nav-link.active:hover,
-.nav-pills .nav-item.open .nav-link,
-.nav-pills .nav-item.open .nav-link:focus,
-.nav-pills .nav-item.open .nav-link:hover {
-  color: #fff;
-  cursor: default;
-  background-color: #0275d8;
-}
-
-.nav-stacked .nav-item {
-  display: block;
-  float: none;
-}
-
-.nav-stacked .nav-item + .nav-item {
-  margin-top: .2rem;
-  margin-left: 0;
-}
-
-.tab-content > .tab-pane {
-  display: none;
-}
-
-.tab-content > .active {
-  display: block;
-}
-
-.nav-tabs .dropdown-menu {
-  margin-top: -1px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.navbar {
-  position: relative;
-  padding: .5rem 1rem;
-}
-
-.navbar:before,
-.navbar:after {
-  display: table;
-  content: " ";
-}
-
-.navbar:after {
-  clear: both;
-}
-
-@media (min-width: 34em) {
-  .navbar {
-    border-radius: .25rem;
-  }
-}
-
-.navbar-static-top {
-  z-index: 1000;
-}
-
-@media (min-width: 34em) {
-  .navbar-static-top {
-    border-radius: 0;
-  }
-}
-
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-  margin-bottom: 0;
-}
-
-@media (min-width: 34em) {
-  .navbar-fixed-top,
-  .navbar-fixed-bottom {
-    border-radius: 0;
-  }
-}
-
-.navbar-fixed-top {
-  top: 0;
-}
-
-.navbar-fixed-bottom {
-  bottom: 0;
-}
-
-.navbar-sticky-top {
-  position: -webkit-sticky;
-  position:         sticky;
-  top: 0;
-  z-index: 1030;
-  width: 100%;
-}
-
-@media (min-width: 34em) {
-  .navbar-sticky-top {
-    border-radius: 0;
-  }
-}
-
-.navbar-brand {
-  float: left;
-  padding-top: .25rem;
-  padding-bottom: .25rem;
-  margin-right: 1rem;
-  font-size: 1.25rem;
-}
-
-.navbar-brand:focus,
-.navbar-brand:hover {
-  text-decoration: none;
-}
-
-.navbar-brand > img {
-  display: block;
-}
-
-.navbar-divider {
-  float: left;
-  width: 1px;
-  padding-top: .425rem;
-  padding-bottom: .425rem;
-  margin-right: 1rem;
-  margin-left: 1rem;
-  overflow: hidden;
-}
-
-.navbar-divider:before {
-  content: '\00a0';
-}
-
-.navbar-toggler {
-  padding: .5rem .75rem;
-  font-size: 1.25rem;
-  line-height: 1;
-  background: none;
-  border: .0625rem solid transparent;
-  border-radius: .25rem;
-}
-
-.navbar-toggler:focus,
-.navbar-toggler:hover {
-  text-decoration: none;
-}
-
-@media (min-width: 34em) {
-  .navbar-toggleable-xs {
-    display: block !important;
-  }
-}
-
-@media (min-width: 48em) {
-  .navbar-toggleable-sm {
-    display: block !important;
-  }
-}
-
-.navbar-nav {
-  float: left;
-  padding-top: .425rem;
-  padding-bottom: .425rem;
-}
-
-.navbar-nav .nav-item {
-  float: left;
-}
-
-.navbar-nav .nav-link + .nav-link {
-  margin-left: 1rem;
-}
-
-.navbar-nav .nav-item + .nav-item {
-  margin-left: 1rem;
-}
-
-.navbar-light .navbar-brand {
-  color: rgba(0, 0, 0, .8);
-}
-
-.navbar-light .navbar-brand:focus,
-.navbar-light .navbar-brand:hover {
-  color: rgba(0, 0, 0, .8);
-}
-
-.navbar-light .navbar-nav .nav-link {
-  color: rgba(0, 0, 0, .3);
-}
-
-.navbar-light .navbar-nav .nav-link:focus,
-.navbar-light .navbar-nav .nav-link:hover {
-  color: rgba(0, 0, 0, .6);
-}
-
-.navbar-light .navbar-nav .open > .nav-link,
-.navbar-light .navbar-nav .open > .nav-link:focus,
-.navbar-light .navbar-nav .open > .nav-link:hover,
-.navbar-light .navbar-nav .active > .nav-link,
-.navbar-light .navbar-nav .active > .nav-link:focus,
-.navbar-light .navbar-nav .active > .nav-link:hover,
-.navbar-light .navbar-nav .nav-link.open,
-.navbar-light .navbar-nav .nav-link.open:focus,
-.navbar-light .navbar-nav .nav-link.open:hover,
-.navbar-light .navbar-nav .nav-link.active,
-.navbar-light .navbar-nav .nav-link.active:focus,
-.navbar-light .navbar-nav .nav-link.active:hover {
-  color: rgba(0, 0, 0, .8);
-}
-
-.navbar-light .navbar-divider {
-  background-color: rgba(0, 0, 0, .075);
-}
-
-.navbar-dark .navbar-brand {
-  color: white;
-}
-
-.navbar-dark .navbar-brand:focus,
-.navbar-dark .navbar-brand:hover {
-  color: white;
-}
-
-.navbar-dark .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, .5);
-}
-
-.navbar-dark .navbar-nav .nav-link:focus,
-.navbar-dark .navbar-nav .nav-link:hover {
-  color: rgba(255, 255, 255, .75);
-}
-
-.navbar-dark .navbar-nav .open > .nav-link,
-.navbar-dark .navbar-nav .open > .nav-link:focus,
-.navbar-dark .navbar-nav .open > .nav-link:hover,
-.navbar-dark .navbar-nav .active > .nav-link,
-.navbar-dark .navbar-nav .active > .nav-link:focus,
-.navbar-dark .navbar-nav .active > .nav-link:hover,
-.navbar-dark .navbar-nav .nav-link.open,
-.navbar-dark .navbar-nav .nav-link.open:focus,
-.navbar-dark .navbar-nav .nav-link.open:hover,
-.navbar-dark .navbar-nav .nav-link.active,
-.navbar-dark .navbar-nav .nav-link.active:focus,
-.navbar-dark .navbar-nav .nav-link.active:hover {
-  color: white;
-}
-
-.navbar-dark .navbar-divider {
-  background-color: rgba(255, 255, 255, .075);
-}
-
-.card {
-  position: relative;
-  margin-bottom: .75rem;
-  border: .0625rem solid #e5e5e5;
-  border-radius: .25rem;
-}
-
-.card-block {
-  padding: 1.25rem;
-}
-
-.card-title {
-  margin-top: 0;
-  margin-bottom: .75rem;
-}
-
-.card-subtitle {
-  margin-top: -.375rem;
-  margin-bottom: 0;
-}
-
-.card-text:last-child {
-  margin-bottom: 0;
-}
-
-.card-link:hover {
-  text-decoration: none;
-}
-
-.card-link + .card-link {
-  margin-left: 1.25rem;
-}
-
-.card > .list-group:first-child .list-group-item:first-child {
-  border-radius: .25rem .25rem 0 0;
-}
-
-.card > .list-group:last-child .list-group-item:last-child {
-  border-radius: 0 0 .25rem .25rem;
-}
-
-.card-header {
-  padding: .75rem 1.25rem;
-  background-color: #f5f5f5;
-  border-bottom: .0625rem solid #e5e5e5;
-}
-
-.card-header:first-child {
-  border-radius: .1875rem .1875rem 0 0;
-}
-
-.card-footer {
-  padding: .75rem 1.25rem;
-  background-color: #f5f5f5;
-  border-top: .0625rem solid #e5e5e5;
-}
-
-.card-footer:last-child {
-  border-radius: 0 0 .1875rem .1875rem;
-}
-
-.card-primary {
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.card-success {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
-}
-
-.card-info {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
-}
-
-.card-warning {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
-}
-
-.card-danger {
-  background-color: #d9534f;
-  border-color: #d9534f;
-}
-
-.card-inverse .card-header,
-.card-inverse .card-footer {
-  border-bottom: .075rem solid rgba(255, 255, 255, .2);
-}
-
-.card-inverse .card-header,
-.card-inverse .card-footer,
-.card-inverse .card-title,
-.card-inverse .card-blockquote {
-  color: #fff;
-}
-
-.card-inverse .card-link,
-.card-inverse .card-text,
-.card-inverse .card-blockquote > footer {
-  color: rgba(255, 255, 255, .65);
-}
-
-.card-inverse .card-link:focus,
-.card-inverse .card-link:hover {
-  color: #fff;
-}
-
-.card-blockquote {
-  padding: 0;
-  margin-bottom: 0;
-  border-left: 0;
-}
-
-.card-img {
-  border-radius: .25rem;
-}
-
-.card-img-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 1.25rem;
-}
-
-.card-img-top {
-  border-radius: .25rem .25rem 0 0;
-}
-
-.card-img-bottom {
-  border-radius: 0 0 .25rem .25rem;
-}
-
-.card-deck {
-  display: table;
-  table-layout: fixed;
-  border-spacing: 1.25rem 0;
-}
-
-.card-deck .card {
-  display: table-cell;
-  width: 1%;
-  vertical-align: top;
-}
-
-.card-deck-wrapper {
-  margin-right: -1.25rem;
-  margin-left: -1.25rem;
-}
-
-.card-group {
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-}
-
-.card-group .card {
-  display: table-cell;
-  vertical-align: top;
-}
-
-.card-group .card + .card {
-  margin-left: 0;
-  border-left: 0;
-}
-
-.card-group .card:first-child .card-img-top {
-  border-top-right-radius: 0;
-}
-
-.card-group .card:first-child .card-img-bottom {
-  border-bottom-right-radius: 0;
-}
-
-.card-group .card:last-child .card-img-top {
-  border-top-left-radius: 0;
-}
-
-.card-group .card:last-child .card-img-bottom {
-  border-bottom-left-radius: 0;
-}
-
-.card-group .card:not(:first-child):not(:last-child) {
-  border-radius: 0;
-}
-
-.card-group .card:not(:first-child):not(:last-child) .card-img-top,
-.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
-  border-radius: 0;
-}
-
-.card-columns {
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-      -ms-column-count: 3;
-          column-count: 3;
-  -webkit-column-gap: 1.25rem;
-     -moz-column-gap: 1.25rem;
-      -ms-column-gap: 1.25rem;
-          column-gap: 1.25rem;
-}
-
-.card-columns .card {
-  display: inline-block;
-  width: 100%;
-}
-
-.breadcrumb {
-  padding: .75rem 1rem;
-  margin-bottom: 1rem;
-  list-style: none;
-  background-color: #eceeef;
-  border-radius: .25rem;
-}
-
-.breadcrumb > li {
-  display: inline-block;
-}
-
-.breadcrumb > li + li:before {
-  padding-right: .5rem;
-  padding-left: .5rem;
-  color: #818a91;
-  content: "/ ";
-}
-
-.breadcrumb > .active {
-  color: #818a91;
-}
-
-.pagination {
-  display: inline-block;
-  padding-left: 0;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  border-radius: .25rem;
-}
-
-.pagination > li {
-  display: inline;
-}
-
-.pagination > li > a,
-.pagination > li > span {
-  position: relative;
-  float: left;
-  padding: .5rem .75rem;
-  margin-left: -1px;
-  line-height: 1.5;
-  color: #0275d8;
-  text-decoration: none;
-  background-color: #fff;
-  border: 1px solid #ddd;
-}
-
-.pagination > li:first-child > a,
-.pagination > li:first-child > span {
-  margin-left: 0;
-  border-top-left-radius: .25rem;
-  border-bottom-left-radius: .25rem;
-}
-
-.pagination > li:last-child > a,
-.pagination > li:last-child > span {
-  border-top-right-radius: .25rem;
-  border-bottom-right-radius: .25rem;
-}
-
-.pagination > li > a:focus,
-.pagination > li > a:hover,
-.pagination > li > span:focus,
-.pagination > li > span:hover {
-  color: #014c8c;
-  background-color: #eceeef;
-  border-color: #ddd;
-}
-
-.pagination > .active > a,
-.pagination > .active > a:focus,
-.pagination > .active > a:hover,
-.pagination > .active > span,
-.pagination > .active > span:focus,
-.pagination > .active > span:hover {
-  z-index: 2;
-  color: #fff;
-  cursor: default;
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.pagination > .disabled > span,
-.pagination > .disabled > span:focus,
-.pagination > .disabled > span:hover,
-.pagination > .disabled > a,
-.pagination > .disabled > a:focus,
-.pagination > .disabled > a:hover {
-  color: #818a91;
-  cursor: not-allowed;
-  background-color: #fff;
-  border-color: #ddd;
-}
-
-.pagination-lg > li > a,
-.pagination-lg > li > span {
-  padding: .75rem 1.5rem;
-  font-size: 1.25rem;
-  line-height: 1.333333;
-}
-
-.pagination-lg > li:first-child > a,
-.pagination-lg > li:first-child > span {
-  border-top-left-radius: .3rem;
-  border-bottom-left-radius: .3rem;
-}
-
-.pagination-lg > li:last-child > a,
-.pagination-lg > li:last-child > span {
-  border-top-right-radius: .3rem;
-  border-bottom-right-radius: .3rem;
-}
-
-.pagination-sm > li > a,
-.pagination-sm > li > span {
-  padding: .275rem .75rem;
-  font-size: .85rem;
-  line-height: 1.5;
-}
-
-.pagination-sm > li:first-child > a,
-.pagination-sm > li:first-child > span {
-  border-top-left-radius: .2rem;
-  border-bottom-left-radius: .2rem;
-}
-
-.pagination-sm > li:last-child > a,
-.pagination-sm > li:last-child > span {
-  border-top-right-radius: .2rem;
-  border-bottom-right-radius: .2rem;
-}
-
-.pager {
-  padding-left: 0;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  text-align: center;
-  list-style: none;
-}
-
-.pager:before,
-.pager:after {
-  display: table;
-  content: " ";
-}
-
-.pager:after {
-  clear: both;
-}
-
-.pager li {
-  display: inline;
-}
-
-.pager li > a,
-.pager li > span {
-  display: inline-block;
-  padding: 5px 14px;
-  background-color: #fff;
-  border: 1px solid #ddd;
-  border-radius: 15px;
-}
-
-.pager li > a:focus,
-.pager li > a:hover {
-  text-decoration: none;
-  background-color: #eceeef;
-}
-
-.pager .disabled > a,
-.pager .disabled > a:focus,
-.pager .disabled > a:hover {
-  color: #818a91;
-  cursor: not-allowed;
-  background-color: #fff;
-}
-
-.pager .disabled > span {
-  color: #818a91;
-  cursor: not-allowed;
-  background-color: #fff;
-}
-
-.pager-next > a,
-.pager-next > span {
-  float: right;
-}
-
-.pager-prev > a,
-.pager-prev > span {
-  float: left;
-}
-
-.label {
-  display: inline-block;
-  padding: .25em .4em;
-  font-size: 75%;
-  font-weight: bold;
-  line-height: 1;
-  color: #fff;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: .25rem;
-}
-
-.label:empty {
-  display: none;
-}
-
-.btn .label {
-  position: relative;
-  top: -1px;
-}
-
-a.label:focus,
-a.label:hover {
-  color: #fff;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.label-pill {
-  padding-right: .6em;
-  padding-left: .6em;
-  border-radius: 1rem;
-}
-
-.label-default {
-  background-color: #818a91;
-}
-
-.label-default[href]:focus,
-.label-default[href]:hover {
-  background-color: #687077;
-}
-
-.label-primary {
-  background-color: #0275d8;
-}
-
-.label-primary[href]:focus,
-.label-primary[href]:hover {
-  background-color: #025aa5;
-}
-
-.label-success {
-  background-color: #5cb85c;
-}
-
-.label-success[href]:focus,
-.label-success[href]:hover {
-  background-color: #449d44;
-}
-
-.label-info {
-  background-color: #5bc0de;
-}
-
-.label-info[href]:focus,
-.label-info[href]:hover {
-  background-color: #31b0d5;
-}
-
-.label-warning {
-  background-color: #f0ad4e;
-}
-
-.label-warning[href]:focus,
-.label-warning[href]:hover {
-  background-color: #ec971f;
-}
-
-.label-danger {
-  background-color: #d9534f;
-}
-
-.label-danger[href]:focus,
-.label-danger[href]:hover {
-  background-color: #c9302c;
-}
-
-.jumbotron {
-  padding: 2rem 1rem;
-  margin-bottom: 2rem;
-  background-color: #eceeef;
-  border-radius: .3rem;
-}
-
-.jumbotron-hr {
-  border-top-color: #d0d5d8;
-}
-
-@media (min-width: 34em) {
-  .jumbotron {
-    padding: 4rem 2rem;
-  }
-}
-
-.jumbotron-fluid {
-  padding-right: 0;
-  padding-left: 0;
-  border-radius: 0;
-}
-
-.alert {
-  padding: 15px;
-  margin-bottom: 1rem;
-  border: 1px solid transparent;
-  border-radius: .25rem;
-}
-
-.alert > p,
-.alert > ul {
-  margin-bottom: 0;
-}
-
-.alert > p + p {
-  margin-top: 5px;
-}
-
-.alert-heading {
-  margin-top: 0;
-  color: inherit;
-}
-
-.alert-link {
-  font-weight: bold;
-}
-
-.alert-dismissible {
-  padding-right: 35px;
-}
-
-.alert-dismissible .close {
-  position: relative;
-  top: -2px;
-  right: -21px;
-  color: inherit;
-}
-
-.alert-success {
-  color: #3c763d;
-  background-color: #dff0d8;
-  border-color: #d0e9c6;
-}
-
-.alert-success hr {
-  border-top-color: #c1e2b3;
-}
-
-.alert-success .alert-link {
-  color: #2b542c;
-}
-
-.alert-info {
-  color: #31708f;
-  background-color: #d9edf7;
-  border-color: #bcdff1;
-}
-
-.alert-info hr {
-  border-top-color: #a6d5ec;
-}
-
-.alert-info .alert-link {
-  color: #245269;
-}
-
-.alert-warning {
-  color: #8a6d3b;
-  background-color: #fcf8e3;
-  border-color: #faf2cc;
-}
-
-.alert-warning hr {
-  border-top-color: #f7ecb5;
-}
-
-.alert-warning .alert-link {
-  color: #66512c;
-}
-
-.alert-danger {
-  color: #a94442;
-  background-color: #f2dede;
-  border-color: #ebcccc;
-}
-
-.alert-danger hr {
-  border-top-color: #e4b9b9;
-}
-
-.alert-danger .alert-link {
-  color: #843534;
-}
-
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 1rem 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-@-o-keyframes progress-bar-stripes {
-  from {
-    background-position: 1rem 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 1rem 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-.progress {
-  display: block;
-  width: 100%;
-  height: 1rem;
-  margin-bottom: 1rem;
-}
-
-.progress[value] {
-  -webkit-appearance: none;
-  color: #0074d9;
-  border: 0;
-
-     -moz-appearance: none;
-          appearance: none;
-}
-
-.progress[value]::-webkit-progress-bar {
-  background-color: #eee;
-  border-radius: .25rem;
-}
-
-.progress[value]::-webkit-progress-value::before {
-  content: attr(value);
-}
-
-.progress[value]::-webkit-progress-value {
-  background-color: #0074d9;
-  border-top-left-radius: .25rem;
-  border-bottom-left-radius: .25rem;
-}
-
-.progress[value="100"]::-webkit-progress-value {
-  border-top-right-radius: .25rem;
-  border-bottom-right-radius: .25rem;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress {
-    background-color: #eee;
-    border-radius: .25rem;
-  }
-  .progress-bar {
-    display: inline-block;
-    height: 1rem;
-    text-indent: -999rem;
-    background-color: #0074d9;
-    border-top-left-radius: .25rem;
-    border-bottom-left-radius: .25rem;
-  }
-  .progress[width^="0"] {
-    min-width: 2rem;
-    color: #818a91;
-    background-color: transparent;
-    background-image: none;
-  }
-  .progress[width="100%"] {
-    border-top-right-radius: .25rem;
-    border-bottom-right-radius: .25rem;
-  }
-}
-
-.progress-striped[value]::-webkit-progress-value {
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-  -webkit-background-size: 1rem 1rem;
-          background-size: 1rem 1rem;
-}
-
-.progress-striped[value]::-moz-progress-bar {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-  background-size: 1rem 1rem;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress-bar-striped {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-    -webkit-background-size: 1rem 1rem;
-            background-size: 1rem 1rem;
-  }
-}
-
-.progress-animated[value]::-webkit-progress-value {
-  -webkit-animation: progress-bar-stripes 2s linear infinite;
-     -moz-animation: progress-bar-stripes 2s linear infinite;
-          animation: progress-bar-stripes 2s linear infinite;
-}
-
-.progress-animated[value]::-moz-progress-bar {
-  animation: progress-bar-stripes 2s linear infinite;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress-animated .progress-bar-striped {
-    -webkit-animation: progress-bar-stripes 2s linear infinite;
-       -moz-animation: progress-bar-stripes 2s linear infinite;
-         -o-animation: progress-bar-stripes 2s linear infinite;
-            animation: progress-bar-stripes 2s linear infinite;
-  }
-}
-
-.progress-success[value]::-webkit-progress-value {
-  background-color: #5cb85c;
-}
-
-.progress-success[value]::-moz-progress-bar {
-  background-color: #5cb85c;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress-success .progress-bar {
-    background-color: #5cb85c;
-  }
-}
-
-.progress-info[value]::-webkit-progress-value {
-  background-color: #5bc0de;
-}
-
-.progress-info[value]::-moz-progress-bar {
-  background-color: #5bc0de;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress-info .progress-bar {
-    background-color: #5bc0de;
-  }
-}
-
-.progress-warning[value]::-webkit-progress-value {
-  background-color: #f0ad4e;
-}
-
-.progress-warning[value]::-moz-progress-bar {
-  background-color: #f0ad4e;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress-warning .progress-bar {
-    background-color: #f0ad4e;
-  }
-}
-
-.progress-danger[value]::-webkit-progress-value {
-  background-color: #d9534f;
-}
-
-.progress-danger[value]::-moz-progress-bar {
-  background-color: #d9534f;
-}
-
-@media screen and (min-width: 0 \0) {
-  .progress-danger .progress-bar {
-    background-color: #d9534f;
-  }
-}
-
-.media {
-  margin-top: 15px;
-}
-
-.media:first-child {
-  margin-top: 0;
-}
-
-.media,
-.media-body {
-  overflow: hidden;
-  zoom: 1;
-}
-
-.media-body {
-  width: 10000px;
-}
-
-.media-left,
-.media-right,
-.media-body {
-  display: table-cell;
-  vertical-align: top;
-}
-
-.media-middle {
-  vertical-align: middle;
-}
-
-.media-bottom {
-  vertical-align: bottom;
-}
-
-.media-object {
-  display: block;
-}
-
-.media-object.img-thumbnail {
-  max-width: none;
-}
-
-.media-right {
-  padding-left: 10px;
-}
-
-.media-left {
-  padding-right: 10px;
-}
-
-.media-heading {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-
-.media-list {
-  padding-left: 0;
-  list-style: none;
-}
-
-.list-group {
-  padding-left: 0;
-  margin-bottom: 0;
-}
-
-.list-group-item {
-  position: relative;
-  display: block;
-  padding: .75rem 1.25rem;
-  margin-bottom: -.0625rem;
-  background-color: #fff;
-  border: .0625rem solid #ddd;
-}
-
-.list-group-item:first-child {
-  border-top-left-radius: .25rem;
-  border-top-right-radius: .25rem;
-}
-
-.list-group-item:last-child {
-  margin-bottom: 0;
-  border-bottom-right-radius: .25rem;
-  border-bottom-left-radius: .25rem;
-}
-
-.list-group-flush .list-group-item {
-  border-width: .0625rem 0;
-  border-radius: 0;
-}
-
-a.list-group-item,
-button.list-group-item {
-  width: 100%;
-  color: #555;
-  text-align: inherit;
-}
-
-a.list-group-item .list-group-item-heading,
-button.list-group-item .list-group-item-heading {
-  color: #333;
-}
-
-a.list-group-item:focus,
-a.list-group-item:hover,
-button.list-group-item:focus,
-button.list-group-item:hover {
-  color: #555;
-  text-decoration: none;
-  background-color: #f5f5f5;
-}
-
-.list-group-item.disabled,
-.list-group-item.disabled:focus,
-.list-group-item.disabled:hover {
-  color: #818a91;
-  cursor: not-allowed;
-  background-color: #eceeef;
-}
-
-.list-group-item.disabled .list-group-item-heading,
-.list-group-item.disabled:focus .list-group-item-heading,
-.list-group-item.disabled:hover .list-group-item-heading {
-  color: inherit;
-}
-
-.list-group-item.disabled .list-group-item-text,
-.list-group-item.disabled:focus .list-group-item-text,
-.list-group-item.disabled:hover .list-group-item-text {
-  color: #818a91;
-}
-
-.list-group-item.active,
-.list-group-item.active:focus,
-.list-group-item.active:hover {
-  z-index: 2;
-  color: #fff;
-  background-color: #0275d8;
-  border-color: #0275d8;
-}
-
-.list-group-item.active .list-group-item-heading,
-.list-group-item.active .list-group-item-heading > small,
-.list-group-item.active .list-group-item-heading > .small,
-.list-group-item.active:focus .list-group-item-heading,
-.list-group-item.active:focus .list-group-item-heading > small,
-.list-group-item.active:focus .list-group-item-heading > .small,
-.list-group-item.active:hover .list-group-item-heading,
-.list-group-item.active:hover .list-group-item-heading > small,
-.list-group-item.active:hover .list-group-item-heading > .small {
-  color: inherit;
-}
-
-.list-group-item.active .list-group-item-text,
-.list-group-item.active:focus .list-group-item-text,
-.list-group-item.active:hover .list-group-item-text {
-  color: #a8d6fe;
-}
-
-.list-group-item-state {
-  color: #3c763d;
-  background-color: #dff0d8;
-}
-
-a.list-group-item-state,
-button.list-group-item-state {
-  color: #3c763d;
-}
-
-a.list-group-item-state .list-group-item-heading,
-button.list-group-item-state .list-group-item-heading {
-  color: inherit;
-}
-
-a.list-group-item-state:focus,
-a.list-group-item-state:hover,
-button.list-group-item-state:focus,
-button.list-group-item-state:hover {
-  color: #3c763d;
-  background-color: #d0e9c6;
-}
-
-a.list-group-item-state.active,
-a.list-group-item-state.active:focus,
-a.list-group-item-state.active:hover,
-button.list-group-item-state.active,
-button.list-group-item-state.active:focus,
-button.list-group-item-state.active:hover {
-  color: #fff;
-  background-color: #3c763d;
-  border-color: #3c763d;
-}
-
-.list-group-item-state {
-  color: #31708f;
-  background-color: #d9edf7;
-}
-
-a.list-group-item-state,
-button.list-group-item-state {
-  color: #31708f;
-}
-
-a.list-group-item-state .list-group-item-heading,
-button.list-group-item-state .list-group-item-heading {
-  color: inherit;
-}
-
-a.list-group-item-state:focus,
-a.list-group-item-state:hover,
-button.list-group-item-state:focus,
-button.list-group-item-state:hover {
-  color: #31708f;
-  background-color: #c4e3f3;
-}
-
-a.list-group-item-state.active,
-a.list-group-item-state.active:focus,
-a.list-group-item-state.active:hover,
-button.list-group-item-state.active,
-button.list-group-item-state.active:focus,
-button.list-group-item-state.active:hover {
-  color: #fff;
-  background-color: #31708f;
-  border-color: #31708f;
-}
-
-.list-group-item-state {
-  color: #8a6d3b;
-  background-color: #fcf8e3;
-}
-
-a.list-group-item-state,
-button.list-group-item-state {
-  color: #8a6d3b;
-}
-
-a.list-group-item-state .list-group-item-heading,
-button.list-group-item-state .list-group-item-heading {
-  color: inherit;
-}
-
-a.list-group-item-state:focus,
-a.list-group-item-state:hover,
-button.list-group-item-state:focus,
-button.list-group-item-state:hover {
-  color: #8a6d3b;
-  background-color: #faf2cc;
-}
-
-a.list-group-item-state.active,
-a.list-group-item-state.active:focus,
-a.list-group-item-state.active:hover,
-button.list-group-item-state.active,
-button.list-group-item-state.active:focus,
-button.list-group-item-state.active:hover {
-  color: #fff;
-  background-color: #8a6d3b;
-  border-color: #8a6d3b;
-}
-
-.list-group-item-state {
-  color: #a94442;
-  background-color: #f2dede;
-}
-
-a.list-group-item-state,
-button.list-group-item-state {
-  color: #a94442;
-}
-
-a.list-group-item-state .list-group-item-heading,
-button.list-group-item-state .list-group-item-heading {
-  color: inherit;
-}
-
-a.list-group-item-state:focus,
-a.list-group-item-state:hover,
-button.list-group-item-state:focus,
-button.list-group-item-state:hover {
-  color: #a94442;
-  background-color: #ebcccc;
-}
-
-a.list-group-item-state.active,
-a.list-group-item-state.active:focus,
-a.list-group-item-state.active:hover,
-button.list-group-item-state.active,
-button.list-group-item-state.active:focus,
-button.list-group-item-state.active:hover {
-  color: #fff;
-  background-color: #a94442;
-  border-color: #a94442;
-}
-
-.list-group-item-heading {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-
-.list-group-item-text {
-  margin-bottom: 0;
-  line-height: 1.3;
-}
-
-.embed-responsive {
-  position: relative;
-  display: block;
-  height: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-.embed-responsive .embed-responsive-item,
-.embed-responsive iframe,
-.embed-responsive embed,
-.embed-responsive object,
-.embed-responsive video {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
-.embed-responsive-21by9 {
-  padding-bottom: 42.857143%;
-}
-
-.embed-responsive-16by9 {
-  padding-bottom: 56.25%;
-}
-
-.embed-responsive-4by3 {
-  padding-bottom: 75%;
-}
-
-.close {
-  float: right;
-  font-size: 1.5rem;
-  font-weight: bold;
-  line-height: 1;
-  color: #000;
-  text-shadow: 0 1px 0 #fff;
-  opacity: .2;
-}
-
-.close:focus,
-.close:hover {
-  color: #000;
-  text-decoration: none;
-  cursor: pointer;
-  opacity: .5;
-}
-
-button.close {
-  -webkit-appearance: none;
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-}
-
-.modal-open {
-  overflow: hidden;
-}
-
-.modal {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1050;
-  display: none;
-  overflow: hidden;
-  -webkit-overflow-scrolling: touch;
-  outline: 0;
-}
-
-.modal.fade .modal-dialog {
-  -webkit-transition: -webkit-transform .3s ease-out;
-     -moz-transition: -webkit-transform .3s ease-out;
-       -o-transition:      -o-transform .3s ease-out;
-          transition:         transform .3s ease-out;
-  -webkit-transform: translate(0, -25%);
-     -moz-transform: translate(0, -25%);
-      -ms-transform: translate(0, -25%);
-       -o-transform: translate(0, -25%);
-          transform: translate(0, -25%);
-}
-
-.modal.in .modal-dialog {
-  -webkit-transform: translate(0, 0);
-     -moz-transform: translate(0, 0);
-      -ms-transform: translate(0, 0);
-       -o-transform: translate(0, 0);
-          transform: translate(0, 0);
-}
-
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 10px;
-}
-
-.modal-content {
-  position: relative;
-  background-color: #fff;
-  -webkit-background-clip: padding-box;
-          background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, .2);
-  border-radius: .3rem;
-  outline: 0;
-}
-
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1040;
-  background-color: #000;
-}
-
-.modal-backdrop.fade {
-  opacity: 0;
-}
-
-.modal-backdrop.in {
-  opacity: .5;
-}
-
-.modal-header {
-  padding: 15px;
-  border-bottom: 1px solid #e5e5e5;
-}
-
-.modal-header:before,
-.modal-header:after {
-  display: table;
-  content: " ";
-}
-
-.modal-header:after {
-  clear: both;
-}
-
-.modal-header .close {
-  margin-top: -2px;
-}
-
-.modal-title {
-  margin: 0;
-  line-height: 1.5;
-}
-
-.modal-body {
-  position: relative;
-  padding: 15px;
-}
-
-.modal-footer {
-  padding: 15px;
-  text-align: right;
-  border-top: 1px solid #e5e5e5;
-}
-
-.modal-footer:before,
-.modal-footer:after {
-  display: table;
-  content: " ";
-}
-
-.modal-footer:after {
-  clear: both;
-}
-
-.modal-footer .btn + .btn {
-  margin-bottom: 0;
-  margin-left: 5px;
-}
-
-.modal-footer .btn-group .btn + .btn {
-  margin-left: -1px;
-}
-
-.modal-footer .btn-block + .btn-block {
-  margin-left: 0;
-}
-
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-
-@media (min-width: 34em) {
-  .modal-dialog {
-    width: 600px;
-    margin: 30px auto;
-  }
-  .modal-sm {
-    width: 300px;
-  }
-}
-
-@media (min-width: 48em) {
-  .modal-lg {
-    width: 900px;
-  }
-}
-
-.tooltip {
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: .85rem;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  word-wrap: normal;
-  white-space: normal;
-  opacity: 0;
-
-  line-break: auto;
-}
-
-.tooltip.in {
-  opacity: .9;
-}
-
-.tooltip.tooltip-top,
-.tooltip.bs-tether-element-attached-bottom {
-  padding: 5px 0;
-  margin-top: -3px;
-}
-
-.tooltip.tooltip-top .tooltip-arrow,
-.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
-  bottom: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px 5px 0;
-  border-top-color: #000;
-}
-
-.tooltip.tooltip-right,
-.tooltip.bs-tether-element-attached-left {
-  padding: 0 5px;
-  margin-left: 3px;
-}
-
-.tooltip.tooltip-right .tooltip-arrow,
-.tooltip.bs-tether-element-attached-left .tooltip-arrow {
-  top: 50%;
-  left: 0;
-  margin-top: -5px;
-  border-width: 5px 5px 5px 0;
-  border-right-color: #000;
-}
-
-.tooltip.tooltip-bottom,
-.tooltip.bs-tether-element-attached-top {
-  padding: 5px 0;
-  margin-top: 3px;
-}
-
-.tooltip.tooltip-bottom .tooltip-arrow,
-.tooltip.bs-tether-element-attached-top .tooltip-arrow {
-  top: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 0 5px 5px;
-  border-bottom-color: #000;
-}
-
-.tooltip.tooltip-left,
-.tooltip.bs-tether-element-attached-right {
-  padding: 0 5px;
-  margin-left: -3px;
-}
-
-.tooltip.tooltip-left .tooltip-arrow,
-.tooltip.bs-tether-element-attached-right .tooltip-arrow {
-  top: 50%;
-  right: 0;
-  margin-top: -5px;
-  border-width: 5px 0 5px 5px;
-  border-left-color: #000;
-}
-
-.tooltip-inner {
-  max-width: 200px;
-  padding: 3px 8px;
-  color: #fff;
-  text-align: center;
-  background-color: #000;
-  border-radius: .25rem;
-}
-
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1060;
-  display: block;
-  max-width: 276px;
-  padding: 1px;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: .85rem;
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  word-wrap: normal;
-  white-space: normal;
-  background-color: #fff;
-  -webkit-background-clip: padding-box;
-          background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, .2);
-  border-radius: .3rem;
-
-  line-break: auto;
-}
-
-.popover.popover-top,
-.popover.bs-tether-element-attached-bottom {
-  margin-top: -10px;
-}
-
-.popover.popover-top .popover-arrow,
-.popover.bs-tether-element-attached-bottom .popover-arrow {
-  bottom: -11px;
-  left: 50%;
-  margin-left: -11px;
-  border-top-color: rgba(0, 0, 0, .25);
-  border-bottom-width: 0;
-}
-
-.popover.popover-top .popover-arrow:after,
-.popover.bs-tether-element-attached-bottom .popover-arrow:after {
-  bottom: 1px;
-  margin-left: -10px;
-  content: "";
-  border-top-color: #fff;
-  border-bottom-width: 0;
-}
-
-.popover.popover-right,
-.popover.bs-tether-element-attached-left {
-  margin-left: 10px;
-}
-
-.popover.popover-right .popover-arrow,
-.popover.bs-tether-element-attached-left .popover-arrow {
-  top: 50%;
-  left: -11px;
-  margin-top: -11px;
-  border-right-color: rgba(0, 0, 0, .25);
-  border-left-width: 0;
-}
-
-.popover.popover-right .popover-arrow:after,
-.popover.bs-tether-element-attached-left .popover-arrow:after {
-  bottom: -10px;
-  left: 1px;
-  content: "";
-  border-right-color: #fff;
-  border-left-width: 0;
-}
-
-.popover.popover-bottom,
-.popover.bs-tether-element-attached-top {
-  margin-top: 10px;
-}
-
-.popover.popover-bottom .popover-arrow,
-.popover.bs-tether-element-attached-top .popover-arrow {
-  top: -11px;
-  left: 50%;
-  margin-left: -11px;
-  border-top-width: 0;
-  border-bottom-color: rgba(0, 0, 0, .25);
-}
-
-.popover.popover-bottom .popover-arrow:after,
-.popover.bs-tether-element-attached-top .popover-arrow:after {
-  top: 1px;
-  margin-left: -10px;
-  content: "";
-  border-top-width: 0;
-  border-bottom-color: #fff;
-}
-
-.popover.popover-left,
-.popover.bs-tether-element-attached-right {
-  margin-left: -10px;
-}
-
-.popover.popover-left .popover-arrow,
-.popover.bs-tether-element-attached-right .popover-arrow {
-  top: 50%;
-  right: -11px;
-  margin-top: -11px;
-  border-right-width: 0;
-  border-left-color: rgba(0, 0, 0, .25);
-}
-
-.popover.popover-left .popover-arrow:after,
-.popover.bs-tether-element-attached-right .popover-arrow:after {
-  right: 1px;
-  bottom: -10px;
-  content: "";
-  border-right-width: 0;
-  border-left-color: #fff;
-}
-
-.popover-title {
-  padding: 8px 14px;
-  margin: 0;
-  font-size: 1rem;
-  background-color: #f7f7f7;
-  border-bottom: 1px solid #ebebeb;
-  border-radius: -.7rem -.7rem 0 0;
-}
-
-.popover-content {
-  padding: 9px 14px;
-}
-
-.popover-arrow,
-.popover-arrow:after {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-.popover-arrow {
-  border-width: 11px;
-}
-
-.popover-arrow:after {
-  content: "";
-  border-width: 10px;
-}
-
-.carousel {
-  position: relative;
-}
-
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
-
-.carousel-inner > .carousel-item {
-  position: relative;
-  display: none;
-  -webkit-transition: .6s ease-in-out left;
-     -moz-transition: .6s ease-in-out left;
-       -o-transition: .6s ease-in-out left;
-          transition: .6s ease-in-out left;
-}
-
-.carousel-inner > .carousel-item > img,
-.carousel-inner > .carousel-item > a > img {
-  line-height: 1;
-}
-
-@media all and (transform-3d), (-webkit-transform-3d) {
-  .carousel-inner > .carousel-item {
-    -webkit-transition: -webkit-transform .6s ease-in-out;
-       -moz-transition: -webkit-transform .6s ease-in-out;
-         -o-transition:      -o-transform .6s ease-in-out;
-            transition:         transform .6s ease-in-out;
-
-    -webkit-backface-visibility: hidden;
-            backface-visibility: hidden;
-    -webkit-perspective: 1000px;
-            perspective: 1000px;
-  }
-  .carousel-inner > .carousel-item.next,
-  .carousel-inner > .carousel-item.active.right {
-    left: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-       -moz-transform: translate3d(100%, 0, 0);
-        -ms-transform: translate3d(100%, 0, 0);
-         -o-transform: translate3d(100%, 0, 0);
-            transform: translate3d(100%, 0, 0);
-  }
-  .carousel-inner > .carousel-item.prev,
-  .carousel-inner > .carousel-item.active.left {
-    left: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-       -moz-transform: translate3d(-100%, 0, 0);
-        -ms-transform: translate3d(-100%, 0, 0);
-         -o-transform: translate3d(-100%, 0, 0);
-            transform: translate3d(-100%, 0, 0);
-  }
-  .carousel-inner > .carousel-item.next.left,
-  .carousel-inner > .carousel-item.prev.right,
-  .carousel-inner > .carousel-item.active {
-    left: 0;
-    -webkit-transform: translate3d(0, 0, 0);
-       -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
-         -o-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0);
-  }
-}
-
-.carousel-inner > .active,
-.carousel-inner > .next,
-.carousel-inner > .prev {
-  display: block;
-}
-
-.carousel-inner > .active {
-  left: 0;
-}
-
-.carousel-inner > .next,
-.carousel-inner > .prev {
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.carousel-inner > .next {
-  left: 100%;
-}
-
-.carousel-inner > .prev {
-  left: -100%;
-}
-
-.carousel-inner > .next.left,
-.carousel-inner > .prev.right {
-  left: 0;
-}
-
-.carousel-inner > .active.left {
-  left: -100%;
-}
-
-.carousel-inner > .active.right {
-  left: 100%;
-}
-
-.carousel-control {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 15%;
-  font-size: 20px;
-  color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-  opacity: .5;
-}
-
-.carousel-control.left {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
-  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
-  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
-  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
-  background-repeat: repeat-x;
-}
-
-.carousel-control.right {
-  right: 0;
-  left: auto;
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
-  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
-  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
-  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
-  background-repeat: repeat-x;
-}
-
-.carousel-control:focus,
-.carousel-control:hover {
-  color: #fff;
-  text-decoration: none;
-  outline: 0;
-  opacity: .9;
-}
-
-.carousel-control .icon-prev,
-.carousel-control .icon-next {
-  position: absolute;
-  top: 50%;
-  z-index: 5;
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  margin-top: -10px;
-  font-family: serif;
-  line-height: 1;
-}
-
-.carousel-control .icon-prev {
-  left: 50%;
-  margin-left: -10px;
-}
-
-.carousel-control .icon-next {
-  right: 50%;
-  margin-right: -10px;
-}
-
-.carousel-control .icon-prev:before {
-  content: "\2039";
-}
-
-.carousel-control .icon-next:before {
-  content: "\203a";
-}
-
-.carousel-indicators {
-  position: absolute;
-  bottom: 10px;
-  left: 50%;
-  z-index: 15;
-  width: 60%;
-  padding-left: 0;
-  margin-left: -30%;
-  text-align: center;
-  list-style: none;
-}
-
-.carousel-indicators li {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin: 1px;
-  text-indent: -999px;
-  cursor: pointer;
-  background-color: transparent;
-  border: 1px solid #fff;
-  border-radius: 10px;
-}
-
-.carousel-indicators .active {
-  width: 12px;
-  height: 12px;
-  margin: 0;
-  background-color: #fff;
-}
-
-.carousel-caption {
-  position: absolute;
-  right: 15%;
-  bottom: 20px;
-  left: 15%;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-}
-
-.carousel-caption .btn {
-  text-shadow: none;
-}
-
-@media (min-width: 34em) {
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next {
-    width: 30px;
-    height: 30px;
-    margin-top: -15px;
-    font-size: 30px;
-  }
-  .carousel-control .icon-prev {
-    margin-left: -15px;
-  }
-  .carousel-control .icon-next {
-    margin-right: -15px;
-  }
-  .carousel-caption {
-    right: 20%;
-    left: 20%;
-    padding-bottom: 30px;
-  }
-  .carousel-indicators {
-    bottom: 20px;
-  }
-}
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: " ";
-}
-
-.clearfix:after {
-  clear: both;
-}
-
-.center-block {
-  display: block;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.pull-right {
-  float: right !important;
-}
-
-.pull-left {
-  float: left !important;
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.text-hide {
-  font: "0/0" a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-justify {
-  text-align: justify;
-}
-
-.text-nowrap {
-  white-space: nowrap;
-}
-
-.text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.text-xs-left {
-  text-align: left;
-}
-
-.text-xs-right {
-  text-align: right;
-}
-
-.text-xs-center {
-  text-align: center;
-}
-
-@media (min-width: 34em) {
-  .text-sm-left {
-    text-align: left;
-  }
-  .text-sm-right {
-    text-align: right;
-  }
-  .text-sm-center {
-    text-align: center;
-  }
-}
-
-@media (min-width: 48em) {
-  .text-md-left {
-    text-align: left;
-  }
-  .text-md-right {
-    text-align: right;
-  }
-  .text-md-center {
-    text-align: center;
-  }
-}
-
-@media (min-width: 62em) {
-  .text-lg-left {
-    text-align: left;
-  }
-  .text-lg-right {
-    text-align: right;
-  }
-  .text-lg-center {
-    text-align: center;
-  }
-}
-
-@media (min-width: 75em) {
-  .text-xl-left {
-    text-align: left;
-  }
-  .text-xl-right {
-    text-align: right;
-  }
-  .text-xl-center {
-    text-align: center;
-  }
-}
-
-.text-lowercase {
-  text-transform: lowercase;
-}
-
-.text-uppercase {
-  text-transform: uppercase;
-}
-
-.text-capitalize {
-  text-transform: capitalize;
-}
-
-.text-muted {
-  color: #818a91;
-}
-
-.text-primary {
-  color: #0275d8;
-}
-
-a.text-primary:focus,
-a.text-primary:hover {
-  color: #025aa5;
-}
-
-.text-success {
-  color: #5cb85c;
-}
-
-a.text-success:focus,
-a.text-success:hover {
-  color: #449d44;
-}
-
-.text-info {
-  color: #5bc0de;
-}
-
-a.text-info:focus,
-a.text-info:hover {
-  color: #31b0d5;
-}
-
-.text-warning {
-  color: #f0ad4e;
-}
-
-a.text-warning:focus,
-a.text-warning:hover {
-  color: #ec971f;
-}
-
-.text-danger {
-  color: #d9534f;
-}
-
-a.text-danger:focus,
-a.text-danger:hover {
-  color: #c9302c;
-}
-
-.bg-inverse {
-  color: #eceeef;
-  background-color: #373a3c;
-}
-
-.bg-faded {
-  background-color: #f7f7f9;
-}
-
-.bg-primary {
-  color: #fff;
-  background-color: #0275d8;
-}
-
-a.bg-primary:focus,
-a.bg-primary:hover {
-  background-color: #025aa5;
-}
-
-.bg-success {
-  color: #fff;
-  background-color: #5cb85c;
-}
-
-a.bg-success:focus,
-a.bg-success:hover {
-  background-color: #449d44;
-}
-
-.bg-info {
-  color: #fff;
-  background-color: #5bc0de;
-}
-
-a.bg-info:focus,
-a.bg-info:hover {
-  background-color: #31b0d5;
-}
-
-.bg-warning {
-  color: #fff;
-  background-color: #f0ad4e;
-}
-
-a.bg-warning:focus,
-a.bg-warning:hover {
-  background-color: #ec971f;
-}
-
-.bg-danger {
-  color: #fff;
-  background-color: #d9534f;
-}
-
-a.bg-danger:focus,
-a.bg-danger:hover {
-  background-color: #c9302c;
-}
-
-.m-a-0 {
-  margin: 0 !important;
-}
-
-.m-t-0 {
-  margin-top: 0 !important;
-}
-
-.m-r-0 {
-  margin-right: 0 !important;
-}
-
-.m-b-0 {
-  margin-bottom: 0 !important;
-}
-
-.m-l-0 {
-  margin-left: 0 !important;
-}
-
-.m-x-0 {
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-}
-
-.m-y-0 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-
-.m-a {
-  margin: 1rem !important;
-}
-
-.m-t {
-  margin-top: 1rem !important;
-}
-
-.m-r {
-  margin-right: 1rem !important;
-}
-
-.m-b {
-  margin-bottom: 1rem !important;
-}
-
-.m-l {
-  margin-left: 1rem !important;
-}
-
-.m-x {
-  margin-right: 1rem !important;
-  margin-left: 1rem !important;
-}
-
-.m-y {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important;
-}
-
-.m-x-auto {
-  margin-right: auto !important;
-  margin-left: auto !important;
-}
-
-.m-a-md {
-  margin: 1.5rem !important;
-}
-
-.m-t-md {
-  margin-top: 1.5rem !important;
-}
-
-.m-r-md {
-  margin-right: 1.5rem !important;
-}
-
-.m-b-md {
-  margin-bottom: 1.5rem !important;
-}
-
-.m-l-md {
-  margin-left: 1.5rem !important;
-}
-
-.m-x-md {
-  margin-right: 1.5rem !important;
-  margin-left: 1.5rem !important;
-}
-
-.m-y-md {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important;
-}
-
-.m-a-lg {
-  margin: 3rem !important;
-}
-
-.m-t-lg {
-  margin-top: 3rem !important;
-}
-
-.m-r-lg {
-  margin-right: 3rem !important;
-}
-
-.m-b-lg {
-  margin-bottom: 3rem !important;
-}
-
-.m-l-lg {
-  margin-left: 3rem !important;
-}
-
-.m-x-lg {
-  margin-right: 3rem !important;
-  margin-left: 3rem !important;
-}
-
-.m-y-lg {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important;
-}
-
-.p-a-0 {
-  padding: 0 !important;
-}
-
-.p-t-0 {
-  padding-top: 0 !important;
-}
-
-.p-r-0 {
-  padding-right: 0 !important;
-}
-
-.p-b-0 {
-  padding-bottom: 0 !important;
-}
-
-.p-l-0 {
-  padding-left: 0 !important;
-}
-
-.p-x-0 {
-  padding-right: 0 !important;
-  padding-left: 0 !important;
-}
-
-.p-y-0 {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-
-.p-a {
-  padding: 1rem !important;
-}
-
-.p-t {
-  padding-top: 1rem !important;
-}
-
-.p-r {
-  padding-right: 1rem !important;
-}
-
-.p-b {
-  padding-bottom: 1rem !important;
-}
-
-.p-l {
-  padding-left: 1rem !important;
-}
-
-.p-x {
-  padding-right: 1rem !important;
-  padding-left: 1rem !important;
-}
-
-.p-y {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important;
-}
-
-.p-a-md {
-  padding: 1.5rem !important;
-}
-
-.p-t-md {
-  padding-top: 1.5rem !important;
-}
-
-.p-r-md {
-  padding-right: 1.5rem !important;
-}
-
-.p-b-md {
-  padding-bottom: 1.5rem !important;
-}
-
-.p-l-md {
-  padding-left: 1.5rem !important;
-}
-
-.p-x-md {
-  padding-right: 1.5rem !important;
-  padding-left: 1.5rem !important;
-}
-
-.p-y-md {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important;
-}
-
-.p-a-lg {
-  padding: 3rem !important;
-}
-
-.p-t-lg {
-  padding-top: 3rem !important;
-}
-
-.p-r-lg {
-  padding-right: 3rem !important;
-}
-
-.p-b-lg {
-  padding-bottom: 3rem !important;
-}
-
-.p-l-lg {
-  padding-left: 3rem !important;
-}
-
-.p-x-lg {
-  padding-right: 3rem !important;
-  padding-left: 3rem !important;
-}
-
-.p-y-lg {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important;
-}
-
-.pos-f-t {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-}
-
-.hidden-xs-up {
-  display: none !important;
-}
-
-@media (max-width: 33.9em) {
-  .hidden-xs-down {
-    display: none !important;
-  }
-}
-
-@media (min-width: 34em) {
-  .hidden-sm-up {
-    display: none !important;
-  }
-}
-
-@media (max-width: 47.9em) {
-  .hidden-sm-down {
-    display: none !important;
-  }
-}
-
-@media (min-width: 48em) {
-  .hidden-md-up {
-    display: none !important;
-  }
-}
-
-@media (max-width: 61.9em) {
-  .hidden-md-down {
-    display: none !important;
-  }
-}
-
-@media (min-width: 62em) {
-  .hidden-lg-up {
-    display: none !important;
-  }
-}
-
-@media (max-width: 74.9em) {
-  .hidden-lg-down {
-    display: none !important;
-  }
-}
-
-@media (min-width: 75em) {
-  .hidden-xl-up {
-    display: none !important;
-  }
-}
-
-.hidden-xl-down {
-  display: none !important;
-}
-
-.visible-print-block {
-  display: none !important;
-}
-
-@media print {
-  .visible-print-block {
-    display: block !important;
-  }
-}
-
-.visible-print-inline {
-  display: none !important;
-}
-
-@media print {
-  .visible-print-inline {
-    display: inline !important;
-  }
-}
-
-.visible-print-inline-block {
-  display: none !important;
-}
-
-@media print {
-  .visible-print-inline-block {
-    display: inline-block !important;
-  }
-}
-
-@media print {
-  .hidden-print .hidden-print {
-    display: none !important;
-  }
-}
-/*# sourceMappingURL=bootstrap.css.map */

+ 63 - 297
src/main/webapp/css/style.css

@@ -1,29 +1,27 @@
 /* Override some defaults */
 /* Override some defaults */
+
 html {
 html {
 	min-height: 100%;
 	min-height: 100%;
 	position: relative;
 	position: relative;
 }
 }
 
 
 body {
 body {
-	padding-top: 70px;
-	margin-bottom: 4em;
+	padding: 1em 0;
+	margin: 56px 0 4em;
 }
 }
 
 
 footer {
 footer {
 	width: 100%;
 	width: 100%;
 	bottom: 0;
 	bottom: 0;
-	left: 0; height : 4em;
+	height: 4em;
 	position: absolute;
 	position: absolute;
 	border-top: 1px solid;
 	border-top: 1px solid;
 	padding-top: 1em;
 	padding-top: 1em;
-	height: 4em;
 }
 }
 
 
-.content {
-	min-height: 100%;
-}
-
-h1, h2, h3 {
+h1,
+h2,
+h3 {
 	line-height: 32px;
 	line-height: 32px;
 }
 }
 
 
@@ -39,176 +37,25 @@ h3 {
 	font-size: 18px;
 	font-size: 18px;
 }
 }
 
 
-.btn-ghost {
-	background: transparent;
-}
-
-.btn-ghost.btn-default {
-	color: #777;
-}
-
-.btn-ghost.btn-primary {
-	color: #337ab7;
-}
-
-.btn-ghost.btn-success {
-	color: #5cb85c;
-}
-
-.btn-ghost.btn-info {
-	color: #5bc0de;
-}
-
-.btn-ghost.btn-warning {
-	color: #f0ad4e;
-}
-
-.btn-ghost.btn-danger {
-	color: #d9534f;
-}
-
-.btn-ghost.btn-primary:hover, .btn-ghost.btn-success:hover, .btn-ghost.btn-info:hover,
-	.btn-ghost.btn-warning:hover, .btn-ghost.btn-danger:hover {
-	color: #fff;
-}
-
-.btn-ghost.btn-white {
-	color: #fff;
-	border: 1px solid #fff;
-}
-
-.btn-ghost.btn-white:hover {
-	color: #333;
-	background: #fff;
-}
-
-.navbar .search-box {
-	padding: 0;
-}
-
-.nav-list li.reset {
-	margin-top: 10px;
-}
-
-.center {
-	text-align: center;
-}
-
-.modal-open {
-	overflow: auto;
-}
-
-h1.mainLogo {
-	margin-bottom: 1em;
-}
-
-#result ol {
-	list-style: none;
-	padding-left: 0;
-}
-
-#result ol li {
-	margin-bottom: 20px;
-}
-
-#result .title a:visited {
-	color: #014c8c;
-}
-
-#result .body cite {
-	color: #093;
-	font-style: normal;
-}
-
-#result .body a.cache {
-	color: #093;
-	margin-left: 10px;
-}
-
-#result .favorited {
-	display: none;
-}
-
-.searchFormBox {
-	text-align: center;
-	margin-top: 160px;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.form-stacked {
-	margin-top: 10px;
-}
-
-#contentOptionButton {
-	margin-left: 10px;
-}
-
-.searchButtonBox {
-	margin-top: 15px;
-}
-
-#searchOptions {
-	text-align: left;
-}
-
-.move-to-top {
-	margin-bottom: 10px;
-}
-
-.ellipsis {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	-webkit-text-overflow: ellipsis;
-	-o-text-overflow: ellipsis;
-}
-
-.searchResultForm {
-	margin: 0;
-}
-
-.username {
-	margin-left: 2.0rem;
-	margin-right: 1.0rem;
-}
-
-button>i, a>i {
-	margin-right: 0.2em;
-}
-
-nav.navbar .form-inline {
-	margin-left: 20px;
-}
-
-#searchOptionsButton {
-	padding-left: 1.0rem;
-	padding-right: 0.8rem;
-	color: #000;
-}
-
-ul.searchOptionLabels {
-	list-style-type: none;
-	padding: 0;
+.form-control {
+	border-radius: 0px;
 }
 }
 
 
-ul.searchOptionLabels li {
-	display: inline-block;
-	margin-right: 10px;
-	vertical-align: middle;
-}
+/* header */
 
 
 #searchOptions {
 #searchOptions {
 	position: fixed;
 	position: fixed;
-	top: 0;
 	z-index: 10;
 	z-index: 10;
 }
 }
 
 
 #searchOptions .container {
 #searchOptions .container {
 	width: 500px;
 	width: 500px;
-	overflow: hidden;
+	max-width: 100%;
+	height: 100%;
+	overflow: auto;
 	position: fixed;
 	position: fixed;
 	top: 0;
 	top: 0;
+	bottom: 0;
 	right: -500px;
 	right: -500px;
 	padding-top: 72px;
 	padding-top: 72px;
 	padding-bottom: 20px;
 	padding-bottom: 20px;
@@ -218,30 +65,31 @@ ul.searchOptionLabels li {
 }
 }
 
 
 #searchOptions.active .container {
 #searchOptions.active .container {
-	height: auto;
-	overflow-y: auto;
-	top: 0;
 	right: 0;
 	right: 0;
-	bottom: 0;
 }
 }
 
 
-.centered {
-	float: none;
-	display: inline-block;
+/* index */
+
+.mainLogo {
+	margin-bottom: 1em;
 }
 }
 
 
-#contentQuery {
-	display: inline-block;
+.searchFormBox {
+	margin-top: 8em;
+	margin-bottom: 4em;
 }
 }
 
 
-.navbar-brand img {
-	padding-top: 4px;
+.notification {
+	font-size: 1.2em;
+	margin: 0.2em;
 }
 }
 
 
-.form-control {
-	border-radius: 0px;
+.searchButtonBox {
+	margin-top: 1em;
 }
 }
 
 
+/* search */
+
 :first-child.list-group-item {
 :first-child.list-group-item {
 	border-radius: 0px;
 	border-radius: 0px;
 }
 }
@@ -250,142 +98,60 @@ ul.searchOptionLabels li {
 	border-radius: 0px;
 	border-radius: 0px;
 }
 }
 
 
-img.thumbnail {
-	width: 100px;
+#result ol li {
+	margin: 1em 0;
 }
 }
 
 
-.thumbnail {
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
+#result ol li:first-child {
+	margin-top: 0;
 }
 }
 
 
-/* Large desktop */
-@media ( min-width : 74.9em) {
-	.visible-xs {
-		display: none !important;
-	}
+#result .title a:visited {
+	color: #014c8c;
 }
 }
 
 
-/* Large devices (desktops, less than 75em) */
-@media ( max-width : 74.9em) {
-	.visible-xs {
-		display: none !important;
-	}
+#result .body {
+	display: flex;
+	align-items: flex-start;
 }
 }
 
 
-/* Medium devices (tablets, less than 62em) */
-@media ( max-width : 61.9em) {
-	.visible-xs {
-		display: none !important;
-	}
+#result .site cite {
+	color: #093;
+	font-style: normal;
 }
 }
 
 
-/* Small devices (landscape phones, less than 48em) */
-@media ( max-width : 47.9em) {
-	.br-xs {
-		display: block;
-	}
-	.hidden-xs {
-		display: none !important;
-	}
-	.mainLogo img {
-		width: 200px;
-	}
-	.navbar-brand img {
-		width: 80px;
-		padding-top: 6.5px;
-	}
-	.searchFormBox {
-		margin-top: 20px;
-	}
-	#result ol {
-		margin-left: 0;
-	}
-	#result .info {
-		display: none;
-	}
-	#searchOptions .container {
-		width: 100%;
-		right: -100%;
-	}
-	#searchOptions.active {
-		right: 0;
-	}
-	.description {
-		-moz-box-orient: vertical;
-		-ms-box-orient: vertical;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 3;
-		display: -webkit-box;
-		overflow: hidden !important;
-	}
+#result .more {
+	display: none;
 }
 }
 
 
-/* Extra small devices (portrait phones, less than 34em) */
-@media ( max-width : 360px) {
-	.br-xs {
-		display: block;
-	}
-	.hidden-xs {
-		display: none !important;
-	}
+#result .favorited {
+	display: none;
+}
+
+#result .thumbnail {
+	width: 100px;
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+}
+
+/* Extra small devices (less than 576px) */
+
+@media (max-width: 575.98px) {
 	.mainLogo img {
 	.mainLogo img {
 		width: 200px;
 		width: 200px;
 	}
 	}
-	.navbar-brand img {
-		width: 80px;
-		padding-top: 6.5px;
-	}
 	.searchFormBox {
 	.searchFormBox {
-		margin-top: 80px;
+		margin-top: 4em;
 	}
 	}
 	#result .info {
 	#result .info {
 		display: none;
 		display: none;
 	}
 	}
-	#subheader {
-		font-size: 90%;
-	}
-	#searchButton {
-		padding-left: 0.8rem;
-		padding-right: 0.8rem;
-	}
-	#searchOptionsButton {
-		padding-left: 0.7rem;
-		padding-right: 0.6rem;
-	}
-	#footer {
-		font-size: 65%;
-	}
-	.description {
-		-moz-box-orient: vertical;
-		-ms-box-orient: vertical;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 3;
-		display: -webkit-box;
-		overflow: hidden !important;
-	}
-}
-
-@media ( max-width : 767px) and (min-width: 481px) {
-}
-
-@media ( max-height : 480px) {
-	#searchOptions .container {
-		max-height: 450px;
-		overflow-y: scroll;
-	}
-}
-
-@media ( max-height : 390px) {
-	#searchOptions .container {
-		max-height: 300px;
-		overflow-y: scroll;
+	#result .more {
+		display: block;
 	}
 	}
-}
-
-/***workaround for IE browser***/
-@media screen and (min-width:0\0) {
-	input#query.form-control {
-		padding-bottom: 0.75rem;
+	#result .description {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 	}
-}
+}

+ 0 - 3519
src/main/webapp/js/bootstrap.js

@@ -1,3519 +0,0 @@
-/*!
- * Bootstrap v4.0.0-alpha (http://getbootstrap.com)
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-if (typeof jQuery === 'undefined') {
-  throw new Error('Bootstrap\'s JavaScript requires jQuery')
-}
-
-+function ($) {
-  var version = $.fn.jquery.split(' ')[0].split('.')
-  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {
-    throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher')
-  }
-}(jQuery);
-
-
-+function ($) {
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): util.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-'use strict';
-
-var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-var Util = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Private TransitionEnd Helpers
-   * ------------------------------------------------------------------------
-   */
-
-  var transition = false;
-
-  var TransitionEndEvent = {
-    WebkitTransition: 'webkitTransitionEnd',
-    MozTransition: 'transitionend',
-    OTransition: 'oTransitionEnd otransitionend',
-    transition: 'transitionend'
-  };
-
-  // shoutout AngusCroll (https://goo.gl/pxwQGp)
-  function toType(obj) {
-    return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
-  }
-
-  function isElement(obj) {
-    return (obj[0] || obj).nodeType;
-  }
-
-  function getSpecialTransitionEndEvent() {
-    return {
-      bindType: transition.end,
-      delegateType: transition.end,
-      handle: function handle(event) {
-        if ($(event.target).is(this)) {
-          return event.handleObj.handler.apply(this, arguments);
-        }
-      }
-    };
-  }
-
-  function transitionEndTest() {
-    if (window.QUnit) {
-      return false;
-    }
-
-    var el = document.createElement('bootstrap');
-
-    for (var _name in TransitionEndEvent) {
-      if (el.style[_name] !== undefined) {
-        return { end: TransitionEndEvent[_name] };
-      }
-    }
-
-    return false;
-  }
-
-  function transitionEndEmulator(duration) {
-    var _this = this;
-
-    var called = false;
-
-    $(this).one(Util.TRANSITION_END, function () {
-      called = true;
-    });
-
-    setTimeout(function () {
-      if (!called) {
-        Util.triggerTransitionEnd(_this);
-      }
-    }, duration);
-
-    return this;
-  }
-
-  function setTransitionEndSupport() {
-    transition = transitionEndTest();
-
-    $.fn.emulateTransitionEnd = transitionEndEmulator;
-
-    if (Util.supportsTransitionEnd()) {
-      $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
-    }
-  }
-
-  /**
-   * --------------------------------------------------------------------------
-   * Public Util Api
-   * --------------------------------------------------------------------------
-   */
-
-  var Util = {
-
-    TRANSITION_END: 'bsTransitionEnd',
-
-    getUID: function getUID(prefix) {
-      do {
-        prefix += ~ ~(Math.random() * 1000000);
-      } while (document.getElementById(prefix));
-      return prefix;
-    },
-
-    getSelectorFromElement: function getSelectorFromElement(element) {
-      var selector = element.getAttribute('data-target');
-
-      if (!selector) {
-        selector = element.getAttribute('href') || '';
-        selector = /^#[a-z]/i.test(selector) ? selector : null;
-      }
-
-      return selector;
-    },
-
-    reflow: function reflow(element) {
-      new Function('bs', 'return bs')(element.offsetHeight);
-    },
-
-    triggerTransitionEnd: function triggerTransitionEnd(element) {
-      $(element).trigger(transition.end);
-    },
-
-    supportsTransitionEnd: function supportsTransitionEnd() {
-      return Boolean(transition);
-    },
-
-    typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
-      for (var property in configTypes) {
-        if (configTypes.hasOwnProperty(property)) {
-          var expectedTypes = configTypes[property];
-          var value = config[property];
-          var valueType = undefined;
-
-          if (value && isElement(value)) {
-            valueType = 'element';
-          } else {
-            valueType = toType(value);
-          }
-
-          if (!new RegExp(expectedTypes).test(valueType)) {
-            throw new Error(componentName.toUpperCase() + ': ' + ('Option "' + property + '" provided type "' + valueType + '" ') + ('but expected type "' + expectedTypes + '".'));
-          }
-        }
-      }
-    }
-  };
-
-  setTransitionEndSupport();
-
-  return Util;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): alert.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Alert = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'alert';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.alert';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 150;
-
-  var Selector = {
-    DISMISS: '[data-dismiss="alert"]'
-  };
-
-  var Event = {
-    CLOSE: 'close' + EVENT_KEY,
-    CLOSED: 'closed' + EVENT_KEY,
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    ALERT: 'alert',
-    FADE: 'fade',
-    IN: 'in'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Alert = (function () {
-    function Alert(element) {
-      _classCallCheck(this, Alert);
-
-      this._element = element;
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Alert, [{
-      key: 'close',
-
-      // public
-
-      value: function close(element) {
-        element = element || this._element;
-
-        var rootElement = this._getRootElement(element);
-        var customEvent = this._triggerCloseEvent(rootElement);
-
-        if (customEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        this._removeElement(rootElement);
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeData(this._element, DATA_KEY);
-        this._element = null;
-      }
-
-      // private
-
-    }, {
-      key: '_getRootElement',
-      value: function _getRootElement(element) {
-        var selector = Util.getSelectorFromElement(element);
-        var parent = false;
-
-        if (selector) {
-          parent = $(selector)[0];
-        }
-
-        if (!parent) {
-          parent = $(element).closest('.' + ClassName.ALERT)[0];
-        }
-
-        return parent;
-      }
-    }, {
-      key: '_triggerCloseEvent',
-      value: function _triggerCloseEvent(element) {
-        var closeEvent = $.Event(Event.CLOSE);
-
-        $(element).trigger(closeEvent);
-        return closeEvent;
-      }
-    }, {
-      key: '_removeElement',
-      value: function _removeElement(element) {
-        $(element).removeClass(ClassName.IN);
-
-        if (!Util.supportsTransitionEnd() || !$(element).hasClass(ClassName.FADE)) {
-          this._destroyElement(element);
-          return;
-        }
-
-        $(element).one(Util.TRANSITION_END, $.proxy(this._destroyElement, this, element)).emulateTransitionEnd(TRANSITION_DURATION);
-      }
-    }, {
-      key: '_destroyElement',
-      value: function _destroyElement(element) {
-        $(element).detach().trigger(Event.CLOSED).remove();
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var $element = $(this);
-          var data = $element.data(DATA_KEY);
-
-          if (!data) {
-            data = new Alert(this);
-            $element.data(DATA_KEY, data);
-          }
-
-          if (config === 'close') {
-            data[config](this);
-          }
-        });
-      }
-    }, {
-      key: '_handleDismiss',
-      value: function _handleDismiss(alertInstance) {
-        return function (event) {
-          if (event) {
-            event.preventDefault();
-          }
-
-          alertInstance.close(this);
-        };
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }]);
-
-    return Alert;
-  })();
-
-  $(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()));
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Alert._jQueryInterface;
-  $.fn[NAME].Constructor = Alert;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Alert._jQueryInterface;
-  };
-
-  return Alert;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): button.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Button = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'button';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.button';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-
-  var ClassName = {
-    ACTIVE: 'active',
-    BUTTON: 'btn',
-    FOCUS: 'focus'
-  };
-
-  var Selector = {
-    DATA_TOGGLE_CARROT: '[data-toggle^="button"]',
-    DATA_TOGGLE: '[data-toggle="buttons"]',
-    INPUT: 'input',
-    ACTIVE: '.active',
-    BUTTON: '.btn'
-  };
-
-  var Event = {
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY,
-    FOCUS_BLUR_DATA_API: 'focus' + EVENT_KEY + DATA_API_KEY + ' ' + ('blur' + EVENT_KEY + DATA_API_KEY)
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Button = (function () {
-    function Button(element) {
-      _classCallCheck(this, Button);
-
-      this._element = element;
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Button, [{
-      key: 'toggle',
-
-      // public
-
-      value: function toggle() {
-        var triggerChangeEvent = true;
-        var rootElement = $(this._element).closest(Selector.DATA_TOGGLE)[0];
-
-        if (rootElement) {
-          var input = $(this._element).find(Selector.INPUT)[0];
-
-          if (input) {
-            if (input.type === 'radio') {
-              if (input.checked && $(this._element).hasClass(ClassName.ACTIVE)) {
-                triggerChangeEvent = false;
-              } else {
-                var activeElement = $(rootElement).find(Selector.ACTIVE)[0];
-
-                if (activeElement) {
-                  $(activeElement).removeClass(ClassName.ACTIVE);
-                }
-              }
-            }
-
-            if (triggerChangeEvent) {
-              input.checked = !$(this._element).hasClass(ClassName.ACTIVE);
-              $(this._element).trigger('change');
-            }
-          }
-        } else {
-          this._element.setAttribute('aria-pressed', !$(this._element).hasClass(ClassName.ACTIVE));
-        }
-
-        if (triggerChangeEvent) {
-          $(this._element).toggleClass(ClassName.ACTIVE);
-        }
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeData(this._element, DATA_KEY);
-        this._element = null;
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-
-          if (!data) {
-            data = new Button(this);
-            $(this).data(DATA_KEY, data);
-          }
-
-          if (config === 'toggle') {
-            data[config]();
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }]);
-
-    return Button;
-  })();
-
-  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
-    event.preventDefault();
-
-    var button = event.target;
-
-    if (!$(button).hasClass(ClassName.BUTTON)) {
-      button = $(button).closest(Selector.BUTTON);
-    }
-
-    Button._jQueryInterface.call($(button), 'toggle');
-  }).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
-    var button = $(event.target).closest(Selector.BUTTON)[0];
-    $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type));
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Button._jQueryInterface;
-  $.fn[NAME].Constructor = Button;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Button._jQueryInterface;
-  };
-
-  return Button;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): carousel.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Carousel = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'carousel';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.carousel';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 600;
-
-  var Default = {
-    interval: 5000,
-    keyboard: true,
-    slide: false,
-    pause: 'hover',
-    wrap: true
-  };
-
-  var DefaultType = {
-    interval: '(number|boolean)',
-    keyboard: 'boolean',
-    slide: '(boolean|string)',
-    pause: '(string|boolean)',
-    wrap: 'boolean'
-  };
-
-  var Direction = {
-    NEXT: 'next',
-    PREVIOUS: 'prev'
-  };
-
-  var Event = {
-    SLIDE: 'slide' + EVENT_KEY,
-    SLID: 'slid' + EVENT_KEY,
-    KEYDOWN: 'keydown' + EVENT_KEY,
-    MOUSEENTER: 'mouseenter' + EVENT_KEY,
-    MOUSELEAVE: 'mouseleave' + EVENT_KEY,
-    LOAD_DATA_API: 'load' + EVENT_KEY + DATA_API_KEY,
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    CAROUSEL: 'carousel',
-    ACTIVE: 'active',
-    SLIDE: 'slide',
-    RIGHT: 'right',
-    LEFT: 'left',
-    ITEM: 'carousel-item'
-  };
-
-  var Selector = {
-    ACTIVE: '.active',
-    ACTIVE_ITEM: '.active.carousel-item',
-    ITEM: '.carousel-item',
-    NEXT_PREV: '.next, .prev',
-    INDICATORS: '.carousel-indicators',
-    DATA_SLIDE: '[data-slide], [data-slide-to]',
-    DATA_RIDE: '[data-ride="carousel"]'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Carousel = (function () {
-    function Carousel(element, config) {
-      _classCallCheck(this, Carousel);
-
-      this._items = null;
-      this._interval = null;
-      this._activeElement = null;
-
-      this._isPaused = false;
-      this._isSliding = false;
-
-      this._config = this._getConfig(config);
-      this._element = $(element)[0];
-      this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0];
-
-      this._addEventListeners();
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Carousel, [{
-      key: 'next',
-
-      // public
-
-      value: function next() {
-        if (!this._isSliding) {
-          this._slide(Direction.NEXT);
-        }
-      }
-    }, {
-      key: 'prev',
-      value: function prev() {
-        if (!this._isSliding) {
-          this._slide(Direction.PREVIOUS);
-        }
-      }
-    }, {
-      key: 'pause',
-      value: function pause(event) {
-        if (!event) {
-          this._isPaused = true;
-        }
-
-        if ($(this._element).find(Selector.NEXT_PREV)[0] && Util.supportsTransitionEnd()) {
-          Util.triggerTransitionEnd(this._element);
-          this.cycle(true);
-        }
-
-        clearInterval(this._interval);
-        this._interval = null;
-      }
-    }, {
-      key: 'cycle',
-      value: function cycle(event) {
-        if (!event) {
-          this._isPaused = false;
-        }
-
-        if (this._interval) {
-          clearInterval(this._interval);
-          this._interval = null;
-        }
-
-        if (this._config.interval && !this._isPaused) {
-          this._interval = setInterval($.proxy(this.next, this), this._config.interval);
-        }
-      }
-    }, {
-      key: 'to',
-      value: function to(index) {
-        var _this2 = this;
-
-        this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0];
-
-        var activeIndex = this._getItemIndex(this._activeElement);
-
-        if (index > this._items.length - 1 || index < 0) {
-          return;
-        }
-
-        if (this._isSliding) {
-          $(this._element).one(Event.SLID, function () {
-            return _this2.to(index);
-          });
-          return;
-        }
-
-        if (activeIndex === index) {
-          this.pause();
-          this.cycle();
-          return;
-        }
-
-        var direction = index > activeIndex ? Direction.NEXT : Direction.PREVIOUS;
-
-        this._slide(direction, this._items[index]);
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $(this._element).off(EVENT_KEY);
-        $.removeData(this._element, DATA_KEY);
-
-        this._items = null;
-        this._config = null;
-        this._element = null;
-        this._interval = null;
-        this._isPaused = null;
-        this._isSliding = null;
-        this._activeElement = null;
-        this._indicatorsElement = null;
-      }
-
-      // private
-
-    }, {
-      key: '_getConfig',
-      value: function _getConfig(config) {
-        config = $.extend({}, Default, config);
-        Util.typeCheckConfig(NAME, config, DefaultType);
-        return config;
-      }
-    }, {
-      key: '_addEventListeners',
-      value: function _addEventListeners() {
-        if (this._config.keyboard) {
-          $(this._element).on(Event.KEYDOWN, $.proxy(this._keydown, this));
-        }
-
-        if (this._config.pause === 'hover' && !('ontouchstart' in document.documentElement)) {
-          $(this._element).on(Event.MOUSEENTER, $.proxy(this.pause, this)).on(Event.MOUSELEAVE, $.proxy(this.cycle, this));
-        }
-      }
-    }, {
-      key: '_keydown',
-      value: function _keydown(event) {
-        event.preventDefault();
-
-        if (/input|textarea/i.test(event.target.tagName)) {
-          return;
-        }
-
-        switch (event.which) {
-          case 37:
-            this.prev();break;
-          case 39:
-            this.next();break;
-          default:
-            return;
-        }
-      }
-    }, {
-      key: '_getItemIndex',
-      value: function _getItemIndex(element) {
-        this._items = $.makeArray($(element).parent().find(Selector.ITEM));
-        return this._items.indexOf(element);
-      }
-    }, {
-      key: '_getItemByDirection',
-      value: function _getItemByDirection(direction, activeElement) {
-        var isNextDirection = direction === Direction.NEXT;
-        var isPrevDirection = direction === Direction.PREVIOUS;
-        var activeIndex = this._getItemIndex(activeElement);
-        var lastItemIndex = this._items.length - 1;
-        var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
-
-        if (isGoingToWrap && !this._config.wrap) {
-          return activeElement;
-        }
-
-        var delta = direction === Direction.PREVIOUS ? -1 : 1;
-        var itemIndex = (activeIndex + delta) % this._items.length;
-
-        return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
-      }
-    }, {
-      key: '_triggerSlideEvent',
-      value: function _triggerSlideEvent(relatedTarget, directionalClassname) {
-        var slideEvent = $.Event(Event.SLIDE, {
-          relatedTarget: relatedTarget,
-          direction: directionalClassname
-        });
-
-        $(this._element).trigger(slideEvent);
-
-        return slideEvent;
-      }
-    }, {
-      key: '_setActiveIndicatorElement',
-      value: function _setActiveIndicatorElement(element) {
-        if (this._indicatorsElement) {
-          $(this._indicatorsElement).find(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
-
-          var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
-
-          if (nextIndicator) {
-            $(nextIndicator).addClass(ClassName.ACTIVE);
-          }
-        }
-      }
-    }, {
-      key: '_slide',
-      value: function _slide(direction, element) {
-        var _this3 = this;
-
-        var activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0];
-        var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
-
-        var isCycling = Boolean(this._interval);
-
-        var directionalClassName = direction === Direction.NEXT ? ClassName.LEFT : ClassName.RIGHT;
-
-        if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {
-          this._isSliding = false;
-          return;
-        }
-
-        var slideEvent = this._triggerSlideEvent(nextElement, directionalClassName);
-        if (slideEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        if (!activeElement || !nextElement) {
-          // some weirdness is happening, so we bail
-          return;
-        }
-
-        this._isSliding = true;
-
-        if (isCycling) {
-          this.pause();
-        }
-
-        this._setActiveIndicatorElement(nextElement);
-
-        var slidEvent = $.Event(Event.SLID, {
-          relatedTarget: nextElement,
-          direction: directionalClassName
-        });
-
-        if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.SLIDE)) {
-
-          $(nextElement).addClass(direction);
-
-          Util.reflow(nextElement);
-
-          $(activeElement).addClass(directionalClassName);
-          $(nextElement).addClass(directionalClassName);
-
-          $(activeElement).one(Util.TRANSITION_END, function () {
-            $(nextElement).removeClass(directionalClassName).removeClass(direction);
-
-            $(nextElement).addClass(ClassName.ACTIVE);
-
-            $(activeElement).removeClass(ClassName.ACTIVE).removeClass(direction).removeClass(directionalClassName);
-
-            _this3._isSliding = false;
-
-            setTimeout(function () {
-              return $(_this3._element).trigger(slidEvent);
-            }, 0);
-          }).emulateTransitionEnd(TRANSITION_DURATION);
-        } else {
-          $(activeElement).removeClass(ClassName.ACTIVE);
-          $(nextElement).addClass(ClassName.ACTIVE);
-
-          this._isSliding = false;
-          $(this._element).trigger(slidEvent);
-        }
-
-        if (isCycling) {
-          this.cycle();
-        }
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-          var _config = $.extend({}, Default, $(this).data());
-
-          if (typeof config === 'object') {
-            $.extend(_config, config);
-          }
-
-          var action = typeof config === 'string' ? config : _config.slide;
-
-          if (!data) {
-            data = new Carousel(this, _config);
-            $(this).data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'number') {
-            data.to(config);
-          } else if (action) {
-            data[action]();
-          } else if (_config.interval) {
-            data.pause();
-            data.cycle();
-          }
-        });
-      }
-    }, {
-      key: '_dataApiClickHandler',
-      value: function _dataApiClickHandler(event) {
-        var selector = Util.getSelectorFromElement(this);
-
-        if (!selector) {
-          return;
-        }
-
-        var target = $(selector)[0];
-
-        if (!target || !$(target).hasClass(ClassName.CAROUSEL)) {
-          return;
-        }
-
-        var config = $.extend({}, $(target).data(), $(this).data());
-        var slideIndex = this.getAttribute('data-slide-to');
-
-        if (slideIndex) {
-          config.interval = false;
-        }
-
-        Carousel._jQueryInterface.call($(target), config);
-
-        if (slideIndex) {
-          $(target).data(DATA_KEY).to(slideIndex);
-        }
-
-        event.preventDefault();
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }]);
-
-    return Carousel;
-  })();
-
-  $(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler);
-
-  $(window).on(Event.LOAD_DATA_API, function () {
-    $(Selector.DATA_RIDE).each(function () {
-      var $carousel = $(this);
-      Carousel._jQueryInterface.call($carousel, $carousel.data());
-    });
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Carousel._jQueryInterface;
-  $.fn[NAME].Constructor = Carousel;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Carousel._jQueryInterface;
-  };
-
-  return Carousel;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): collapse.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Collapse = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'collapse';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.collapse';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 600;
-
-  var Default = {
-    toggle: true,
-    parent: ''
-  };
-
-  var DefaultType = {
-    toggle: 'boolean',
-    parent: 'string'
-  };
-
-  var Event = {
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY,
-    HIDE: 'hide' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    IN: 'in',
-    COLLAPSE: 'collapse',
-    COLLAPSING: 'collapsing',
-    COLLAPSED: 'collapsed'
-  };
-
-  var Dimension = {
-    WIDTH: 'width',
-    HEIGHT: 'height'
-  };
-
-  var Selector = {
-    ACTIVES: '.panel > .in, .panel > .collapsing',
-    DATA_TOGGLE: '[data-toggle="collapse"]'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Collapse = (function () {
-    function Collapse(element, config) {
-      _classCallCheck(this, Collapse);
-
-      this._isTransitioning = false;
-      this._element = element;
-      this._config = this._getConfig(config);
-      this._triggerArray = $.makeArray($('[data-toggle="collapse"][href="#' + element.id + '"],' + ('[data-toggle="collapse"][data-target="#' + element.id + '"]')));
-
-      this._parent = this._config.parent ? this._getParent() : null;
-
-      if (!this._config.parent) {
-        this._addAriaAndCollapsedClass(this._element, this._triggerArray);
-      }
-
-      if (this._config.toggle) {
-        this.toggle();
-      }
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Collapse, [{
-      key: 'toggle',
-
-      // public
-
-      value: function toggle() {
-        if ($(this._element).hasClass(ClassName.IN)) {
-          this.hide();
-        } else {
-          this.show();
-        }
-      }
-    }, {
-      key: 'show',
-      value: function show() {
-        var _this4 = this;
-
-        if (this._isTransitioning || $(this._element).hasClass(ClassName.IN)) {
-          return;
-        }
-
-        var actives = undefined;
-        var activesData = undefined;
-
-        if (this._parent) {
-          actives = $.makeArray($(Selector.ACTIVES));
-          if (!actives.length) {
-            actives = null;
-          }
-        }
-
-        if (actives) {
-          activesData = $(actives).data(DATA_KEY);
-          if (activesData && activesData._isTransitioning) {
-            return;
-          }
-        }
-
-        var startEvent = $.Event(Event.SHOW);
-        $(this._element).trigger(startEvent);
-        if (startEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        if (actives) {
-          Collapse._jQueryInterface.call($(actives), 'hide');
-          if (!activesData) {
-            $(actives).data(DATA_KEY, null);
-          }
-        }
-
-        var dimension = this._getDimension();
-
-        $(this._element).removeClass(ClassName.COLLAPSE).addClass(ClassName.COLLAPSING);
-
-        this._element.style[dimension] = 0;
-        this._element.setAttribute('aria-expanded', true);
-
-        if (this._triggerArray.length) {
-          $(this._triggerArray).removeClass(ClassName.COLLAPSED).attr('aria-expanded', true);
-        }
-
-        this.setTransitioning(true);
-
-        var complete = function complete() {
-          $(_this4._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).addClass(ClassName.IN);
-
-          _this4._element.style[dimension] = '';
-
-          _this4.setTransitioning(false);
-
-          $(_this4._element).trigger(Event.SHOWN);
-        };
-
-        if (!Util.supportsTransitionEnd()) {
-          complete();
-          return;
-        }
-
-        var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
-        var scrollSize = 'scroll' + capitalizedDimension;
-
-        $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
-
-        this._element.style[dimension] = this._element[scrollSize] + 'px';
-      }
-    }, {
-      key: 'hide',
-      value: function hide() {
-        var _this5 = this;
-
-        if (this._isTransitioning || !$(this._element).hasClass(ClassName.IN)) {
-          return;
-        }
-
-        var startEvent = $.Event(Event.HIDE);
-        $(this._element).trigger(startEvent);
-        if (startEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        var dimension = this._getDimension();
-        var offsetDimension = dimension === Dimension.WIDTH ? 'offsetWidth' : 'offsetHeight';
-
-        this._element.style[dimension] = this._element[offsetDimension] + 'px';
-
-        Util.reflow(this._element);
-
-        $(this._element).addClass(ClassName.COLLAPSING).removeClass(ClassName.COLLAPSE).removeClass(ClassName.IN);
-
-        this._element.setAttribute('aria-expanded', false);
-
-        if (this._triggerArray.length) {
-          $(this._triggerArray).addClass(ClassName.COLLAPSED).attr('aria-expanded', false);
-        }
-
-        this.setTransitioning(true);
-
-        var complete = function complete() {
-          _this5.setTransitioning(false);
-          $(_this5._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).trigger(Event.HIDDEN);
-        };
-
-        this._element.style[dimension] = 0;
-
-        if (!Util.supportsTransitionEnd()) {
-          complete();
-          return;
-        }
-
-        $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
-      }
-    }, {
-      key: 'setTransitioning',
-      value: function setTransitioning(isTransitioning) {
-        this._isTransitioning = isTransitioning;
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeData(this._element, DATA_KEY);
-
-        this._config = null;
-        this._parent = null;
-        this._element = null;
-        this._triggerArray = null;
-        this._isTransitioning = null;
-      }
-
-      // private
-
-    }, {
-      key: '_getConfig',
-      value: function _getConfig(config) {
-        config = $.extend({}, Default, config);
-        config.toggle = Boolean(config.toggle); // coerce string values
-        Util.typeCheckConfig(NAME, config, DefaultType);
-        return config;
-      }
-    }, {
-      key: '_getDimension',
-      value: function _getDimension() {
-        var hasWidth = $(this._element).hasClass(Dimension.WIDTH);
-        return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT;
-      }
-    }, {
-      key: '_getParent',
-      value: function _getParent() {
-        var _this6 = this;
-
-        var parent = $(this._config.parent)[0];
-        var selector = '[data-toggle="collapse"][data-parent="' + this._config.parent + '"]';
-
-        $(parent).find(selector).each(function (i, element) {
-          _this6._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
-        });
-
-        return parent;
-      }
-    }, {
-      key: '_addAriaAndCollapsedClass',
-      value: function _addAriaAndCollapsedClass(element, triggerArray) {
-        if (element) {
-          var isOpen = $(element).hasClass(ClassName.IN);
-          element.setAttribute('aria-expanded', isOpen);
-
-          if (triggerArray.length) {
-            $(triggerArray).toggleClass(ClassName.COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
-          }
-        }
-      }
-
-      // static
-
-    }], [{
-      key: '_getTargetFromElement',
-      value: function _getTargetFromElement(element) {
-        var selector = Util.getSelectorFromElement(element);
-        return selector ? $(selector)[0] : null;
-      }
-    }, {
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var $this = $(this);
-          var data = $this.data(DATA_KEY);
-          var _config = $.extend({}, Default, $this.data(), typeof config === 'object' && config);
-
-          if (!data && _config.toggle && /show|hide/.test(config)) {
-            _config.toggle = false;
-          }
-
-          if (!data) {
-            data = new Collapse(this, _config);
-            $this.data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'string') {
-            data[config]();
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }]);
-
-    return Collapse;
-  })();
-
-  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
-    event.preventDefault();
-
-    var target = Collapse._getTargetFromElement(this);
-    var data = $(target).data(DATA_KEY);
-    var config = data ? 'toggle' : $(this).data();
-
-    Collapse._jQueryInterface.call($(target), config);
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Collapse._jQueryInterface;
-  $.fn[NAME].Constructor = Collapse;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Collapse._jQueryInterface;
-  };
-
-  return Collapse;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): dropdown.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Dropdown = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'dropdown';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.dropdown';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-
-  var Event = {
-    HIDE: 'hide' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY,
-    CLICK: 'click' + EVENT_KEY,
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY,
-    KEYDOWN_DATA_API: 'keydown' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    BACKDROP: 'dropdown-backdrop',
-    DISABLED: 'disabled',
-    OPEN: 'open'
-  };
-
-  var Selector = {
-    BACKDROP: '.dropdown-backdrop',
-    DATA_TOGGLE: '[data-toggle="dropdown"]',
-    FORM_CHILD: '.dropdown form',
-    ROLE_MENU: '[role="menu"]',
-    ROLE_LISTBOX: '[role="listbox"]',
-    NAVBAR_NAV: '.navbar-nav',
-    VISIBLE_ITEMS: '[role="menu"] li:not(.disabled) a, ' + '[role="listbox"] li:not(.disabled) a'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Dropdown = (function () {
-    function Dropdown(element) {
-      _classCallCheck(this, Dropdown);
-
-      this._element = element;
-
-      this._addEventListeners();
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Dropdown, [{
-      key: 'toggle',
-
-      // public
-
-      value: function toggle() {
-        if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {
-          return false;
-        }
-
-        var parent = Dropdown._getParentFromElement(this);
-        var isActive = $(parent).hasClass(ClassName.OPEN);
-
-        Dropdown._clearMenus();
-
-        if (isActive) {
-          return false;
-        }
-
-        if ('ontouchstart' in document.documentElement && !$(parent).closest(Selector.NAVBAR_NAV).length) {
-
-          // if mobile we use a backdrop because click events don't delegate
-          var dropdown = document.createElement('div');
-          dropdown.className = ClassName.BACKDROP;
-          $(dropdown).insertBefore(this);
-          $(dropdown).on('click', Dropdown._clearMenus);
-        }
-
-        var relatedTarget = { relatedTarget: this };
-        var showEvent = $.Event(Event.SHOW, relatedTarget);
-
-        $(parent).trigger(showEvent);
-
-        if (showEvent.isDefaultPrevented()) {
-          return false;
-        }
-
-        this.focus();
-        this.setAttribute('aria-expanded', 'true');
-
-        $(parent).toggleClass(ClassName.OPEN);
-        $(parent).trigger($.Event(Event.SHOWN, relatedTarget));
-
-        return false;
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeData(this._element, DATA_KEY);
-        $(this._element).off(EVENT_KEY);
-        this._element = null;
-      }
-
-      // private
-
-    }, {
-      key: '_addEventListeners',
-      value: function _addEventListeners() {
-        $(this._element).on(Event.CLICK, this.toggle);
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-
-          if (!data) {
-            $(this).data(DATA_KEY, data = new Dropdown(this));
-          }
-
-          if (typeof config === 'string') {
-            data[config].call(this);
-          }
-        });
-      }
-    }, {
-      key: '_clearMenus',
-      value: function _clearMenus(event) {
-        if (event && event.which === 3) {
-          return;
-        }
-
-        var backdrop = $(Selector.BACKDROP)[0];
-        if (backdrop) {
-          backdrop.parentNode.removeChild(backdrop);
-        }
-
-        var toggles = $.makeArray($(Selector.DATA_TOGGLE));
-
-        for (var i = 0; i < toggles.length; i++) {
-          var _parent = Dropdown._getParentFromElement(toggles[i]);
-          var relatedTarget = { relatedTarget: toggles[i] };
-
-          if (!$(_parent).hasClass(ClassName.OPEN)) {
-            continue;
-          }
-
-          if (event && event.type === 'click' && /input|textarea/i.test(event.target.tagName) && $.contains(_parent, event.target)) {
-            continue;
-          }
-
-          var hideEvent = $.Event(Event.HIDE, relatedTarget);
-          $(_parent).trigger(hideEvent);
-          if (hideEvent.isDefaultPrevented()) {
-            continue;
-          }
-
-          toggles[i].setAttribute('aria-expanded', 'false');
-
-          $(_parent).removeClass(ClassName.OPEN).trigger($.Event(Event.HIDDEN, relatedTarget));
-        }
-      }
-    }, {
-      key: '_getParentFromElement',
-      value: function _getParentFromElement(element) {
-        var parent = undefined;
-        var selector = Util.getSelectorFromElement(element);
-
-        if (selector) {
-          parent = $(selector)[0];
-        }
-
-        return parent || element.parentNode;
-      }
-    }, {
-      key: '_dataApiKeydownHandler',
-      value: function _dataApiKeydownHandler(event) {
-        if (!/(38|40|27|32)/.test(event.which) || /input|textarea/i.test(event.target.tagName)) {
-          return;
-        }
-
-        event.preventDefault();
-        event.stopPropagation();
-
-        if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {
-          return;
-        }
-
-        var parent = Dropdown._getParentFromElement(this);
-        var isActive = $(parent).hasClass(ClassName.OPEN);
-
-        if (!isActive && event.which !== 27 || isActive && event.which === 27) {
-
-          if (event.which === 27) {
-            var toggle = $(parent).find(Selector.DATA_TOGGLE)[0];
-            $(toggle).trigger('focus');
-          }
-
-          $(this).trigger('click');
-          return;
-        }
-
-        var items = $.makeArray($(Selector.VISIBLE_ITEMS));
-
-        items = items.filter(function (item) {
-          return item.offsetWidth || item.offsetHeight;
-        });
-
-        if (!items.length) {
-          return;
-        }
-
-        var index = items.indexOf(event.target);
-
-        if (event.which === 38 && index > 0) {
-          // up
-          index--;
-        }
-
-        if (event.which === 40 && index < items.length - 1) {
-          // down
-          index++;
-        }
-
-        if (! ~index) {
-          index = 0;
-        }
-
-        items[index].focus();
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }]);
-
-    return Dropdown;
-  })();
-
-  $(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.ROLE_MENU, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.ROLE_LISTBOX, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, Dropdown.prototype.toggle).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) {
-    e.stopPropagation();
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Dropdown._jQueryInterface;
-  $.fn[NAME].Constructor = Dropdown;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Dropdown._jQueryInterface;
-  };
-
-  return Dropdown;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): modal.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Modal = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'modal';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.modal';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 300;
-  var BACKDROP_TRANSITION_DURATION = 150;
-
-  var Default = {
-    backdrop: true,
-    keyboard: true,
-    focus: true,
-    show: true
-  };
-
-  var DefaultType = {
-    backdrop: '(boolean|string)',
-    keyboard: 'boolean',
-    focus: 'boolean',
-    show: 'boolean'
-  };
-
-  var Event = {
-    HIDE: 'hide' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY,
-    FOCUSIN: 'focusin' + EVENT_KEY,
-    RESIZE: 'resize' + EVENT_KEY,
-    CLICK_DISMISS: 'click.dismiss' + EVENT_KEY,
-    KEYDOWN_DISMISS: 'keydown.dismiss' + EVENT_KEY,
-    MOUSEUP_DISMISS: 'mouseup.dismiss' + EVENT_KEY,
-    MOUSEDOWN_DISMISS: 'mousedown.dismiss' + EVENT_KEY,
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
-    BACKDROP: 'modal-backdrop',
-    OPEN: 'modal-open',
-    FADE: 'fade',
-    IN: 'in'
-  };
-
-  var Selector = {
-    DIALOG: '.modal-dialog',
-    DATA_TOGGLE: '[data-toggle="modal"]',
-    DATA_DISMISS: '[data-dismiss="modal"]',
-    FIXED_CONTENT: '.navbar-fixed-top, .navbar-fixed-bottom, .is-fixed'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Modal = (function () {
-    function Modal(element, config) {
-      _classCallCheck(this, Modal);
-
-      this._config = this._getConfig(config);
-      this._element = element;
-      this._dialog = $(element).find(Selector.DIALOG)[0];
-      this._backdrop = null;
-      this._isShown = false;
-      this._isBodyOverflowing = false;
-      this._ignoreBackdropClick = false;
-      this._originalBodyPadding = 0;
-      this._scrollbarWidth = 0;
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Modal, [{
-      key: 'toggle',
-
-      // public
-
-      value: function toggle(relatedTarget) {
-        return this._isShown ? this.hide() : this.show(relatedTarget);
-      }
-    }, {
-      key: 'show',
-      value: function show(relatedTarget) {
-        var _this7 = this;
-
-        var showEvent = $.Event(Event.SHOW, {
-          relatedTarget: relatedTarget
-        });
-
-        $(this._element).trigger(showEvent);
-
-        if (this._isShown || showEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        this._isShown = true;
-
-//        this._checkScrollbar();
-//        this._setScrollbar();
-
-        $(document.body).addClass(ClassName.OPEN);
-
-        this._setEscapeEvent();
-        this._setResizeEvent();
-
-        $(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, $.proxy(this.hide, this));
-
-        $(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
-          $(_this7._element).one(Event.MOUSEUP_DISMISS, function (event) {
-            if ($(event.target).is(_this7._element)) {
-              that._ignoreBackdropClick = true;
-            }
-          });
-        });
-
-        this._showBackdrop($.proxy(this._showElement, this, relatedTarget));
-      }
-    }, {
-      key: 'hide',
-      value: function hide(event) {
-        if (event) {
-          event.preventDefault();
-        }
-
-        var hideEvent = $.Event(Event.HIDE);
-
-        $(this._element).trigger(hideEvent);
-
-        if (!this._isShown || hideEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        this._isShown = false;
-
-        this._setEscapeEvent();
-        this._setResizeEvent();
-
-        $(document).off(Event.FOCUSIN);
-
-        $(this._element).removeClass(ClassName.IN);
-
-        $(this._element).off(Event.CLICK_DISMISS);
-        $(this._dialog).off(Event.MOUSEDOWN_DISMISS);
-
-        if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
-
-          $(this._element).one(Util.TRANSITION_END, $.proxy(this._hideModal, this)).emulateTransitionEnd(TRANSITION_DURATION);
-        } else {
-          this._hideModal();
-        }
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeData(this._element, DATA_KEY);
-
-        $(window).off(EVENT_KEY);
-        $(document).off(EVENT_KEY);
-        $(this._element).off(EVENT_KEY);
-        $(this._backdrop).off(EVENT_KEY);
-
-        this._config = null;
-        this._element = null;
-        this._dialog = null;
-        this._backdrop = null;
-        this._isShown = null;
-        this._isBodyOverflowing = null;
-        this._ignoreBackdropClick = null;
-        this._originalBodyPadding = null;
-        this._scrollbarWidth = null;
-      }
-
-      // private
-
-    }, {
-      key: '_getConfig',
-      value: function _getConfig(config) {
-        config = $.extend({}, Default, config);
-        Util.typeCheckConfig(NAME, config, DefaultType);
-        return config;
-      }
-    }, {
-      key: '_showElement',
-      value: function _showElement(relatedTarget) {
-        var _this8 = this;
-
-        var transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE);
-
-        if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
-          // don't move modals dom position
-          document.body.appendChild(this._element);
-        }
-
-        this._element.style.display = 'block';
-        this._element.scrollTop = 0;
-
-        if (transition) {
-          Util.reflow(this._element);
-        }
-
-        $(this._element).addClass(ClassName.IN);
-
-        if (this._config.focus) {
-          this._enforceFocus();
-        }
-
-        var shownEvent = $.Event(Event.SHOWN, {
-          relatedTarget: relatedTarget
-        });
-
-        var transitionComplete = function transitionComplete() {
-          if (_this8._config.focus) {
-            _this8._element.focus();
-          }
-          $(_this8._element).trigger(shownEvent);
-        };
-
-        if (transition) {
-          $(this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(TRANSITION_DURATION);
-        } else {
-          transitionComplete();
-        }
-      }
-    }, {
-      key: '_enforceFocus',
-      value: function _enforceFocus() {
-        var _this9 = this;
-
-        $(document).off(Event.FOCUSIN) // guard against infinite focus loop
-        .on(Event.FOCUSIN, function (event) {
-          if (_this9._element !== event.target && !$(_this9._element).has(event.target).length) {
-            _this9._element.focus();
-          }
-        });
-      }
-    }, {
-      key: '_setEscapeEvent',
-      value: function _setEscapeEvent() {
-        var _this10 = this;
-
-        if (this._isShown && this._config.keyboard) {
-          $(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
-            if (event.which === 27) {
-              _this10.hide();
-            }
-          });
-        } else if (!this._isShown) {
-          $(this._element).off(Event.KEYDOWN_DISMISS);
-        }
-      }
-    }, {
-      key: '_setResizeEvent',
-      value: function _setResizeEvent() {
-        if (this._isShown) {
-          $(window).on(Event.RESIZE, $.proxy(this._handleUpdate, this));
-        } else {
-          $(window).off(Event.RESIZE);
-        }
-      }
-    }, {
-      key: '_hideModal',
-      value: function _hideModal() {
-        var _this11 = this;
-
-        this._element.style.display = 'none';
-        this._showBackdrop(function () {
-          $(document.body).removeClass(ClassName.OPEN);
-          _this11._resetAdjustments();
-          _this11._resetScrollbar();
-          $(_this11._element).trigger(Event.HIDDEN);
-        });
-      }
-    }, {
-      key: '_removeBackdrop',
-      value: function _removeBackdrop() {
-        if (this._backdrop) {
-          $(this._backdrop).remove();
-          this._backdrop = null;
-        }
-      }
-    }, {
-      key: '_showBackdrop',
-      value: function _showBackdrop(callback) {
-        var _this12 = this;
-
-        var animate = $(this._element).hasClass(ClassName.FADE) ? ClassName.FADE : '';
-
-        if (this._isShown && this._config.backdrop) {
-          var doAnimate = Util.supportsTransitionEnd() && animate;
-
-          this._backdrop = document.createElement('div');
-          this._backdrop.className = ClassName.BACKDROP;
-
-          if (animate) {
-            $(this._backdrop).addClass(animate);
-          }
-
-          $(this._backdrop).appendTo(document.body);
-
-          $(this._element).on(Event.CLICK_DISMISS, function (event) {
-            if (_this12._ignoreBackdropClick) {
-              _this12._ignoreBackdropClick = false;
-              return;
-            }
-            if (event.target !== event.currentTarget) {
-              return;
-            }
-            if (_this12._config.backdrop === 'static') {
-              _this12._element.focus();
-            } else {
-              _this12.hide();
-            }
-          });
-
-          if (doAnimate) {
-            Util.reflow(this._backdrop);
-          }
-
-          $(this._backdrop).addClass(ClassName.IN);
-
-          if (!callback) {
-            return;
-          }
-
-          if (!doAnimate) {
-            callback();
-            return;
-          }
-
-          $(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
-        } else if (!this._isShown && this._backdrop) {
-          $(this._backdrop).removeClass(ClassName.IN);
-
-          var callbackRemove = function callbackRemove() {
-            _this12._removeBackdrop();
-            if (callback) {
-              callback();
-            }
-          };
-
-          if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
-            $(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
-          } else {
-            callbackRemove();
-          }
-        } else if (callback) {
-          callback();
-        }
-      }
-
-      // ----------------------------------------------------------------------
-      // the following methods are used to handle overflowing modals
-      // todo (fat): these should probably be refactored out of modal.js
-      // ----------------------------------------------------------------------
-
-    }, {
-      key: '_handleUpdate',
-      value: function _handleUpdate() {
-        this._adjustDialog();
-      }
-    }, {
-      key: '_adjustDialog',
-      value: function _adjustDialog() {
-        var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
-
-        if (!this._isBodyOverflowing && isModalOverflowing) {
-          this._element.style.paddingLeft = this._scrollbarWidth + 'px';
-        }
-
-        if (this._isBodyOverflowing && !isModalOverflowing) {
-          this._element.style.paddingRight = this._scrollbarWidth + 'px~';
-        }
-      }
-    }, {
-      key: '_resetAdjustments',
-      value: function _resetAdjustments() {
-        this._element.style.paddingLeft = '';
-        this._element.style.paddingRight = '';
-      }
-    }, {
-      key: '_checkScrollbar',
-      value: function _checkScrollbar() {
-        var fullWindowWidth = window.innerWidth;
-        if (!fullWindowWidth) {
-          // workaround for missing window.innerWidth in IE8
-          var documentElementRect = document.documentElement.getBoundingClientRect();
-          fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left);
-        }
-        this._isBodyOverflowing = document.body.clientWidth < fullWindowWidth;
-        this._scrollbarWidth = this._getScrollbarWidth();
-      }
-    }, {
-      key: '_setScrollbar',
-      value: function _setScrollbar() {
-        var bodyPadding = parseInt($(Selector.FIXED_CONTENT).css('padding-right') || 0, 10);
-
-        this._originalBodyPadding = document.body.style.paddingRight || '';
-
-        if (this._isBodyOverflowing) {
-          document.body.style.paddingRight = bodyPadding + (this._scrollbarWidth + 'px');
-        }
-      }
-    }, {
-      key: '_resetScrollbar',
-      value: function _resetScrollbar() {
-        document.body.style.paddingRight = this._originalBodyPadding;
-      }
-    }, {
-      key: '_getScrollbarWidth',
-      value: function _getScrollbarWidth() {
-        // thx d.walsh
-        var scrollDiv = document.createElement('div');
-        scrollDiv.className = ClassName.SCROLLBAR_MEASURER;
-        document.body.appendChild(scrollDiv);
-        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-        document.body.removeChild(scrollDiv);
-        return scrollbarWidth;
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config, relatedTarget) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-          var _config = $.extend({}, Modal.Default, $(this).data(), typeof config === 'object' && config);
-
-          if (!data) {
-            data = new Modal(this, _config);
-            $(this).data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'string') {
-            data[config](relatedTarget);
-          } else if (_config.show) {
-            data.show(relatedTarget);
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }]);
-
-    return Modal;
-  })();
-
-  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
-    var _this13 = this;
-
-    var target = undefined;
-    var selector = Util.getSelectorFromElement(this);
-
-    if (selector) {
-      target = $(selector)[0];
-    }
-
-    var config = $(target).data(DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data());
-
-    if (this.tagName === 'A') {
-      event.preventDefault();
-    }
-
-    var $target = $(target).one(Event.SHOW, function (showEvent) {
-      if (showEvent.isDefaultPrevented()) {
-        // only register focus restorer if modal will actually get shown
-        return;
-      }
-
-      $target.one(Event.HIDDEN, function () {
-        if ($(_this13).is(':visible')) {
-          _this13.focus();
-        }
-      });
-    });
-
-    Modal._jQueryInterface.call($(target), config, this);
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Modal._jQueryInterface;
-  $.fn[NAME].Constructor = Modal;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Modal._jQueryInterface;
-  };
-
-  return Modal;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): scrollspy.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var ScrollSpy = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'scrollspy';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.scrollspy';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-
-  var Default = {
-    offset: 10,
-    method: 'auto',
-    target: ''
-  };
-
-  var DefaultType = {
-    offset: 'number',
-    method: 'string',
-    target: '(string|element)'
-  };
-
-  var Event = {
-    ACTIVATE: 'activate' + EVENT_KEY,
-    SCROLL: 'scroll' + EVENT_KEY,
-    LOAD_DATA_API: 'load' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    DROPDOWN_ITEM: 'dropdown-item',
-    DROPDOWN_MENU: 'dropdown-menu',
-    NAV_LINK: 'nav-link',
-    NAV: 'nav',
-    ACTIVE: 'active'
-  };
-
-  var Selector = {
-    DATA_SPY: '[data-spy="scroll"]',
-    ACTIVE: '.active',
-    LIST_ITEM: '.list-item',
-    LI: 'li',
-    LI_DROPDOWN: 'li.dropdown',
-    NAV_LINKS: '.nav-link',
-    DROPDOWN: '.dropdown',
-    DROPDOWN_ITEMS: '.dropdown-item',
-    DROPDOWN_TOGGLE: '.dropdown-toggle'
-  };
-
-  var OffsetMethod = {
-    OFFSET: 'offset',
-    POSITION: 'position'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var ScrollSpy = (function () {
-    function ScrollSpy(element, config) {
-      _classCallCheck(this, ScrollSpy);
-
-      this._element = element;
-      this._scrollElement = element.tagName === 'BODY' ? window : element;
-      this._config = this._getConfig(config);
-      this._selector = this._config.target + ' ' + Selector.NAV_LINKS + ',' + (this._config.target + ' ' + Selector.DROPDOWN_ITEMS);
-      this._offsets = [];
-      this._targets = [];
-      this._activeTarget = null;
-      this._scrollHeight = 0;
-
-      $(this._scrollElement).on(Event.SCROLL, $.proxy(this._process, this));
-
-      this.refresh();
-      this._process();
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(ScrollSpy, [{
-      key: 'refresh',
-
-      // public
-
-      value: function refresh() {
-        var _this14 = this;
-
-        var autoMethod = this._scrollElement !== this._scrollElement.window ? OffsetMethod.POSITION : OffsetMethod.OFFSET;
-
-        var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
-
-        var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0;
-
-        this._offsets = [];
-        this._targets = [];
-
-        this._scrollHeight = this._getScrollHeight();
-
-        var targets = $.makeArray($(this._selector));
-
-        targets.map(function (element) {
-          var target = undefined;
-          var targetSelector = Util.getSelectorFromElement(element);
-
-          if (targetSelector) {
-            target = $(targetSelector)[0];
-          }
-
-          if (target && (target.offsetWidth || target.offsetHeight)) {
-            // todo (fat): remove sketch reliance on jQuery position/offset
-            return [$(target)[offsetMethod]().top + offsetBase, targetSelector];
-          }
-        }).filter(function (item) {
-          return item;
-        }).sort(function (a, b) {
-          return a[0] - b[0];
-        }).forEach(function (item) {
-          _this14._offsets.push(item[0]);
-          _this14._targets.push(item[1]);
-        });
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeData(this._element, DATA_KEY);
-        $(this._scrollElement).off(EVENT_KEY);
-
-        this._element = null;
-        this._scrollElement = null;
-        this._config = null;
-        this._selector = null;
-        this._offsets = null;
-        this._targets = null;
-        this._activeTarget = null;
-        this._scrollHeight = null;
-      }
-
-      // private
-
-    }, {
-      key: '_getConfig',
-      value: function _getConfig(config) {
-        config = $.extend({}, Default, config);
-
-        if (typeof config.target !== 'string') {
-          var id = $(config.target).attr('id');
-          if (!id) {
-            id = Util.getUID(NAME);
-            $(config.target).attr('id', id);
-          }
-          config.target = '#' + id;
-        }
-
-        Util.typeCheckConfig(NAME, config, DefaultType);
-
-        return config;
-      }
-    }, {
-      key: '_getScrollTop',
-      value: function _getScrollTop() {
-        return this._scrollElement === window ? this._scrollElement.scrollY : this._scrollElement.scrollTop;
-      }
-    }, {
-      key: '_getScrollHeight',
-      value: function _getScrollHeight() {
-        return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
-      }
-    }, {
-      key: '_process',
-      value: function _process() {
-        var scrollTop = this._getScrollTop() + this._config.offset;
-        var scrollHeight = this._getScrollHeight();
-        var maxScroll = this._config.offset + scrollHeight - this._scrollElement.offsetHeight;
-
-        if (this._scrollHeight !== scrollHeight) {
-          this.refresh();
-        }
-
-        if (scrollTop >= maxScroll) {
-          var target = this._targets[this._targets.length - 1];
-
-          if (this._activeTarget !== target) {
-            this._activate(target);
-          }
-        }
-
-        if (this._activeTarget && scrollTop < this._offsets[0]) {
-          this._activeTarget = null;
-          this._clear();
-          return;
-        }
-
-        for (var i = this._offsets.length; i--;) {
-          var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (this._offsets[i + 1] === undefined || scrollTop < this._offsets[i + 1]);
-
-          if (isActiveTarget) {
-            this._activate(this._targets[i]);
-          }
-        }
-      }
-    }, {
-      key: '_activate',
-      value: function _activate(target) {
-        this._activeTarget = target;
-
-        this._clear();
-
-        var queries = this._selector.split(',');
-        queries = queries.map(function (selector) {
-          return selector + '[data-target="' + target + '"],' + (selector + '[href="' + target + '"]');
-        });
-
-        var $link = $(queries.join(','));
-
-        if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {
-          $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
-          $link.addClass(ClassName.ACTIVE);
-        } else {
-          // todo (fat) this is kinda sus…
-          // recursively add actives to tested nav-links
-          $link.parents(Selector.LI).find(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
-        }
-
-        $(this._scrollElement).trigger(Event.ACTIVATE, {
-          relatedTarget: target
-        });
-      }
-    }, {
-      key: '_clear',
-      value: function _clear() {
-        $(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-          var _config = typeof config === 'object' && config || null;
-
-          if (!data) {
-            data = new ScrollSpy(this, _config);
-            $(this).data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'string') {
-            data[config]();
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }]);
-
-    return ScrollSpy;
-  })();
-
-  $(window).on(Event.LOAD_DATA_API, function () {
-    var scrollSpys = $.makeArray($(Selector.DATA_SPY));
-
-    for (var i = scrollSpys.length; i--;) {
-      var $spy = $(scrollSpys[i]);
-      ScrollSpy._jQueryInterface.call($spy, $spy.data());
-    }
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = ScrollSpy._jQueryInterface;
-  $.fn[NAME].Constructor = ScrollSpy;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return ScrollSpy._jQueryInterface;
-  };
-
-  return ScrollSpy;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): tab.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Tab = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'tab';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.tab';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var DATA_API_KEY = '.data-api';
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 150;
-
-  var Event = {
-    HIDE: 'hide' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY,
-    CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
-  };
-
-  var ClassName = {
-    DROPDOWN_MENU: 'dropdown-menu',
-    ACTIVE: 'active',
-    FADE: 'fade',
-    IN: 'in'
-  };
-
-  var Selector = {
-    A: 'a',
-    LI: 'li',
-    DROPDOWN: '.dropdown',
-    UL: 'ul:not(.dropdown-menu)',
-    FADE_CHILD: '> .nav-item .fade, > .fade',
-    ACTIVE: '.active',
-    ACTIVE_CHILD: '> .nav-item > .active, > .active',
-    DATA_TOGGLE: '[data-toggle="tab"], [data-toggle="pill"]',
-    DROPDOWN_TOGGLE: '.dropdown-toggle',
-    DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Tab = (function () {
-    function Tab(element) {
-      _classCallCheck(this, Tab);
-
-      this._element = element;
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * Data Api implementation
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Tab, [{
-      key: 'show',
-
-      // public
-
-      value: function show() {
-        var _this15 = this;
-
-        if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $(this._element).hasClass(ClassName.ACTIVE)) {
-          return;
-        }
-
-        var target = undefined;
-        var previous = undefined;
-        var ulElement = $(this._element).closest(Selector.UL)[0];
-        var selector = Util.getSelectorFromElement(this._element);
-
-        if (ulElement) {
-          previous = $.makeArray($(ulElement).find(Selector.ACTIVE));
-          previous = previous[previous.length - 1];
-        }
-
-        var hideEvent = $.Event(Event.HIDE, {
-          relatedTarget: this._element
-        });
-
-        var showEvent = $.Event(Event.SHOW, {
-          relatedTarget: previous
-        });
-
-        if (previous) {
-          $(previous).trigger(hideEvent);
-        }
-
-        $(this._element).trigger(showEvent);
-
-        if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        if (selector) {
-          target = $(selector)[0];
-        }
-
-        this._activate(this._element, ulElement);
-
-        var complete = function complete() {
-          var hiddenEvent = $.Event(Event.HIDDEN, {
-            relatedTarget: _this15._element
-          });
-
-          var shownEvent = $.Event(Event.SHOWN, {
-            relatedTarget: previous
-          });
-
-          $(previous).trigger(hiddenEvent);
-          $(_this15._element).trigger(shownEvent);
-        };
-
-        if (target) {
-          this._activate(target, target.parentNode, complete);
-        } else {
-          complete();
-        }
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        $.removeClass(this._element, DATA_KEY);
-        this._element = null;
-      }
-
-      // private
-
-    }, {
-      key: '_activate',
-      value: function _activate(element, container, callback) {
-        var active = $(container).find(Selector.ACTIVE_CHILD)[0];
-        var isTransitioning = callback && Util.supportsTransitionEnd() && (active && $(active).hasClass(ClassName.FADE) || Boolean($(container).find(Selector.FADE_CHILD)[0]));
-
-        var complete = $.proxy(this._transitionComplete, this, element, active, isTransitioning, callback);
-
-        if (active && isTransitioning) {
-          $(active).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
-        } else {
-          complete();
-        }
-
-        if (active) {
-          $(active).removeClass(ClassName.IN);
-        }
-      }
-    }, {
-      key: '_transitionComplete',
-      value: function _transitionComplete(element, active, isTransitioning, callback) {
-        if (active) {
-          $(active).removeClass(ClassName.ACTIVE);
-
-          var dropdownChild = $(active).find(Selector.DROPDOWN_ACTIVE_CHILD)[0];
-
-          if (dropdownChild) {
-            $(dropdownChild).removeClass(ClassName.ACTIVE);
-          }
-
-          active.setAttribute('aria-expanded', false);
-        }
-
-        $(element).addClass(ClassName.ACTIVE);
-        element.setAttribute('aria-expanded', true);
-
-        if (isTransitioning) {
-          Util.reflow(element);
-          $(element).addClass(ClassName.IN);
-        } else {
-          $(element).removeClass(ClassName.FADE);
-        }
-
-        if (element.parentNode && $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {
-
-          var dropdownElement = $(element).closest(Selector.DROPDOWN)[0];
-          if (dropdownElement) {
-            $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
-          }
-
-          element.setAttribute('aria-expanded', true);
-        }
-
-        if (callback) {
-          callback();
-        }
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var $this = $(this);
-          var data = $this.data(DATA_KEY);
-
-          if (!data) {
-            data = data = new Tab(this);
-            $this.data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'string') {
-            data[config]();
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }]);
-
-    return Tab;
-  })();
-
-  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
-    event.preventDefault();
-    Tab._jQueryInterface.call($(this), 'show');
-  });
-
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-
-  $.fn[NAME] = Tab._jQueryInterface;
-  $.fn[NAME].Constructor = Tab;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Tab._jQueryInterface;
-  };
-
-  return Tab;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): tooltip.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Tooltip = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'tooltip';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.tooltip';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-  var TRANSITION_DURATION = 150;
-  var CLASS_PREFIX = 'bs-tether';
-
-  var Default = {
-    animation: true,
-    template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div></div>',
-    trigger: 'hover focus',
-    title: '',
-    delay: 0,
-    html: false,
-    selector: false,
-    placement: 'top',
-    offset: '0 0',
-    constraints: []
-  };
-
-  var DefaultType = {
-    animation: 'boolean',
-    template: 'string',
-    title: '(string|function)',
-    trigger: 'string',
-    delay: '(number|object)',
-    html: 'boolean',
-    selector: '(string|boolean)',
-    placement: '(string|function)',
-    offset: 'string',
-    constraints: 'array'
-  };
-
-  var AttachmentMap = {
-    TOP: 'bottom center',
-    RIGHT: 'middle left',
-    BOTTOM: 'top center',
-    LEFT: 'middle right'
-  };
-
-  var HoverState = {
-    IN: 'in',
-    OUT: 'out'
-  };
-
-  var Event = {
-    HIDE: 'hide' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY,
-    INSERTED: 'inserted' + EVENT_KEY,
-    CLICK: 'click' + EVENT_KEY,
-    FOCUSIN: 'focusin' + EVENT_KEY,
-    FOCUSOUT: 'focusout' + EVENT_KEY,
-    MOUSEENTER: 'mouseenter' + EVENT_KEY,
-    MOUSELEAVE: 'mouseleave' + EVENT_KEY
-  };
-
-  var ClassName = {
-    FADE: 'fade',
-    IN: 'in'
-  };
-
-  var Selector = {
-    TOOLTIP: '.tooltip',
-    TOOLTIP_INNER: '.tooltip-inner'
-  };
-
-  var TetherClass = {
-    element: false,
-    enabled: false
-  };
-
-  var Trigger = {
-    HOVER: 'hover',
-    FOCUS: 'focus',
-    CLICK: 'click',
-    MANUAL: 'manual'
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Tooltip = (function () {
-    function Tooltip(element, config) {
-      _classCallCheck(this, Tooltip);
-
-      // private
-      this._isEnabled = true;
-      this._timeout = 0;
-      this._hoverState = '';
-      this._activeTrigger = {};
-      this._tether = null;
-
-      // protected
-      this.element = element;
-      this.config = this._getConfig(config);
-      this.tip = null;
-
-      this._setListeners();
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * jQuery
-     * ------------------------------------------------------------------------
-     */
-
-    // getters
-
-    _createClass(Tooltip, [{
-      key: 'enable',
-
-      // public
-
-      value: function enable() {
-        this._isEnabled = true;
-      }
-    }, {
-      key: 'disable',
-      value: function disable() {
-        this._isEnabled = false;
-      }
-    }, {
-      key: 'toggleEnabled',
-      value: function toggleEnabled() {
-        this._isEnabled = !this._isEnabled;
-      }
-    }, {
-      key: 'toggle',
-      value: function toggle(event) {
-        if (event) {
-          var dataKey = this.constructor.DATA_KEY;
-          var context = $(event.currentTarget).data(dataKey);
-
-          if (!context) {
-            context = new this.constructor(event.currentTarget, this._getDelegateConfig());
-            $(event.currentTarget).data(dataKey, context);
-          }
-
-          context._activeTrigger.click = !context._activeTrigger.click;
-
-          if (context._isWithActiveTrigger()) {
-            context._enter(null, context);
-          } else {
-            context._leave(null, context);
-          }
-        } else {
-
-          if ($(this.getTipElement()).hasClass(ClassName.IN)) {
-            this._leave(null, this);
-            return;
-          }
-
-          this._enter(null, this);
-        }
-      }
-    }, {
-      key: 'dispose',
-      value: function dispose() {
-        clearTimeout(this._timeout);
-
-        this.cleanupTether();
-
-        $.removeData(this.element, this.constructor.DATA_KEY);
-
-        $(this.element).off(this.constructor.EVENT_KEY);
-
-        if (this.tip) {
-          $(this.tip).remove();
-        }
-
-        this._isEnabled = null;
-        this._timeout = null;
-        this._hoverState = null;
-        this._activeTrigger = null;
-        this._tether = null;
-
-        this.element = null;
-        this.config = null;
-        this.tip = null;
-      }
-    }, {
-      key: 'show',
-      value: function show() {
-        var _this16 = this;
-
-        var showEvent = $.Event(this.constructor.Event.SHOW);
-
-        if (this.isWithContent() && this._isEnabled) {
-          $(this.element).trigger(showEvent);
-
-          var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element);
-
-          if (showEvent.isDefaultPrevented() || !isInTheDom) {
-            return;
-          }
-
-          var tip = this.getTipElement();
-          var tipId = Util.getUID(this.constructor.NAME);
-
-          tip.setAttribute('id', tipId);
-          this.element.setAttribute('aria-describedby', tipId);
-
-          this.setContent();
-
-          if (this.config.animation) {
-            $(tip).addClass(ClassName.FADE);
-          }
-
-          var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
-
-          var attachment = this._getAttachment(placement);
-
-          $(tip).data(this.constructor.DATA_KEY, this).appendTo(document.body);
-
-          $(this.element).trigger(this.constructor.Event.INSERTED);
-
-          this._tether = new Tether({
-            attachment: attachment,
-            element: tip,
-            target: this.element,
-            classes: TetherClass,
-            classPrefix: CLASS_PREFIX,
-            offset: this.config.offset,
-            constraints: this.config.constraints
-          });
-
-          Util.reflow(tip);
-          this._tether.position();
-
-          $(tip).addClass(ClassName.IN);
-
-          var complete = function complete() {
-            var prevHoverState = _this16._hoverState;
-            _this16._hoverState = null;
-
-            $(_this16.element).trigger(_this16.constructor.Event.SHOWN);
-
-            if (prevHoverState === HoverState.OUT) {
-              _this16._leave(null, _this16);
-            }
-          };
-
-          if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
-            $(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
-            return;
-          }
-
-          complete();
-        }
-      }
-    }, {
-      key: 'hide',
-      value: function hide(callback) {
-        var _this17 = this;
-
-        var tip = this.getTipElement();
-        var hideEvent = $.Event(this.constructor.Event.HIDE);
-        var complete = function complete() {
-          if (_this17._hoverState !== HoverState.IN && tip.parentNode) {
-            tip.parentNode.removeChild(tip);
-          }
-
-          _this17.element.removeAttribute('aria-describedby');
-          $(_this17.element).trigger(_this17.constructor.Event.HIDDEN);
-          _this17.cleanupTether();
-
-          if (callback) {
-            callback();
-          }
-        };
-
-        $(this.element).trigger(hideEvent);
-
-        if (hideEvent.isDefaultPrevented()) {
-          return;
-        }
-
-        $(tip).removeClass(ClassName.IN);
-
-        if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
-
-          $(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
-        } else {
-          complete();
-        }
-
-        this._hoverState = '';
-      }
-
-      // protected
-
-    }, {
-      key: 'isWithContent',
-      value: function isWithContent() {
-        return Boolean(this.getTitle());
-      }
-    }, {
-      key: 'getTipElement',
-      value: function getTipElement() {
-        return this.tip = this.tip || $(this.config.template)[0];
-      }
-    }, {
-      key: 'setContent',
-      value: function setContent() {
-        var tip = this.getTipElement();
-        var title = this.getTitle();
-        var method = this.config.html ? 'innerHTML' : 'innerText';
-
-        $(tip).find(Selector.TOOLTIP_INNER)[0][method] = title;
-
-        $(tip).removeClass(ClassName.FADE).removeClass(ClassName.IN);
-
-        this.cleanupTether();
-      }
-    }, {
-      key: 'getTitle',
-      value: function getTitle() {
-        var title = this.element.getAttribute('data-original-title');
-
-        if (!title) {
-          title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
-        }
-
-        return title;
-      }
-    }, {
-      key: 'cleanupTether',
-      value: function cleanupTether() {
-        if (this._tether) {
-          this._tether.destroy();
-
-          // clean up after tether's junk classes
-          // remove after they fix issue
-          // (https://github.com/HubSpot/tether/issues/36)
-          $(this.element).removeClass(this._removeTetherClasses);
-          $(this.tip).removeClass(this._removeTetherClasses);
-        }
-      }
-
-      // private
-
-    }, {
-      key: '_getAttachment',
-      value: function _getAttachment(placement) {
-        return AttachmentMap[placement.toUpperCase()];
-      }
-    }, {
-      key: '_setListeners',
-      value: function _setListeners() {
-        var _this18 = this;
-
-        var triggers = this.config.trigger.split(' ');
-
-        triggers.forEach(function (trigger) {
-          if (trigger === 'click') {
-            $(_this18.element).on(_this18.constructor.Event.CLICK, _this18.config.selector, $.proxy(_this18.toggle, _this18));
-          } else if (trigger !== Trigger.MANUAL) {
-            var eventIn = trigger === Trigger.HOVER ? _this18.constructor.Event.MOUSEENTER : _this18.constructor.Event.FOCUSIN;
-            var eventOut = trigger === Trigger.HOVER ? _this18.constructor.Event.MOUSELEAVE : _this18.constructor.Event.FOCUSOUT;
-
-            $(_this18.element).on(eventIn, _this18.config.selector, $.proxy(_this18._enter, _this18)).on(eventOut, _this18.config.selector, $.proxy(_this18._leave, _this18));
-          }
-        });
-
-        if (this.config.selector) {
-          this.config = $.extend({}, this.config, {
-            trigger: 'manual',
-            selector: ''
-          });
-        } else {
-          this._fixTitle();
-        }
-      }
-    }, {
-      key: '_removeTetherClasses',
-      value: function _removeTetherClasses(i, css) {
-        return ((css.baseVal || css).match(new RegExp('(^|\\s)' + CLASS_PREFIX + '-\\S+', 'g')) || []).join(' ');
-      }
-    }, {
-      key: '_fixTitle',
-      value: function _fixTitle() {
-        var titleType = typeof this.element.getAttribute('data-original-title');
-        if (this.element.getAttribute('title') || titleType !== 'string') {
-          this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
-          this.element.setAttribute('title', '');
-        }
-      }
-    }, {
-      key: '_enter',
-      value: function _enter(event, context) {
-        var dataKey = this.constructor.DATA_KEY;
-
-        context = context || $(event.currentTarget).data(dataKey);
-
-        if (!context) {
-          context = new this.constructor(event.currentTarget, this._getDelegateConfig());
-          $(event.currentTarget).data(dataKey, context);
-        }
-
-        if (event) {
-          context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;
-        }
-
-        if ($(context.getTipElement()).hasClass(ClassName.IN) || context._hoverState === HoverState.IN) {
-          context._hoverState = HoverState.IN;
-          return;
-        }
-
-        clearTimeout(context._timeout);
-
-        context._hoverState = HoverState.IN;
-
-        if (!context.config.delay || !context.config.delay.show) {
-          context.show();
-          return;
-        }
-
-        context._timeout = setTimeout(function () {
-          if (context._hoverState === HoverState.IN) {
-            context.show();
-          }
-        }, context.config.delay.show);
-      }
-    }, {
-      key: '_leave',
-      value: function _leave(event, context) {
-        var dataKey = this.constructor.DATA_KEY;
-
-        context = context || $(event.currentTarget).data(dataKey);
-
-        if (!context) {
-          context = new this.constructor(event.currentTarget, this._getDelegateConfig());
-          $(event.currentTarget).data(dataKey, context);
-        }
-
-        if (event) {
-          context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;
-        }
-
-        if (context._isWithActiveTrigger()) {
-          return;
-        }
-
-        clearTimeout(context._timeout);
-
-        context._hoverState = HoverState.OUT;
-
-        if (!context.config.delay || !context.config.delay.hide) {
-          context.hide();
-          return;
-        }
-
-        context._timeout = setTimeout(function () {
-          if (context._hoverState === HoverState.OUT) {
-            context.hide();
-          }
-        }, context.config.delay.hide);
-      }
-    }, {
-      key: '_isWithActiveTrigger',
-      value: function _isWithActiveTrigger() {
-        for (var trigger in this._activeTrigger) {
-          if (this._activeTrigger[trigger]) {
-            return true;
-          }
-        }
-
-        return false;
-      }
-    }, {
-      key: '_getConfig',
-      value: function _getConfig(config) {
-        config = $.extend({}, this.constructor.Default, $(this.element).data(), config);
-
-        if (config.delay && typeof config.delay === 'number') {
-          config.delay = {
-            show: config.delay,
-            hide: config.delay
-          };
-        }
-
-        Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
-
-        return config;
-      }
-    }, {
-      key: '_getDelegateConfig',
-      value: function _getDelegateConfig() {
-        var config = {};
-
-        if (this.config) {
-          for (var key in this.config) {
-            if (this.constructor.Default[key] !== this.config[key]) {
-              config[key] = this.config[key];
-            }
-          }
-        }
-
-        return config;
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-          var _config = typeof config === 'object' ? config : null;
-
-          if (!data && /destroy|hide/.test(config)) {
-            return;
-          }
-
-          if (!data) {
-            data = new Tooltip(this, _config);
-            $(this).data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'string') {
-            data[config]();
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-      get: function get() {
-        return VERSION;
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }, {
-      key: 'NAME',
-      get: function get() {
-        return NAME;
-      }
-    }, {
-      key: 'DATA_KEY',
-      get: function get() {
-        return DATA_KEY;
-      }
-    }, {
-      key: 'Event',
-      get: function get() {
-        return Event;
-      }
-    }, {
-      key: 'EVENT_KEY',
-      get: function get() {
-        return EVENT_KEY;
-      }
-    }, {
-      key: 'DefaultType',
-      get: function get() {
-        return DefaultType;
-      }
-    }]);
-
-    return Tooltip;
-  })();
-
-  $.fn[NAME] = Tooltip._jQueryInterface;
-  $.fn[NAME].Constructor = Tooltip;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Tooltip._jQueryInterface;
-  };
-
-  return Tooltip;
-})(jQuery);
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap (v4.0.0): popover.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-var Popover = (function ($) {
-
-  /**
-   * ------------------------------------------------------------------------
-   * Constants
-   * ------------------------------------------------------------------------
-   */
-
-  var NAME = 'popover';
-  var VERSION = '4.0.0';
-  var DATA_KEY = 'bs.popover';
-  var EVENT_KEY = '.' + DATA_KEY;
-  var JQUERY_NO_CONFLICT = $.fn[NAME];
-
-  var Default = $.extend({}, Tooltip.Default, {
-    placement: 'right',
-    trigger: 'click',
-    content: '',
-    template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-title"></h3>' + '<div class="popover-content"></div></div>'
-  });
-
-  var DefaultType = $.extend({}, Tooltip.DefaultType, {
-    content: '(string|function)'
-  });
-
-  var ClassName = {
-    FADE: 'fade',
-    IN: 'in'
-  };
-
-  var Selector = {
-    TITLE: '.popover-title',
-    CONTENT: '.popover-content',
-    ARROW: '.popover-arrow'
-  };
-
-  var Event = {
-    HIDE: 'hide' + EVENT_KEY,
-    HIDDEN: 'hidden' + EVENT_KEY,
-    SHOW: 'show' + EVENT_KEY,
-    SHOWN: 'shown' + EVENT_KEY,
-    INSERTED: 'inserted' + EVENT_KEY,
-    CLICK: 'click' + EVENT_KEY,
-    FOCUSIN: 'focusin' + EVENT_KEY,
-    FOCUSOUT: 'focusout' + EVENT_KEY,
-    MOUSEENTER: 'mouseenter' + EVENT_KEY,
-    MOUSELEAVE: 'mouseleave' + EVENT_KEY
-  };
-
-  /**
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-
-  var Popover = (function (_Tooltip) {
-    _inherits(Popover, _Tooltip);
-
-    function Popover() {
-      _classCallCheck(this, Popover);
-
-      _get(Object.getPrototypeOf(Popover.prototype), 'constructor', this).apply(this, arguments);
-    }
-
-    /**
-     * ------------------------------------------------------------------------
-     * jQuery
-     * ------------------------------------------------------------------------
-     */
-
-    _createClass(Popover, [{
-      key: 'isWithContent',
-
-      // overrides
-
-      value: function isWithContent() {
-        return this.getTitle() || this._getContent();
-      }
-    }, {
-      key: 'getTipElement',
-      value: function getTipElement() {
-        return this.tip = this.tip || $(this.config.template)[0];
-      }
-    }, {
-      key: 'setContent',
-      value: function setContent() {
-        var tip = this.getTipElement();
-        var title = this.getTitle();
-        var content = this._getContent();
-        var titleElement = $(tip).find(Selector.TITLE)[0];
-
-        if (titleElement) {
-          titleElement[this.config.html ? 'innerHTML' : 'innerText'] = title;
-        }
-
-        // we use append for html objects to maintain js events
-        $(tip).find(Selector.CONTENT).children().detach().end()[this.config.html ? typeof content === 'string' ? 'html' : 'append' : 'text'](content);
-
-        $(tip).removeClass(ClassName.FADE).removeClass(ClassName.IN);
-
-        this.cleanupTether();
-      }
-
-      // private
-
-    }, {
-      key: '_getContent',
-      value: function _getContent() {
-        return this.element.getAttribute('data-content') || (typeof this.config.content === 'function' ? this.config.content.call(this.element) : this.config.content);
-      }
-
-      // static
-
-    }], [{
-      key: '_jQueryInterface',
-      value: function _jQueryInterface(config) {
-        return this.each(function () {
-          var data = $(this).data(DATA_KEY);
-          var _config = typeof config === 'object' ? config : null;
-
-          if (!data && /destroy|hide/.test(config)) {
-            return;
-          }
-
-          if (!data) {
-            data = new Popover(this, _config);
-            $(this).data(DATA_KEY, data);
-          }
-
-          if (typeof config === 'string') {
-            data[config]();
-          }
-        });
-      }
-    }, {
-      key: 'VERSION',
-
-      // getters
-
-      get: function get() {
-        return VERSION;
-      }
-    }, {
-      key: 'Default',
-      get: function get() {
-        return Default;
-      }
-    }, {
-      key: 'NAME',
-      get: function get() {
-        return NAME;
-      }
-    }, {
-      key: 'DATA_KEY',
-      get: function get() {
-        return DATA_KEY;
-      }
-    }, {
-      key: 'Event',
-      get: function get() {
-        return Event;
-      }
-    }, {
-      key: 'EVENT_KEY',
-      get: function get() {
-        return EVENT_KEY;
-      }
-    }, {
-      key: 'DefaultType',
-      get: function get() {
-        return DefaultType;
-      }
-    }]);
-
-    return Popover;
-  })(Tooltip);
-
-  $.fn[NAME] = Popover._jQueryInterface;
-  $.fn[NAME].Constructor = Popover;
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return Popover._jQueryInterface;
-  };
-
-  return Popover;
-})(jQuery);
-
-}(jQuery);

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 5 - 0
src/main/webapp/js/bootstrap.min.js


برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است