From cc37901a3b0b90dfea095e694cfabaef34e48d08 Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Tue, 15 Nov 2022 12:02:34 +0100
Subject: [PATCH] modificati bottoni e ricerca avanzata

---
 index_2.0.html | 3202 ++++++++++++++++++++----------------------------
 1 file changed, 1301 insertions(+), 1901 deletions(-)
diff --git a/index_2.0.html b/index_2.0.html
index 19c155f..92a6de1 100644
--- a/index_2.0.html
+++ b/index_2.0.html
@@ -1,107 +1,96 @@
 <!DOCTYPE html>
 <html>
 <head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>LiDa Dashboard</title>
-<base target="_self">
-
-<link rel="stylesheet"
-	href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
-<link rel="stylesheet"
-	href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
-<link rel="stylesheet"
-	href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
-<!--  <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css"> -->
-<link rel="stylesheet"
-	href="https://unpkg.com/tachyons/css/tachyons.min.css">
-<link rel="stylesheet" href="./css/datatables.min.css">
-<link href="css/browsingldc.css" rel="stylesheet">
-<link rel="stylesheet" href="./css/custom.css">
-
-<!--  <link rel="stylesheet" href="./node_modules/normalize.css/normalize.css">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>LiDa Dashboard</title>
+  <base target="_self">
+  
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
+  <!--  <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css"> -->
+  <link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css">
+  <link rel="stylesheet" href="./css/datatables.min.css">
+  <link href="css/browsingldc.css" rel="stylesheet">
+  <link rel="stylesheet" href="./css/custom.css">
+  
+  <!--  <link rel="stylesheet" href="./node_modules/normalize.css/normalize.css">
   <link rel="stylesheet" href="./node_modules/jquery-ui-dist/jquery-ui.min.css">
   <link rel="stylesheet" href="./node_modules/jquery-ui-dist/jquery-ui.theme.min.css">
   <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
   <link rel="stylesheet" href="./css/custom.css"> -->
-
-<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
-<script
-	src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
-	integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
-	crossorigin="anonymous"></script>
-<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
-<script
-	src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
-<!--  <script src="https://rdf.js.org/comunica-browser/versions/v2/engines/query-sparql/comunica-browser.js"></script> -->
-<!--  <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" defer></script> -->
-<script type="text/javascript" src="./js/datatables.min.js" defer></script>
-<script type="text/javascript" src="./js/cesareBrowse.js"></script>
-<script type="text/javascript" src="./js/utils.js"></script>
-<script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
-<script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
-<script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
-<script type="text/javascript" src="./js/tcrs-generated-labels.min.js"></script>
-<script type="text/javascript" src="./js/tcrs-moving-tooltip.min.js"></script>
-<script type="text/javascript" src="./js/toolcool-range-slider.min.js"></script>
-<script type="text/javascript" src="./js/script_2.0.js"></script>
+  
+  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
+  <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
+  <script src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
+  <!--  <script src="https://rdf.js.org/comunica-browser/versions/v2/engines/query-sparql/comunica-browser.js"></script> -->
+  <!--  <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" defer></script> -->
+  <script type="text/javascript" src="./js/datatables.min.js" defer></script>
+  <script type="text/javascript" src="./js/cesareBrowse.js"></script>
+  <script type="text/javascript" src="./js/utils.js"></script>
+  <script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
+  <script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
+  <script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
+  <script type="text/javascript" src="./js/tcrs-generated-labels.min.js"></script>
+  <script type="text/javascript" src="./js/tcrs-moving-tooltip.min.js"></script>
+  <script type="text/javascript" src="./js/toolcool-range-slider.min.js"></script>
+  <script type="text/javascript" src="./js/script_2.0.js"></script>
 </head>
 <body>
 
 
-	<div class="container-fluid">
-		<div class="row p-4">
-			<div class="col">
-
-				<nav
-					class="navbar border navbar-expand-lg navbar-light bg-light fixed-top">
-					<button class="navbar-toggler" type="button" data-toggle="collapse"
-						data-target="#bs-example-navbar-collapse-1"
-						aria-controls="bs-example-navbar-collapse-1" aria-expanded="false"
-						aria-label="Toggle navigation">
-						<span class="navbar-toggler-icon"></span>
-					</button>
-					<a class="navbar-brand font-weight-bold" href="#">LiDa</a>
-					<div class="collapse navbar-collapse"
-						id="bs-example-navbar-collapse-1">
-						<ul class="navbar-nav">
-							<li class="nav-item active pt-1"><a class="nav-link"
-								href="#">Canti <span class="sr-only">(current)</span></a></li>
-							<li class="nav-item pt-1"><a class="nav-link" href="#">Metafore
-									<span class="sr-only">(current)</span>
-							</a></li>
-							<li class="nav-item pt-1"><a class="nav-link" href="#">Altro</a>
-							</li>
-						</ul>
-						<ul class="navbar-nav ml-md-auto mr-2">
-							<li class="nav-item  dropleft"><a
-								class="nav-link dropdown-toggle" href="http://example.com"
-								id="navbarDropdownMenuLink" data-toggle="dropdown"
-								aria-haspopup="true" aria-expanded="false"> Vista </a>
-								<div class="dropdown-menu"
-									aria-labelledby="navbarDropdownMenuLink">
-									<a class="dropdown-item" href="#">Canto</a> <a
-										class="dropdown-item" href="#">Risultati in terzine</a>
-									<div class="dropdown-divider"></div>
-									<a class="dropdown-item" href="#">Risultati in formato...</a>
-								</div></li>
-						</ul>
-					</div>
-				</nav>
-
-
-			</div>
+<div class="container-fluid">
+	<div class="row p-4">
+		<div class="col">
+		
+	<nav class="navbar border navbar-expand-lg navbar-light bg-light fixed-top">
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <a class="navbar-brand font-weight-bold" href="#">LiDa</a>
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="navbar-nav">
+          <li class="nav-item active pt-1">
+            <a class="nav-link" href="#">Canti <span class="sr-only">(current)</span></a>
+          </li>
+          <li class="nav-item pt-1">
+            <a class="nav-link" href="#">Metafore <span class="sr-only">(current)</span></a>
+          </li>
+          <li class="nav-item pt-1">
+            <a class="nav-link" href="#">Altro</a>
+          </li>
+        </ul>
+        <ul class="navbar-nav ml-md-auto mr-2">
+          <li class="nav-item  dropleft">
+            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Vista
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+              <a class="dropdown-item" href="#">Canto</a>
+              <a class="dropdown-item" href="#">Risultati in terzine</a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="#">Risultati in formato...</a>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </nav>
+		
+		
 		</div>
-		<div class="row p-2">
-			<div class="col-2 mt-1">
+	</div>
+	<div class="row p-2">
+		<div class="col-2 mt-1">
 
 				<div id="accordion">
 					<div class="card">
 						<div class="card-header" id="headingOne">
 							<h6 class="mb-0">
-								<button class="btn btn-sm btn-link" id="cantica1"
-									data-toggle="collapse" data-target="#collapseOne"
-									aria-expanded="true" aria-controls="collapseOne">Inferno</button>
+								<button class="btn btn-sm btn-link" id="cantica1" data-toggle="collapse"
+									data-target="#collapseOne" aria-expanded="true"
+									aria-controls="collapseOne">Inferno</button>
 								<span class="badge badge-primary badge-pill">14</span>
 							</h6>
 						</div>
@@ -109,234 +98,132 @@
 						<div id="collapseOne" class="collapse show"
 							aria-labelledby="headingOne" data-parent="#accordion">
 							<div class="card-body">
-								<span class="navig-canto small text-muted" name="InfernoCanto 1"
-									href="#" style="line-height: 1.2em">1</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 2"
-									href="#" style="line-height: 1.2em">2</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 3"
-									href="#" style="line-height: 1.2em">3</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 4"
-									href="#" style="line-height: 1.2em">4</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 5"
-									href="#" style="line-height: 1.2em">5</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 6"
-									href="#" style="line-height: 1.2em">6</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 7"
-									href="#" style="line-height: 1.2em">7</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 8"
-									href="#" style="line-height: 1.2em">8</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 9"
-									href="#" style="line-height: 1.2em">9</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 10"
-									href="#" style="line-height: 1.2em">10</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 11"
-									href="#" style="line-height: 1.2em">11</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 12"
-									href="#" style="line-height: 1.2em">12</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 13"
-									href="#" style="line-height: 1.2em">13</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 14"
-									href="#" style="line-height: 1.2em">14</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 15"
-									href="#" style="line-height: 1.2em">15</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 16"
-									href="#" style="line-height: 1.2em">16</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 17"
-									href="#" style="line-height: 1.2em">17</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 18"
-									href="#" style="line-height: 1.2em">18</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 19"
-									href="#" style="line-height: 1.2em">19</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 20"
-									href="#" style="line-height: 1.2em">20</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 21"
-									href="#" style="line-height: 1.2em">21</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 22"
-									href="#" style="line-height: 1.2em">22</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 23"
-									href="#" style="line-height: 1.2em">23</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 24"
-									href="#" style="line-height: 1.2em">24</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 25"
-									href="#" style="line-height: 1.2em">25</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 26"
-									href="#" style="line-height: 1.2em">26</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 27"
-									href="#" style="line-height: 1.2em">27</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 28"
-									href="#" style="line-height: 1.2em">28</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 29"
-									href="#" style="line-height: 1.2em">29</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 30"
-									href="#" style="line-height: 1.2em">30</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 31"
-									href="#" style="line-height: 1.2em">31</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 32"
-									href="#" style="line-height: 1.2em">32</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 33"
-									href="#" style="line-height: 1.2em">33</span> <span
-									class="navig-canto small text-muted" name="InfernoCanto 34"
-									href="#" style="line-height: 1.2em">34</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 5" href="#" style="line-height: 1.2em">5</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 6" href="#" style="line-height: 1.2em">6</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 7" href="#" style="line-height: 1.2em">7</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 8" href="#" style="line-height: 1.2em">8</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 9" href="#" style="line-height: 1.2em">9</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 10" href="#" style="line-height: 1.2em">10</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 11" href="#" style="line-height: 1.2em">11</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 12" href="#" style="line-height: 1.2em">12</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 13" href="#" style="line-height: 1.2em">13</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 14" href="#" style="line-height: 1.2em">14</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 15" href="#" style="line-height: 1.2em">15</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 16" href="#" style="line-height: 1.2em">16</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 17" href="#" style="line-height: 1.2em">17</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 18" href="#" style="line-height: 1.2em">18</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 19" href="#" style="line-height: 1.2em">19</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 20" href="#" style="line-height: 1.2em">20</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 21" href="#" style="line-height: 1.2em">21</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 22" href="#" style="line-height: 1.2em">22</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 23" href="#" style="line-height: 1.2em">23</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 24" href="#" style="line-height: 1.2em">24</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 25" href="#" style="line-height: 1.2em">25</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 26" href="#" style="line-height: 1.2em">26</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 27" href="#" style="line-height: 1.2em">27</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 28" href="#" style="line-height: 1.2em">28</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 29" href="#" style="line-height: 1.2em">29</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 30" href="#" style="line-height: 1.2em">30</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 31" href="#" style="line-height: 1.2em">31</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 32" href="#" style="line-height: 1.2em">32</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 33" href="#" style="line-height: 1.2em">33</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 34" href="#" style="line-height: 1.2em">34</span>
 							</div>
 						</div>
 					</div>
 					<div class="card">
 						<div class="card-header" id="headingTwo">
 							<h5 class="mb-0">
-								<button class="btn btn-sm btn-link collapsed" id="cantica2"
-									data-toggle="collapse" data-target="#collapseTwo"
-									aria-expanded="false" aria-controls="collapseTwo">Purgatorio</button>
+								<button class="btn btn-sm btn-link collapsed" id="cantica2" data-toggle="collapse"
+									data-target="#collapseTwo" aria-expanded="false"
+									aria-controls="collapseTwo">Purgatorio</button>
 							</h5>
 						</div>
-						<div id="collapseTwo" class="collapse"
-							aria-labelledby="headingTwo" data-parent="#accordion">
+						<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
 							<div class="card-body">
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 1" href="#" style="line-height: 1.2em">1</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 2" href="#" style="line-height: 1.2em">2</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 3" href="#" style="line-height: 1.2em">3</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 4" href="#" style="line-height: 1.2em">4</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 5" href="#" style="line-height: 1.2em">5</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 6" href="#" style="line-height: 1.2em">6</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 7" href="#" style="line-height: 1.2em">7</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 8" href="#" style="line-height: 1.2em">8</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 9" href="#" style="line-height: 1.2em">9</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 10" href="#" style="line-height: 1.2em">10</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 11" href="#" style="line-height: 1.2em">11</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 12" href="#" style="line-height: 1.2em">12</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 13" href="#" style="line-height: 1.2em">13</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 14" href="#" style="line-height: 1.2em">14</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 15" href="#" style="line-height: 1.2em">15</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 16" href="#" style="line-height: 1.2em">16</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 17" href="#" style="line-height: 1.2em">17</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 18" href="#" style="line-height: 1.2em">18</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 19" href="#" style="line-height: 1.2em">19</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 20" href="#" style="line-height: 1.2em">20</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 21" href="#" style="line-height: 1.2em">21</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 22" href="#" style="line-height: 1.2em">22</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 23" href="#" style="line-height: 1.2em">23</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 24" href="#" style="line-height: 1.2em">24</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 25" href="#" style="line-height: 1.2em">25</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 26" href="#" style="line-height: 1.2em">26</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 27" href="#" style="line-height: 1.2em">27</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 28" href="#" style="line-height: 1.2em">28</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 29" href="#" style="line-height: 1.2em">29</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 30" href="#" style="line-height: 1.2em">30</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 31" href="#" style="line-height: 1.2em">31</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 32" href="#" style="line-height: 1.2em">32</span>
-								<span class="navig-canto small text-muted"
-									name="PurgatorioCanto 33" href="#" style="line-height: 1.2em">33</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 1" href="#" style="line-height: 1.2em">1</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 2" href="#" style="line-height: 1.2em">2</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 3" href="#" style="line-height: 1.2em">3</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 4" href="#" style="line-height: 1.2em">4</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 5" href="#" style="line-height: 1.2em">5</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 6" href="#" style="line-height: 1.2em">6</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 7" href="#" style="line-height: 1.2em">7</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 8" href="#" style="line-height: 1.2em">8</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 9" href="#" style="line-height: 1.2em">9</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 10" href="#" style="line-height: 1.2em">10</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 11" href="#" style="line-height: 1.2em">11</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 12" href="#" style="line-height: 1.2em">12</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 13" href="#" style="line-height: 1.2em">13</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 14" href="#" style="line-height: 1.2em">14</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 15" href="#" style="line-height: 1.2em">15</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 16" href="#" style="line-height: 1.2em">16</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 17" href="#" style="line-height: 1.2em">17</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 18" href="#" style="line-height: 1.2em">18</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 19" href="#" style="line-height: 1.2em">19</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 20" href="#" style="line-height: 1.2em">20</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 21" href="#" style="line-height: 1.2em">21</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 22" href="#" style="line-height: 1.2em">22</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 23" href="#" style="line-height: 1.2em">23</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 24" href="#" style="line-height: 1.2em">24</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 25" href="#" style="line-height: 1.2em">25</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 26" href="#" style="line-height: 1.2em">26</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 27" href="#" style="line-height: 1.2em">27</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 28" href="#" style="line-height: 1.2em">28</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 29" href="#" style="line-height: 1.2em">29</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 30" href="#" style="line-height: 1.2em">30</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 31" href="#" style="line-height: 1.2em">31</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 32" href="#" style="line-height: 1.2em">32</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 33" href="#" style="line-height: 1.2em">33</span>
 							</div>
 						</div>
 					</div>
 					<div class="card">
 						<div class="card-header" id="headingThree">
 							<h5 class="mb-0">
-								<button class="btn btn-sm btn-link collapsed" id="cantica3"
-									data-toggle="collapse" data-target="#collapseThree"
-									aria-expanded="false" aria-controls="collapseThree">Paradiso</button>
+								<button class="btn btn-sm btn-link collapsed" id="cantica3" data-toggle="collapse"
+									data-target="#collapseThree" aria-expanded="false"
+									aria-controls="collapseThree">Paradiso</button>
 							</h5>
 						</div>
-						<div id="collapseThree" class="collapse"
-							aria-labelledby="headingThree" data-parent="#accordion">
+						<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
 							<div class="card-body">
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 1" href="#" style="line-height: 1.2em">1</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 2" href="#" style="line-height: 1.2em">2</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 3" href="#" style="line-height: 1.2em">3</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 4" href="#" style="line-height: 1.2em">4</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 5" href="#" style="line-height: 1.2em">5</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 6" href="#" style="line-height: 1.2em">6</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 7" href="#" style="line-height: 1.2em">7</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 8" href="#" style="line-height: 1.2em">8</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 9" href="#" style="line-height: 1.2em">9</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 10" href="#" style="line-height: 1.2em">10</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 11" href="#" style="line-height: 1.2em">11</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 12" href="#" style="line-height: 1.2em">12</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 13" href="#" style="line-height: 1.2em">13</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 14" href="#" style="line-height: 1.2em">14</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 15" href="#" style="line-height: 1.2em">15</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 16" href="#" style="line-height: 1.2em">16</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 17" href="#" style="line-height: 1.2em">17</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 18" href="#" style="line-height: 1.2em">18</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 19" href="#" style="line-height: 1.2em">19</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 20" href="#" style="line-height: 1.2em">20</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 21" href="#" style="line-height: 1.2em">21</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 22" href="#" style="line-height: 1.2em">22</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 23" href="#" style="line-height: 1.2em">23</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 24" href="#" style="line-height: 1.2em">24</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 25" href="#" style="line-height: 1.2em">25</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 26" href="#" style="line-height: 1.2em">26</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 27" href="#" style="line-height: 1.2em">27</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 28" href="#" style="line-height: 1.2em">28</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 29" href="#" style="line-height: 1.2em">29</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 30" href="#" style="line-height: 1.2em">30</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 31" href="#" style="line-height: 1.2em">31</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 32" href="#" style="line-height: 1.2em">32</span>
-								<span class="navig-canto small text-muted"
-									name="ParadisoCanto 33" href="#" style="line-height: 1.2em">33</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 1" href="#" style="line-height: 1.2em">1</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 2" href="#" style="line-height: 1.2em">2</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 3" href="#" style="line-height: 1.2em">3</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 4" href="#" style="line-height: 1.2em">4</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 5" href="#" style="line-height: 1.2em">5</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 6" href="#" style="line-height: 1.2em">6</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 7" href="#" style="line-height: 1.2em">7</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 8" href="#" style="line-height: 1.2em">8</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 9" href="#" style="line-height: 1.2em">9</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 10" href="#" style="line-height: 1.2em">10</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 11" href="#" style="line-height: 1.2em">11</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 12" href="#" style="line-height: 1.2em">12</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 13" href="#" style="line-height: 1.2em">13</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 14" href="#" style="line-height: 1.2em">14</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 15" href="#" style="line-height: 1.2em">15</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 16" href="#" style="line-height: 1.2em">16</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 17" href="#" style="line-height: 1.2em">17</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 18" href="#" style="line-height: 1.2em">18</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 19" href="#" style="line-height: 1.2em">19</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 20" href="#" style="line-height: 1.2em">20</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 21" href="#" style="line-height: 1.2em">21</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 22" href="#" style="line-height: 1.2em">22</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 23" href="#" style="line-height: 1.2em">23</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 24" href="#" style="line-height: 1.2em">24</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 25" href="#" style="line-height: 1.2em">25</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 26" href="#" style="line-height: 1.2em">26</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 27" href="#" style="line-height: 1.2em">27</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 28" href="#" style="line-height: 1.2em">28</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 29" href="#" style="line-height: 1.2em">29</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 30" href="#" style="line-height: 1.2em">30</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 31" href="#" style="line-height: 1.2em">31</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 32" href="#" style="line-height: 1.2em">32</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 33" href="#" style="line-height: 1.2em">33</span>
 							</div>
 						</div>
 					</div>
@@ -344,1624 +231,1137 @@
 
 
 
+		</div>
+		<div class="col-10 pl-0 mt-1">
+		
+			<div class="row bg-lida10 border mx-0 p-2">
+			
+				<div class="col-10" style="display: flex">
+					<div class="form-inline input-group bg-lida10 pt-1" action="" style="display: flex">		
+ 						<form class="form-inline">
+							<input class="form-control-sm mr-sm-2" type="text" id="queryText" placeholder="Cerca">
+							<button class="btn btn-sm btn-lida4 my-2 my-sm-0" type="submit" id='searchcomm'>Cerca</button>
+						</form>          
+ 						<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="button" data-toggle="collapse" data-target="#collapseOptions" aria-expanded="false" aria-controls="collapseExample">
+    					Opzioni
+  						</button>
+ 						<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="submit"  id='cleanresult' aria-expanded="false" aria-controls="collapseExample">
+    					Reset
+  						</button>
+					</div>
+				</div>
+				
+				<div class="col-10" style="display: none">
+  						
+						<div class="btn-group pt-1 my-2 " role="group" aria-label="Bottoni menu clausole">
+							<label class="input-group-text"><ion-icon name="filter-circle"></ion-icon></label>
+							<div class="btn-group dropright" role="group">
+								<button id="btnGroupDrop1" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi clausola di tipo: </button>
+  								<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
+   									<a class="dropdown-item" id="Grammaticale" href="#"><span class="text-lida9">Categoria grammaticale</span></a>
+   									<a class="dropdown-item" id="Sintattico" href="#"><span class="text-lida3">Tipo sintattico</span></a>
+   									<a class="dropdown-item" id="Metafore" href="#"><span class="text-lida5">Metafore</span></a>
+  								</div>
+							</div>
+						</div>
+ 						<div class="btn-group pt-1 my-2" role="group" aria-label="Bottoni menu logiche">
+  							<label class="input-group-text"><ion-icon name="cog"></ion-icon></label>
+  							<div class="btn-group dropright" role="group">
+   								<button id="btnGroupDrop2" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi condizione logica: </button>
+    							<div class="dropdown-menu" aria-labelledby="btnGroupDrop2" style="">
+      								<a class="dropdown-item" id="andCond" href="#"><span class="text-muted bg-lida10">AND</span></a>
+      								<a class="dropdown-item" id="orCond" href="#"><span class="text-muted bg-lida11">OR</span></a>
+	    						</div>
+ 							</div>
+						</div> 		           	
+ 		           	  	<form class="form-inline">
+							<button class="btn btn-sm btn-lida4 m-2 my-sm-0" type="submit" id='searchcomm2'>Cerca</button>
+						</form>          
+ 						<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="submit"  id='cleanresult2' aria-expanded="false" aria-controls="collapseExample">
+    					Reset
+  						</button>
+ 		           	  	
+				</div>
+				
+				<div class="col-2 float-right">
+ 					<div class="custom-control custom-switch mx-3 bd-highlight pt-2 float-right">
+						<input type="checkbox" class="custom-control-input btn-lida4" name="avanzata-attiva" data-toggle="collapse" data-target="#collapseAdvanced" aria-label="Ricerca avanzata" id="advanSW">
+						<label class="custom-control-label btn-outline-lida4" for="advanSW">
+						<div class="pb-1 ">Avanzata
+						</div></label>
+					</div>
+				</div>
 			</div>
-			<div class="col-10 pl-0 mt-1">
-
-				<div class="row bg-lida10 border mx-1 p-2">
-
-					<div class="col-10">
-						<div class="form-inline input-group bg-lida10 pt-1" action=""
-							style="display: flex">
-							<form class="form-inline">
-								<input class="form-control-sm mr-sm-2" type="text"
-									id="queryText" placeholder="Cerca">
-								<button class="btn btn-sm btn-lida4 my-2 my-sm-0" type="submit">Cerca</button>
-							</form>
-							<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0"
-								type="button" data-toggle="collapse"
-								data-target="#collapseOptions" aria-expanded="false"
-								aria-controls="collapseExample">Opzioni</button>
-						</div>
-					</div>
-
-					<div class="col-2 float-right">
-						<div
-							class="custom-control custom-switch mx-3 bd-highlight pt-2 float-right">
-							<input type="checkbox" class="custom-control-input btn-lida4"
-								name="avanzata-attiva" data-toggle="collapse"
-								data-target="#collapseAdvanced" aria-label="Ricerca avanzata"
-								id="advanSW"> <label
-								class="custom-control-label btn-outline-lida4" for="advanSW">
-								<div class="pb-1 ">Avanzata</div>
-							</label>
-						</div>
-					</div>
-					<button type="submit" class="btn btn-default f6" id='searchcomm'>Search</button>
-					<button type="submit" class="btn btn-default f6" id='cleanresult'>Reset</button>
-				</div>
-
-				<div class="row mx-1">
-
-					<div class="col px-0">
-
-						<div class="collapse" id="collapseOptions">
-							<div class="card card-body bg-lida10">
-								<div class="form-inline input-group" action="">
-									<select
-										class="form-control custom-select custom-select-sm bg-light"
-										id="lemma_forma">
-										<option value="forma">La Forma</option>
-										<option value="lemma">Il Lemma</option>
-										<option value="testo">Il Testo</option>
-									</select> <select
-										class="form-control custom-select custom-select-sm bg-light ml-2"
-										id="opzioni_testo">
-										<option value="opzionetesto">Come Parola</option>
-										<option value="opzionetesto">Come Sottostringa</option>
-										<option value="opzionetesto">Come Prefisso</option>
-										<option value="opzionetesto">Come Suffisso</option>
-										<option value="opzionetesto">Come Espressione
-											regolare</option>
-										<option value="opzionetesto">Tutte le occorrenze</option>
-									</select>
-								</div>
-
-								<div class="border bg-light well mt-2" id="contextTableDivS">
-
-									<table id="selectableS"
-										class="table table-responsive selCanti table-bordered table-sm ui-selectable">
-										<thead>
-											<tr>
-												<th><div class="small text-muted text-right">Cantica\Canto&nbsp;</div></th>
-												<th><div class="small text-muted">1</div></th>
-												<th><div class="small text-muted">2</div></th>
-												<th><div class="small text-muted">3</div></th>
-												<th><div class="small text-muted">4</div></th>
-												<th><div class="small text-muted">5</div></th>
-												<th><div class="small text-muted">6</div></th>
-												<th><div class="small text-muted">7</div></th>
-												<th><div class="small text-muted">8</div></th>
-												<th><div class="small text-muted">9</div></th>
-												<th><div class="small text-muted">10</div></th>
-												<th><div class="small text-muted">11</div></th>
-												<th><div class="small text-muted">12</div></th>
-												<th><div class="small text-muted">13</div></th>
-												<th><div class="small text-muted">14</div></th>
-												<th><div class="small text-muted">15</div></th>
-												<th><div class="small text-muted">16</div></th>
-												<th><div class="small text-muted">17</div></th>
-												<th><div class="small text-muted">18</div></th>
-												<th><div class="small text-muted">19</div></th>
-												<th><div class="small text-muted">20</div></th>
-												<th><div class="small text-muted">21</div></th>
-												<th><div class="small text-muted">22</div></th>
-												<th><div class="small text-muted">23</div></th>
-												<th><div class="small text-muted">24</div></th>
-												<th><div class="small text-muted">25</div></th>
-												<th><div class="small text-muted">26</div></th>
-												<th><div class="small text-muted">27</div></th>
-												<th><div class="small text-muted">28</div></th>
-												<th><div class="small text-muted">29</div></th>
-												<th><div class="small text-muted">30</div></th>
-												<th><div class="small text-muted">31</div></th>
-												<th><div class="small text-muted">32</div></th>
-												<th><div class="small text-muted">33</div></th>
-												<th><div class="small text-muted">34</div></th>
-											</tr>
-										</thead>
-										<tbody>
-											<tr>
-												<th><div class="small text-muted text-right">Inferno&nbsp;</div></th>
-												<td class="ui-widget-content ui-selectee" id="0_0"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_1"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_2"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_3"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_4"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_5"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_6"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_7"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_8"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_9"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_10"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_11"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_12"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_13"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_14"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_15"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_16"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_17"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_18"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_19"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_20"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_21"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_22"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_23"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_24"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_25"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_26"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_27"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_28"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_29"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_30"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_31"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_32"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="0_33"><div
-														class=" px-1 border well">&nbsp;</div></td>
-											</tr>
-											<tr>
-												<th><div class="small text-muted text-right">Purgatorio&nbsp;</div></th>
-												<td class="ui-widget-content ui-selectee" id="1_0"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_1"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_2"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_3"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_4"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_5"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_6"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_7"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_8"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_9"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_10"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_11"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_12"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_13"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_14"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_15"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_16"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_17"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_18"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_19"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_20"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_21"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_22"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_23"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_24"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_25"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_26"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_27"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_28"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_29"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_30"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_31"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="1_32"><div
-														class=" px-1 border well">&nbsp;</div></td>
-											</tr>
-											<tr>
-												<th><div class="small text-muted text-right">Paradiso&nbsp;</div></th>
-												<td class="ui-widget-content ui-selectee" id="2_0"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_1"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_2"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_3"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_4"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_5"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_6"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_7"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_8"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_9"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_10"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_11"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_12"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_13"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_14"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_15"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_16"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_17"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_18"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_19"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_20"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_21"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_22"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_23"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_24"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_25"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_26"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_27"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_28"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_29"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_30"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_31"><div
-														class=" px-1 border well">&nbsp;</div></td>
-												<td class="ui-widget-content ui-selectee" id="2_32"><div
-														class=" px-1 border well">&nbsp;</div></td>
-											</tr>
-										</tbody>
-									</table>
-									<div id="someElem"></div>
-
-
-								</div>
 
+			<!-- <div class="row mx-1"> -->
+			
+				<div class="col px-0">
+			
+					<div class="collapse" id="collapseOptions">
+						<div class="card card-body bg-lida10">
+							<div class="form-inline input-group" action="">
+								<select class="form-control custom-select custom-select-sm bg-light" id="lemma_forma">
+      								<option value="forma">La Forma</option>
+      								<option value="lemma">Il Lemma</option>
+      								<option value="testo">Il Testo</option>
+								</select>
+								<select class="form-control custom-select custom-select-sm bg-light ml-2" id="opzioni_testo">
+						   			<option value="opzionetesto">Come Parola</option>
+						    		<option value="opzionetesto">Come Sottostringa</option>
+      								<option value="opzionetesto">Come Prefisso</option>
+      								<option value="opzionetesto">Come Suffisso</option>
+      								<option value="opzionetesto">Come Espressione regolare</option>
+      								<option value="opzionetesto">Tutte le occorrenze</option>
+								</select>
 							</div>
-						</div>
-
-						<!-- INIZIO AVANZATE -->
-						<div class="collapse" id="collapseAdvanced">
-
-							<div class="col-md-12 p-2 bg-lida10">
-								<ul class="nav nav-tabs" id="tab-list" role="tablist">
-									<li class="nav-item" role="presentation"><a
-										class="nav-link active" id="cla0-tab" data-toggle="tab"
-										href="#cla0" role="tab" aria-controls="cla0"
-										aria-selected="true"><span class="text-secondary"><ion-icon
-													name="search-circle"></ion-icon></span><span
-											class="text-dark font-weight-bold">&nbsp;&nbsp;Ricerca</span></a>
-									</li>
-								</ul>
-
-								<form>
-									<div class="tab-content border-right border-left border-bottom"
-										id="cla-TabContent">
-										<div class="tab-pane fade show active p-2 bg-white" id="cla0"
-											role="tabpanel" aria-labelledby="cla0-tab">
-
-											<div class="form-inline input-group p-1 pb-2" action="">
-												<div class="input-group-prepend">
-													<label class="input-group-text"><ion-icon
-															name="document-text"></ion-icon></label>
-												</div>
-												<select class="form-control custom-select" id="lemma_forma">
-													<option value="forma">la forma</option>
-													<option value="lemma">il lemma</option>
-													<option disabled value="testo">il testo</option>
-												</select> <input type="text" class="form-control" id="queryText"
-													placeholder="stelle" aria-describedby="name-desc"
-													name="query">
-												<div class="btn-group pl-2" role="group"
-													aria-label="Bottone ricerca">
-													<label class="input-group-text"><ion-icon
-															name="search-circle"></ion-icon></label>
-													<button type="submit" class="btn btn-outline-primary">Cerca</button>
-												</div>
-											</div>
-
-											<div
-												class="row p-1 ml-2 align-items-end justify-content-between">
-
-												<div class="col-3">
-													<div class="custom-control custom-switch px-3 bd-highlight">
-														<input type="checkbox" class="custom-control-input"
-															name="contesto-attiva" aria-label="Definisci contesto"
-															id="contextSW"> <label
-															class="custom-control-label" for="contextSW"><div
-																class="pb-1 text-muted">Mostra contesto</div></label>
-													</div>
-												</div>
-												<div class="col-1 pb-1 text-muted text-right">Contesto:
-												</div>
-												<div class="col-6 pb-1 text-muted" id="contextText">tutta
-													l'opera</div>
-												<div class="col-2 text-right px-3">
-													<input style="display: none;" type="file" id="apriFile">
-													<span class="border rounded p-1 pt-2"><ion-icon
-															name="save-outline"></ion-icon> <ion-icon
-															name="folder-open-outline"></ion-icon> <ion-icon
-															name="cloud-upload-outline"></ion-icon> <ion-icon
-															name="cloud-download-outline"></ion-icon></span>
-												</div>
-											</div>
-
-											<div class=" p-2 m-2 border bg-light well"
-												id="contextTableDiv0" style="display: none">
-
-												<table id="selectable0"
-													class="table selCanti table-bordered table-sm">
-													<thead>
-														<tr>
-															<th><div class="small text-dark text-right">Cantica\Canto&nbsp;</div></th>
-															<th><div class="small text-dark">1</div></th>
-															<th><div class="small text-dark">2</div></th>
-															<th><div class="small text-dark">3</div></th>
-															<th><div class="small text-dark">4</div></th>
-															<th><div class="small text-dark">5</div></th>
-															<th><div class="small text-dark">6</div></th>
-															<th><div class="small text-dark">7</div></th>
-															<th><div class="small text-dark">8</div></th>
-															<th><div class="small text-dark">9</div></th>
-															<th><div class="small text-dark">10</div></th>
-															<th><div class="small text-dark">11</div></th>
-															<th><div class="small text-dark">12</div></th>
-															<th><div class="small text-dark">13</div></th>
-															<th><div class="small text-dark">14</div></th>
-															<th><div class="small text-dark">15</div></th>
-															<th><div class="small text-dark">16</div></th>
-															<th><div class="small text-dark">17</div></th>
-															<th><div class="small text-dark">18</div></th>
-															<th><div class="small text-dark">19</div></th>
-															<th><div class="small text-dark">20</div></th>
-															<th><div class="small text-dark">21</div></th>
-															<th><div class="small text-dark">22</div></th>
-															<th><div class="small text-dark">23</div></th>
-															<th><div class="small text-dark">24</div></th>
-															<th><div class="small text-dark">25</div></th>
-															<th><div class="small text-dark">26</div></th>
-															<th><div class="small text-dark">27</div></th>
-															<th><div class="small text-dark">28</div></th>
-															<th><div class="small text-dark">29</div></th>
-															<th><div class="small text-dark">30</div></th>
-															<th><div class="small text-dark">31</div></th>
-															<th><div class="small text-dark">32</div></th>
-															<th><div class="small text-dark">33</div></th>
-															<th><div class="small text-dark">34</div></th>
-														</tr>
-													</thead>
-													<tbody>
-														<tr>
-															<th><div class="small text-dark text-right">Inferno&nbsp;</div></th>
-															<td class="ui-widget-content" id="0_0"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_1"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_2"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_3"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_4"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_5"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_6"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_7"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_8"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_9"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_10"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_11"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_12"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_13"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_14"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_15"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_16"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_17"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_18"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_19"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_20"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_21"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_22"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_23"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_24"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_25"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_26"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_27"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_28"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_29"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_30"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_31"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_32"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="0_33"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-														</tr>
-														<tr>
-															<th><div class="small text-dark text-right">Purgatorio&nbsp;</div></th>
-															<td class="ui-widget-content" id="1_0"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_1"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_2"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_3"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_4"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_5"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_6"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_7"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_8"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_9"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_10"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_11"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_12"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_13"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_14"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_15"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_16"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_17"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_18"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_19"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_20"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_21"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_22"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_23"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_24"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_25"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_26"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_27"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_28"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_29"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_30"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_31"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="1_32"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-														</tr>
-														<tr>
-															<th><div class="small text-dark text-right">Paradiso&nbsp;</div></th>
-															<td class="ui-widget-content" id="2_0"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_1"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_2"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_3"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_4"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_5"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_6"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_7"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_8"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_9"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_10"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_11"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_12"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_13"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_14"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_15"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_16"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_17"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_18"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_19"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_20"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_21"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_22"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_23"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_24"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_25"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_26"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_27"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_28"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_29"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_30"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_31"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-															<td class="ui-widget-content" id="2_32"><div
-																	class=" px-1 border well">&nbsp;</div></td>
-														</tr>
-													</tbody>
-												</table>
-												<div id="someElem"></div>
-
-
-											</div>
-
-											<div id="cla-Advanced" style="display: block">
-
-												<div class="btn-group p-1 my-3" role="group"
-													aria-label="Bottoni menu clausole">
-													<label class="input-group-text"><ion-icon
-															name="filter-circle"></ion-icon></label>
-													<div class="btn-group dropright" role="group">
-														<button id="btnGroupDrop1" type="button"
-															class="btn btn-sm btn-outline-danger dropdown-toggle"
-															data-toggle="dropdown" aria-haspopup="true"
-															aria-expanded="false">Aggiungi clausola di tipo:
-														</button>
-														<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
-															<a class="dropdown-item" id="Grammaticale" href="#"><span
-																class="text-lida9">Categoria grammaticale</span></a> <a
-																class="dropdown-item" id="Sintattico" href="#"><span
-																class="text-lida3">Tipo sintattico</span></a> <a
-																class="dropdown-item" id="Metafore" href="#"><span
-																class="text-lida5">Metafore</span></a>
-														</div>
-													</div>
-												</div>
-												<div class="btn-group p-1 my-3" role="group"
-													aria-label="Bottoni menu logiche">
-													<label class="input-group-text"><ion-icon
-															name="cog"></ion-icon></label>
-													<div class="btn-group dropright" role="group">
-														<button id="btnGroupDrop2" type="button"
-															class="btn btn-sm btn-outline-danger dropdown-toggle"
-															data-toggle="dropdown" aria-haspopup="true"
-															aria-expanded="false">Aggiungi condizione
-															logica:</button>
-														<div class="dropdown-menu" aria-labelledby="btnGroupDrop2"
-															style="">
-															<a class="dropdown-item" id="andCond" href="#"><span
-																class="text-muted bg-lida10">AND</span></a> <a
-																class="dropdown-item" id="orCond" href="#"><span
-																class="text-muted bg-lida11">OR</span></a>
-														</div>
-													</div>
-												</div>
-
-												<div class="text-muted p-1">Definisci i filtri usando
-													le clausole e le condizioni logiche:</div>
-												<div class=" px-2 pb-2 pt-1 m-2 mx-3 border bg-light well"
-													id="cla-list">
-													<div class="row ml-0 justify-content-between">
-														<div class="pb-1 small font-weight-bold text-muted">AND</div>
-													</div>
-													<ul id="sortable0" class="condLIand list-group ui-sortable">
-														<li id="H-cla0"
-															class="list-group-item align-items-center ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06">Nessuna
-															clausola aggiunta.</li>
-													</ul>
-												</div>
-
-											</div>
-
-										</div>
-									</div>
-
-									<!-- MODELLI CLAUSOLE -->
-
-									<!--   TIPO GRAMMATICALE -->
-									<div style="display: none;" class="tab-pane fade p-2 bg-white"
-										id="tipogrammaticaleN" role="tabpanel"
-										aria-labelledby="claN-tab" data-claType="Grammaticale"
-										data-claActive="1">
-										<div class="p-1 text-right text-primary">
-											<span class="return2Query"><ion-icon
-													name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp; <span
-												class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
-										</div>
-
-										<div class="form-group form-inline input-group p-1 pb-2"
-											action="">
-											<div class="input-group-prepend">
-												<label class="input-group-text"><ion-icon
-														name="document-text"></ion-icon></label>
-											</div>
-											<select class="form-control custom-select" id="lemma_formaN">
-												<option value="forma">la forma</option>
-												<option value="lemma">il lemma</option>
-												<option disabled value="testo">il testo</option>
-											</select> <input type="text" class="form-control" id="queryTextN"
-												placeholder="stelle" aria-describedby="name-desc"
-												name="query">
-										</div>
-
-										<div class="form-group px-1 pb-1">
-											<label for="typeGramm0" class="text-muted control-label">Categoria
-												grammaticale:</label>
-											<div class="form-inline input-group p-1" action="">
-												<div class="input-group-prepend">
-													<label class="input-group-text"><ion-icon
-															name="options"></ion-icon></label>
-												</div>
-												<select class="form-control custom-select catgram"
-													name="typeGramm0" id="grammtypes"
-													title="Categoria grammaticale" value="oggetto" onchange="">
-													<option value="all">Tutte le categorie</option>
-													<optgroup label="Volgare">
-														<option value="verbovolgare">Verbo volgare</option>
-														<option value="sostantivovolgare">Sostantivo
-															volgare</option>
-														<option value="aggettivovolgare">Aggettivo
-															volgare</option>
-														<option value="pronomevolgare">Pronome volgare</option>
-														<option value="articolovolgare">Articolo volgare</option>
-														<option value="avverbiovolgare">Avverbio volgare</option>
-														<option value="preposizionevolgare">Preposizione
-															volgare</option>
-														<option value="congiunzionevolgare">Congiunzione
-															volgare</option>
-														<option value="interiezionevolgare">Interiezione
-															volgare</option>
-														<option value="onomasticavolgare">Onomastica
-															volgare</option>
-														<option value="citazionevolgare">Citazione
-															volgare</option>
-													</optgroup>
-													<optgroup label="Latino">
-														<option value="verbo_latino_v">Verbo latino</option>
-														<option value="sostantivo_latino_s">Sostantivo
-															latino</option>
-														<option value="aggettivo_latino_a">Aggettivo
-															latino</option>
-														<option value="pronome_latino_p">Pronome latino</option>
-														<option value="avverbio_latino_r">Avverbio latino</option>
-														<option value="preposizione_latino_e">Preposizione
-															latino</option>
-														<option value="congiunzione_latino_c">Congiunzione
-															latino</option>
-														<option value="interiezione_latino_i">Interiezione
-															latino</option>
-														<option value="enclitica_latino_9">Enclitica
-															latino</option>
-														<option value="citazione_latino_zi">Citazione
-															latino</option>
-														<option value="simbolo_latino_yy">Simbolo latino</option>
-													</optgroup>
-												</select>
-											</div>
-										</div>
-										<div class="container form-group mx-2 mb-0 p-1 dettaglifiltri">
-
-										</div>
-									</div>
-									<!--   FINE GRAMMATICALE -->
-
-									<!--   TIPO SINTATTICO -->
-									<div style="display: none;" class="tab-pane fade p-2 bg-white"
-										id="tiposintatticoN" role="tabpanel"
-										aria-labelledby="claN-tab" data-claType="Sintattico"
-										data-claActive="1">
-										<div class="p-1 text-right text-primary">
-											<span class="return2Query"><ion-icon
-													name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp; <span
-												class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
-										</div>
-
-										<div class="form-group form-inline input-group p-1 pb-2"
-											action="">
-											<div class="input-group-prepend">
-												<label class="input-group-text"><ion-icon
-														name="document-text"></ion-icon></label>
-											</div>
-											<select class="form-control custom-select" id="lemma_formaN">
-												<option value="forma">la forma</option>
-												<option value="lemma">il lemma</option>
-												<option disabled value="testo">il testo</option>
-											</select> <input type="text" class="form-control" id="queryTextN"
-												placeholder="stelle" aria-describedby="name-desc"
-												name="query">
-										</div>
-
-										<div class="form-group px-1 pb-1">
-											<label for="typeSyntax0" class="text-muted control-label">Tipo
-												sintattico:</label>
-											<div class="form-inline input-group p-1" action="">
-												<div class="input-group-prepend">
-													<label class="input-group-text"><ion-icon
-															name="options"></ion-icon></label>
-												</div>
-												<select class="form-control custom-select"
-													name="typeSyntax0" id="synttypes" title="Tipo sintattico"
-													value="oggetto">
-													<option value=".+" class="w-10"
-														onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi
-														tipo sintattico</option>
-
-													<optgroup
-														label="Macrotipi sintattici: principali e coordinate a una principale"
-														onclick="myformsyntax.functionSyntax0.disabled = true;">
-														<option value="macro dich">dichiarativa</option>
-														<option value="macro escl">esclamativa</option>
-														<option value="macro inter princ">interrogativa</option>
-														<option value="macro iussi">iussiva</option>
-														<option value="macro otta">ottativa</option>
-													</optgroup>
-
-													<optgroup
-														label="Macrotipi sintattici: subordinate e coordinate a una subordinata"
-														onclick="myformsyntax.functionSyntax0.disabled = true;">
-														<option value="macro avv">avversativa</option>
-														<option value="macro causale">causale</option>
-														<option value="macro compar">comparativa</option>
-														<option value="macro conces">concessiva</option>
-														<option value="macro consec">consecutiva</option>
-														<option value="macro eccettu">eccettuativa</option>
-														<option value="macro epesege">epesegetica</option>
-														<option value="macro esclu">esclusiva</option>
-														<option value="macro finale">finale</option>
-														<option value="macro inter sub">interrogativa</option>
-														<option value="macro ipotet">ipotetica</option>
-														<option value="macro limitat">limitativa</option>
-														<option value="macro maniera">maniera</option>
-														<option value="macro modale">modale</option>
-														<option value="macro obliqua">obliqua</option>
-														<option value="macro oggettiva">oggettiva</option>
-														<option value="macro pred">predicativa</option>
-														<option value="macro rel">relativa</option>
-														<option value="macro sog">soggettiva</option>
-														<option value="macro strum">strumentale</option>
-														<option value="macro sub">subordinata con
-															funzione di ripresa</option>
-														<option value="macro temp">temporale</option>
-													</optgroup>
-
-													<optgroup label="Macrotipi sintattici: pseudocoordinate"
-														onclick="myformsyntax.functionSyntax0.disabled = true;">
-														<option value="macro pseudo">pseudocoordinata</option>
-													</optgroup>
-
-													<optgroup
-														label="Macrotipi sintattici: parentetiche e coordinate a una parentetica"
-														onclick="myformsyntax.functionSyntax0.disabled = true;">
-														<option value="macro pare sub">parentetica con
-															valore di subordinata</option>
-														<option value="macro pare mod">parentetica
-															modalizzante</option>
-													</optgroup>
-
-													<optgroup label="Tutti i tipi sintattici"
-														onclick="myformsyntax.functionSyntax0.disabled = false;">
-														<option value="avv">avversativa</option>
-														<option value="caus">causale</option>
-														<option value="comp ipo">comparativa con valore
-															ipotetico</option>
-														<option value="comp lim">comparativa con valore
-															limitativo</option>
-														<option value="comp mod">comparativa con valore
-															modale</option>
-														<option value="comp temp">comparativa con valore
-															temporale</option>
-														<option value="comp disug">comparativa di
-															disuguaglianza</option>
-														<option value="comp ug">comparativa di
-															uguaglianza</option>
-														<option value="comp ug rel ind temp">comparativa
-															di uguaglianza con valore di relativa indipendente
-															temporale</option>
-														<option value="conc acond">concessiva
-															acondizionale</option>
-														<option value="conc cond">concessiva condizionale</option>
-														<option value="conc fatt">concessiva fattuale</option>
-														<option value="man rel giust">concorrenza del
-															relativo in frase di maniera</option>
-														<option value="fin rel giust">concorrenza del
-															relativo in frase finale</option>
-														<option value="cons antec">consecutiva con
-															antecedente</option>
-														<option value="cons antec fin">consecutiva con
-															antecedente con valore finale</option>
-														<option value="cons antec temp">consecutiva con
-															antecedente con valore temporale</option>
-														<option value="cons antec epes">consecutiva con
-															antecedente epesegetica</option>
-														<option value="cons ell">consecutiva ellittica</option>
-														<option value="cons libera">consecutiva libera</option>
-														<option value="cons libera fin">consecutiva
-															libera con valore finale</option>
-														<option value="cons post">consecutiva posposta</option>
-														<option value="cong asind comp ug">coordinata
-															asindetica comparativa di uguaglianza</option>
-														<option value="cong asind cons antec">coordinata
-															asindetica consecutiva con antecedente</option>
-														<option value="cong asind man">coordinata
-															asindetica di maniera</option>
-														<option value="cong asind dich">coordinata
-															asindetica dichiarativa</option>
-														<option value="cong asind epes">coordinata
-															asindetica epesegetica</option>
-														<option value="cong asind esclam">coordinata
-															asindetica esclamativa</option>
-														<option value="cong asind fin">coordinata
-															asindetica finale</option>
-														<option value="cong asind int altern">coordinata
-															asindetica interrogativa alternativa</option>
-														<option value="cong asind int altern">coordinata
-															asindetica interrogativa alternativa</option>
-														<option value="cong asind int altern ret">coordinata
-															asindetica interrogativa alternativa retorica</option>
-														<option value="cong asind int x">coordinata
-															asindetica interrogativa di tipo x</option>
-														<option value="cong asind int x">coordinata
-															asindetica interrogativa di tipo x</option>
-														<option value="cong asind int x ret">coordinata
-															asindetica interrogativa di tipo x retorica</option>
-														<option value="cong asind int disg">coordinata
-															asindetica interrogativa disgiuntiva</option>
-														<option value="cong asind ipo">coordinata
-															asindetica ipotetica</option>
-														<option value="cong asind iuss dir">coordinata
-															asindetica iussiva diretta</option>
-														<option value="cong asind iuss indir">coordinata
-															asindetica iussiva indiretta</option>
-														<option value="cong asind ogg | cong asind ogg perc">coordinata
-															asindetica oggettiva</option>
-														<option value="cong asind ott intr">coordinata
-															asindetica ottativa con introduttore</option>
-														<option value="cong asind ott libera">coordinata
-															asindetica ottativa libera</option>
-														<option value="cong asind rel app">coordinata
-															asindetica relativa appositiva</option>
-														<option value="cong asind rel app comp disug">coordinata
-															asindetica relativa appositiva in costrutto comparativo</option>
-														<option value="cong asind rel app giust">coordinata
-															asindetica relativa giustapposta</option>
-														<option value="cong asind rel ind">coordinata
-															asindetica relativa indipendente</option>
-														<option value="cong asind rel ind temp caus">coordinata
-															asindetica relativa indipendente con valore
-															temporale-causale</option>
-														<option value="cong asind rel restr">coordinata
-															asindetica relativa restrittiva</option>
-														<option value="cong asind rel restr comp ug">coordinata
-															asindetica relativa restrittiva in costrutto comparativo</option>
-														<option value="cong asind sogg soll">coordinata
-															asindetica soggettiva a sollevamento</option>
-														<option value="cong asind subord">coordinata
-															asindetica subordinata</option>
-														<option value="cong asind temp">coordinata
-															asindetica temporale</option>
-														<option value="avv caus">coordinata avversativa
-															causale</option>
-														<option value="avv comp ug">coordinata
-															avversativa comparativa di uguaglianza</option>
-														<option value="avv cons antec">coordinata
-															avversativa consecutiva con antecedente</option>
-														<option value="avv dich">coordinata avversativa
-															dichiarativa</option>
-														<option value="avv fin">coordinata avversativa
-															finale</option>
-														<option value="avv int x">coordinata avversativa
-															interrogativa di tipo x</option>
-														<option value="avv int x ret">coordinata
-															avversativa interrogativa di tipo x retorica</option>
-														<option value="avv ipo caus">coordinata
-															avversativa ipotetica con valore causale</option>
-														<option value="avv iuss dir">coordinata
-															avversativa iussiva diretta</option>
-														<option value="avv iuss indir">coordinata
-															avversativa iussiva indiretta</option>
-														<option value="avv modaliz ott intr">coordinata
-															avversativa modalizzante ottativa con introduttore</option>
-														<option value="avv ogg / avv ogg perc">coordinata
-															avversativa oggettiva</option>
-														<option value="avv rel app">coordinata
-															avversativa relativa appositiva</option>
-														<option value="avv rel app cons antec">coordinata
-															avversativa relativa appositiva con valore consecutivo</option>
-														<option value="avv rel app comp ug">coordinata
-															avversativa relativa appositiva in costrutto comparativo</option>
-														<option value="avv rel giust">coordinata
-															avversativa relativa giustapposta</option>
-														<option value="avv rel ind">coordinata
-															avversativa relativa indipendente</option>
-														<option value="avv rel ind temp">coordinata
-															avversativa relativa indipendente temporale</option>
-														<option value="avv rel restr">coordinata
-															avversativa relativa restrittiva</option>
-														<option value="avv rel restr comp ug">coordinata
-															avversativa relativa restrittiva in costrutto comparativo</option>
-														<option value="avv sogg">coordinata avversativa
-															soggettiva</option>
-														<option value="avv temp">coordinata avversativa
-															temporale</option>
-														<option value="cong concl cons antec">coordinata
-															conclusiva consecutiva con antecedente</option>
-														<option value="cong concl dich">coordinata
-															conclusiva dichiarativa</option>
-														<option value="cong concl dich ill">coordinata
-															conclusiva dichiarativa illocutiva</option>
-														<option value="cong concl iuss dir">coordinata
-															conclusiva iussiva diretta</option>
-														<option value="cong concl iuss dir perifr">coordinata
-															conclusiva iussiva diretta perifrastica</option>
-														<option value="cong concl iuss indir">coordinata
-															conclusiva iussiva indiretta</option>
-														<option value="cong caus">coordinata congiuntiva
-															causale</option>
-														<option value="cong comp ipo">coordinata
-															congiuntiva comparativa con valore ipotetico</option>
-														<option value="cong comp lim">coordinata
-															congiuntiva comparativa con valore limitativo</option>
-														<option value="cong comp mod">coordinata
-															congiuntiva comparativa con valore modale</option>
-														<option value="cong comp disug">coordinata
-															congiuntiva comparativa di disuguaglianza</option>
-														<option value="cong comp ug">coordinata
-															congiuntiva comparativa di uguaglianza</option>
-														<option value="cong rip">coordinata congiuntiva
-															con funzione di ripresa</option>
-														<option value="cong conc cond">coordinata
-															congiuntiva concessiva condizionale</option>
-														<option value="cong conc fatt">coordinata
-															congiuntiva concessiva fattuale</option>
-														<option value="cong cons antec">coordinata
-															congiuntiva consecutiva con antecedente</option>
-														<option value="cong cons antec fin">coordinata
-															congiuntiva consecutiva con antecedente con valore finale</option>
-														<option value="cong cons antec epes">coordinata
-															congiuntiva consecutiva con antecedente epesegetica</option>
-														<option value="cong cons ell">coordinata
-															congiuntiva consecutiva ellittica</option>
-														<option value="cong cons libera">coordinata
-															congiuntiva consecutiva libera</option>
-														<option value="cong cons libera fin">coordinata
-															congiuntiva consecutiva libera con valore finale</option>
-														<option value="cong cons post">coordinata
-															congiuntiva consecutiva posposta</option>
-														<option value="cong man">coordinata congiuntiva
-															di maniera</option>
-														<option value="cong dich">coordinata congiuntiva
-															dichiarativa</option>
-														<option value="cong dich ill">coordinata
-															congiuntiva dichiarativa illocutiva</option>
-														<option value="cong eccett">coordinata
-															congiuntiva eccettuativa</option>
-														<option value="cong epes">coordinata congiuntiva
-															epesegetica</option>
-														<option value="cong esclam">coordinata
-															congiuntiva esclamativa</option>
-														<option value="cong esclus">coordinata
-															congiuntiva esclusiva</option>
-														<option value="cong fin">coordinata congiuntiva
-															finale</option>
-														<option value="cong int altern">coordinata
-															congiuntiva interrogativa alternativa</option>
-														<option value="cong int altern">coordinata
-															congiuntiva interrogativa alternativa</option>
-														<option value="cong int x">coordinata congiuntiva
-															interrogativa di tipo x</option>
-														<option value="cong int x">coordinata congiuntiva
-															interrogativa di tipo x</option>
-														<option value="cong int x ret">coordinata
-															congiuntiva interrogativa di tipo x retorica</option>
-														<option value="cong ipo">coordinata congiuntiva
-															ipotetica</option>
-														<option value="cong ipo caus">coordinata
-															congiuntiva ipotetica con valore causale</option>
-														<option value="cong ipo sogg">coordinata
-															congiuntiva ipotetica soggettiva</option>
-														<option value="cong iuss dir">coordinata
-															congiuntiva iussiva diretta</option>
-														<option value="cong iuss indir">coordinata
-															congiuntiva iussiva indiretta</option>
-														<option value="cong lim">coordinata congiuntiva
-															limitativa</option>
-														<option value="cong modaliz ott intr">coordinata
-															congiuntiva modalizzante ottativa con introduttore</option>
-														<option value="cong obl">coordinata congiuntiva
-															obliqua</option>
-														<option value="cong ogg /cong ogg perc">coordinata
-															congiuntiva oggettiva</option>
-														<option value="cong ott libera">coordinata
-															congiuntiva ottativa libera</option>
-														<option value="cong rel pseudo">coordinata
-															congiuntiva pseudo-relativa</option>
-														<option value="cong rel app">coordinata
-															congiuntiva relativa appositiva</option>
-														<option value="cong rel app comp ug">coordinata
-															congiuntiva relativa appositiva comparativa di
-															uguaglianza</option>
-														<option value="cong rel app cons">coordinata
-															congiuntiva relativa appositiva con valore consecutivo</option>
-														<option value="cong rel app epes">coordinata
-															congiuntiva relativa appositiva con valore di epesegetica</option>
-														<option value="cong rel app fin">coordinata
-															congiuntiva relativa appositiva con valore finale</option>
-														<option value="cong rel app temp">coordinata
-															congiuntiva relativa appositiva con valore temporale</option>
-														<option value="cong rel app comp disug">coordinata
-															congiuntiva relativa appositiva in costrutto comparativo
-															di disuguaglianza</option>
-														<option value="cong rel app giust">coordinata
-															congiuntiva relativa giustapposta</option>
-														<option value="cong rel app giust caus">coordinata
-															congiuntiva relativa giustapposta con valore causale</option>
-														<option value="cong rel impl">coordinata
-															congiuntiva relativa implicita</option>
-														<option value="cong rel impl lim">coordinata
-															congiuntiva relativa implicita con valore limitativo</option>
-														<option value="cong rel ind">coordinata
-															congiuntiva relativa indipendente</option>
-														<option value="cong rel ind acond">coordinata
-															congiuntiva relativa indipendente acondizionale</option>
-														<option value="cong rel ind ipo">coordinata
-															congiuntiva relativa indipendente con valore ipotetico</option>
-														<option value="cong rel ind mod">coordinata
-															congiuntiva relativa indipendente con valore modale</option>
-														<option value="cong rel ind mod comp ug">coordinata
-															congiuntiva relativa indipendente in costrutto
-															comparativo-modale</option>
-														<option value="cong rel ind temp">coordinata
-															congiuntiva relativa indipendente temporale</option>
-														<option value="cong rel restr">coordinata
-															congiuntiva relativa restrittiva</option>
-														<option value="cong rel restr caus">coordinata
-															congiuntiva relativa restrittiva con valore causale</option>
-														<option value="cong rel restr cons">coordinata
-															congiuntiva relativa restrittiva con valore consecutivo</option>
-														<option value="cong rel restr comp ug">coordinata
-															congiuntiva relativa restrittiva in costrutto comparativo</option>
-														<option value="cong rel restr temp">coordinata
-															congiuntiva relativa restrittiva temporale</option>
-														<option value="cong sogg">coordinata congiuntiva
-															soggettiva</option>
-														<option value="cong spec">coordinata congiuntiva
-															specificativa</option>
-														<option value="cong strum">coordinata congiuntiva
-															strumentale</option>
-														<option value="cong temp">coordinata congiuntiva
-															temporale</option>
-														<option value="cong temp caus">coordinata
-															congiuntiva temporale con valore causale</option>
-														<option value="cong cons caus">coordinata
-															consecutiva causale</option>
-														<option value="cong cons dich">coordinata
-															consecutiva dichiarativa</option>
-														<option value="cong corr dich">coordinata
-															correlativa dichiarativa</option>
-														<option value="cong corr fin">coordinata
-															correlativa finale</option>
-														<option value="cong corr lim">coordinata
-															correlativa limitativa</option>
-														<option value="cong corr sogg infinitoprep">coordinata
-															correlativa soggettiva a infinito preposizionale</option>
-														<option value="disg comp disug temp">coordinata
-															disgiuntiva comparativa di disuguaglianza con valore
-															temporale</option>
-														<option value="disg conc acond">coordinata
-															disgiuntiva concessiva acondizionale</option>
-														<option value="disg conc cond">coordinata
-															disgiuntiva concessiva condizionale</option>
-														<option value="disg cons libera">coordinata
-															disgiuntiva consecutiva libera</option>
-														<option value="disg corr dich">coordinata
-															disgiuntiva correlativa dichiarativa</option>
-														<option value="disg man">coordinata disgiuntiva
-															di maniera</option>
-														<option value="disg dich">coordinata disgiuntiva
-															dichiarativa</option>
-														<option value="disg epes">coordinata disgiuntiva
-															epesegetica</option>
-														<option value="disg esclus">coordinata
-															disgiuntiva esclusiva</option>
-														<option value="disg int altern">coordinata
-															disgiuntiva interrogativa alternativa</option>
-														<option value="disg int altern">coordinata
-															disgiuntiva interrogativa alternativa</option>
-														<option value="disg int x">coordinata disgiuntiva
-															interrogativa di tipo x</option>
-														<option value="disg int disg">coordinata
-															disgiuntiva interrogativa disgiuntiva</option>
-														<option value="disg ipo">coordinata disgiuntiva
-															ipotetica</option>
-														<option value="disg lim">coordinata disgiuntiva
-															limitativa</option>
-														<option value="disg obl">coordinata disgiuntiva
-															obliqua</option>
-														<option value="disg ogg">coordinata disgiuntiva
-															oggettiva</option>
-														<option value="disg rel ind">coordinata
-															disgiuntiva relativa indipendente</option>
-														<option value="disg rel ind acond">coordinata
-															disgiuntiva relativa indipendente acond</option>
-														<option value="disg rel ind temp">coordinata
-															disgiuntiva relativa indipendente temporale</option>
-														<option value="disg rel restr">coordinata
-															disgiuntiva relativa restrittiva</option>
-														<option value="disg rel restr cons">coordinata
-															disgiuntiva relativa restrittiva con valore consecutivo</option>
-														<option value="disg sogg">coordinata disgiuntiva
-															soggettiva</option>
-														<option value="disg temp">coordinata disgiuntiva
-															temporale</option>
-														<option value="cong espl dich">coordinata
-															esplicativa dichiarativa</option>
-														<option value="cong espl obl">coordinata
-															esplicativa obliqua</option>
-														<option value="cong espl ogg">coordinata
-															esplicativa oggettiva</option>
-														<option value="cong espl rel app antec">coordinata
-															esplicativa relativa appositiva con antecedente</option>
-														<option value="cong espl rel ind mod">coordinata
-															esplicativa relativa indipendente con valore modale</option>
-														<option value="man">di maniera</option>
-														<option value="man gerundioprep">di maniera a
-															gerundio preposizionale</option>
-														<option value="dich">dichiarativa</option>
-														<option value="dich ill">dichiarativa illocutiva</option>
-														<option value="eccett">eccettuativa</option>
-														<option value="eccett comp ug">eccettuativa con
-															valore di comparativa di uguaglianza</option>
-														<option value="epes">epesegetica</option>
-														<option value="esclam">esclamativa</option>
-														<option value="esclus">esclusiva</option>
-														<option value="faltern">falsa alternativa</option>
-														<option value="fcong">falsa congiuntiva</option>
-														<option value="fin">finale</option>
-														<option value="fin ipo">finale con valore
-															ipotetico</option>
-														<option value="rip">funzione di ripresa</option>
-														<option value="int altern">interrogativa
-															alternativa</option>
-														<option value="int altern ret">interrogativa
-															alternativa retorica</option>
-														<option value="int x">interrogativa di tipo x</option>
-														<option value="int x ret">interrogativa di tipo x
-															retorica</option>
-														<option value="int disg">interrogativa
-															disgiuntiva</option>
-														<option value="int disg ret">interrogativa
-															disgiuntiva retorica</option>
-														<option value="ipo">ipotetica</option>
-														<option value="ipo biaff">ipotetica biaffermativa</option>
-														<option value="ipo caus">ipotetica con valore
-															causale</option>
-														<option value="ipo eccett">ipotetica con valore
-															eccettuativo</option>
-														<option value="ipo obl">ipotetica obliqua</option>
-														<option value="ipo rel giust">ipotetica relativa
-															giustapposta</option>
-														<option value="ipo sogg">ipotetica soggettiva</option>
-														<option value="iuss aug">iussiva augurativa</option>
-														<option value="iuss dir">iussiva diretta</option>
-														<option value="iuss dir perifr">iussiva diretta
-															perifrastica</option>
-														<option value="iuss indir">iussiva indiretta</option>
-														<option value="lim">limitativa</option>
-														<option value="lim caus">limitativa con valore
-															causale</option>
-														<option value="lim caus eccett">limitativa con
-															valore causale-eccettuativo</option>
-														<option value="lim eccett">limitativa con valore
-															eccettuativo</option>
-														<option value="mod">modale</option>
-														<option value="modaliz">modalizzante</option>
-														<option value="modaliz ott intr">modalizzante
-															ottativa con introduttore</option>
-														<option value="modaliz ott libera">modalizzante
-															ottativa libera</option>
-														<option value="obl">obliqua</option>
-														<option value="ogg | ogg aci | ogg perc">oggettiva</option>
-														<option value="ott intr">ottativa con
-															introduttore</option>
-														<option value="ott libera">ottativa libera</option>
-														<option value="pred">predicativa</option>
-														<option value="rel pseudo">pseudo-relativa</option>
-														<option value="rel pseudo fin">pseudo-relativa
-															con valore finale</option>
-														<option value="rel pseudo scissa">pseudo-relativa
-															scissa</option>
-														<option value="rel pseudo scissa temp">pseudo-relativa
-															scissa con valore temporale</option>
-														<option value="rel app antec">relativa appositiva
-															con antecedente</option>
-														<option value="rel app antec caus">relativa
-															appositiva con antecedente con valore causale</option>
-														<option value="rel app antec cons">relativa
-															appositiva con antecedente con valore consecutivo</option>
-														<option value="rel app antec fin cons">relativa
-															appositiva con antecedente con valore consecutivo-finale</option>
-														<option value="rel app antec fin">relativa
-															appositiva con antecedente con valore finale</option>
-														<option value="rel app antec strum">relativa
-															appositiva con antecedente con valore strumentale</option>
-														<option value="rel app antec giust">relativa
-															appositiva con antecedente giustapposta</option>
-														<option value="rel app antec comp disug">relativa
-															appositiva con antecedente in costrutto comparativo di
-															disuguaglianza</option>
-														<option value="rel app antec comp ug">relativa
-															appositiva con antecedente in costrutto comparativo di
-															uguaglianza</option>
-														<option value="rel app antec eccett">relativa
-															appositiva con antecedente in costrutto eccettuativo</option>
-														<option value="rel app antec giust cons">relativa
-															appositiva giustapposta con valore consecutivo</option>
-														<option value="rel app antec giust man">relativa
-															appositiva giustapposta con valore di maniera</option>
-														<option value="rel app antec giust ipo">relativa
-															appositiva giustapposta con valore ipotetico</option>
-														<option value="rel restr antec comp ug">relativa
-															con antecedente in costrutto comparativo di uguaglianza</option>
-														<option value="rel giust">relativa giustapposta</option>
-														<option value="rel impl">relativa implicita</option>
-														<option value="rel impl cons">relativa implicita
-															con valore consecutivo</option>
-														<option value="rel impl fin">relativa implicita
-															con valore finale</option>
-														<option value="rel impl lim">relativa implicita
-															con valore limitativo</option>
-														<option value="rel impl deon">relativa implicita
-															deontica</option>
-														<option value="rel ind">relativa indipendente</option>
-														<option value="rel ind acond">relativa
-															indipendente acondizionale</option>
-														<option value="rel ind ipo">relativa indipendente
-															con valore ipotetico</option>
-														<option value="rel ind mod">relativa indipendente
-															con valore modale</option>
-														<option value="rel ind temp">relativa
-															indipendente con valore temporale</option>
-														<option value="rel ind temp acond">relativa
-															indipendente con valore temporale acondizionale</option>
-														<option value="rel ind temp caus">relativa
-															indipendente con valore temporale-causale</option>
-														<option value="rel ind caus">relativa
-															indipendente in costrutto causale</option>
-														<option value="rel ind comp">relativa
-															indipendente in costrutto comparativo</option>
-														<option value="rel ind temp comp ug">relativa
-															indipendente in costrutto comparativo di uguaglianza</option>
-														<option value="rel ind mod comp ug">relativa
-															indipendente in costrutto comparativo-modale</option>
-														<option value="rel restr antec">relativa
-															restrittiva con antecedente</option>
-														<option value="rel restr antec caus">relativa
-															restrittiva con antecedente con valore causale</option>
-														<option value="rel restr antec cons">relativa
-															restrittiva con antecedente con valore consecutivo</option>
-														<option value="rel restr antec conc cond">relativa
-															restrittiva con antecedente con valore di concessiva
-															condizionale</option>
-														<option value="rel restr antec conc fatt">relativa
-															restrittiva con antecedente con valore di concessiva
-															fattuale</option>
-														<option value="rel restr antec fin">relativa
-															restrittiva con antecedente con valore finale</option>
-														<option value="rel restr antec ipo">relativa
-															restrittiva con antecedente con valore ipotetico</option>
-														<option value="rel restr antec temp">relativa
-															restrittiva con antecedente con valore temporale</option>
-														<option value="rel restr antec comp disug">relativa
-															restrittiva con antecedente in costrutto comparativo di
-															disuguaglianza</option>
-														<option value="rel restr antec comp mod">relativa
-															restrittiva con antecedente in costrutto
-															comparativo-modale</option>
-														<option value="rel restr antec eccett">relativa
-															restrittiva con antecedente in costrutto eccettuativo</option>
-														<option value="rel restr antec lim">relativa
-															restrittiva con antecedente in costrutto limitativo</option>
-														<option
-															value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option>
-														<option value="sogg soll">soggettiva a
-															sollevamento</option>
-														<option value="sogg scissa">soggettiva scissa</option>
-														<option value="spec | spec aci | sogg infinitoprep">specficativa</option>
-														<option value="strum">strumentale</option>
-														<option value="subord">subordinata</option>
-														<option value="temp">temporale</option>
-														<option value="temp comp ug">temporale con valore
-															comparativo</option>
-														<option value="temp ipo">temporale con valore
-															ipotetico</option>
-													</optgroup>
-
-												</select>
-											</div>
-										</div>
-										<div class="form-group px-1 pb-1">
-											<label for="functionSyntax" class="text-muted control-label">Livello
-												di subordinazione:</label>
-											<div class="form-inline input-group p-1" action="">
-												<div class="input-group-prepend">
-													<label class="input-group-text"><ion-icon
-															name="options"></ion-icon></label>
-												</div>
-												<select class="form-control custom-select"
-													name="functionSyntax" id="syntfunc"
-													title="Livello di subordinazione">
-													<option value=".+">Qualsiasi livello di
-														subordinazione</option>
-
-													<optgroup label="Livelli di subordinazione">
-														<option value="princ">principale</option>
-														<option value="coord">coordinata a una principale</option>
-
-														<option value="subord i">subordinata di I grado</option>
-														<option value="subord ii">subordinata di II grado</option>
-														<option value="subord iii">subordinata di III
-															grado</option>
-														<option value="subord iv">subordinata di IV grado</option>
-														<option value="subord v">subordinata di V grado</option>
-														<option value="subord vi">subordinata di VI grado</option>
-														<option value="subord vii">subordinata di VII
-															grado</option>
-
-														<option value="coord i">coordinata a una
-															subordinata di I grado</option>
-														<option value="coord ii">coordinata a una
-															subordinata di II grado</option>
-														<option value="coord iii">coordinata a una
-															subordinata di III grado</option>
-														<option value="coord iv">coordinata a una
-															subordinata di IV grado</option>
-														<option value="coord v">coordinata a una
-															subordinata di V grado</option>
-
-														<option value="pcoord">pseudo-coordinata</option>
-
-														<option value="parent">parentetica</option>
-														<option value="coord 0">coordinata a una
-															parentetica</option>
-
-													</optgroup>
-
-												</select>
-											</div>
-										</div>
-									</div>
-									<!--   FINE TIPO SINTATTICO -->
-
-
-									<!-- CONDIZIONE GRAMMATICALE -->
-
-									<div style="display: none;">
-										<table id="gramm_table">
-											<tr id="">
-												<td class="pa3">
-													<fieldset id="lemma_forma" class="bn">
-														<div
-															class="custom-control custom-radio custom-control-inline">
-															<input class="custom-control-input" type="radio"
-																id="lemma" value="lemma" name="oggetto"> <label
-																for="lemma" class="custom-control-label">Lemma</label>
-														</div>
-														<div
-															class="custom-control custom-radio custom-control-inline">
-															<input class="custom-control-input" type="radio"
-																id="forma" value="forma" name="oggetto"> <label
-																for="forma" class="custom-control-label">Forma</label>
-														</div>
-													</fieldset>
-												</td>
-												<td class="pa3"><input id="name"
-													class="input-reset ba b--black-20 pa2 mb2 db w-100"
-													type="text" aria-describedby="name-desc" name="query"
-													value=""></td>
-
-												<!-- ??? non viene usata -->
-												<td class="pa3"><select id="types"
-													class="form-control custom-select" name="tipo"
-													title="Tipo di ricerca">
-														<option value="parola" onclick="">Parola</option>
-														<option value="sottostringa" onclick="">Sottostringa</option>
-														<option value="prefisso" onclick="">Prefisso</option>
-														<option value="suffisso" onclick="">Suffisso</option>
-														<option value="espressione" onclick="">Espressione
-															regolare</option>
-														<option value="occorrenze" onclick="">Tutte le
-															occorrenze</option>
-												</select></td>
-												<td class="pa3"><select id="types"
-													class="form-control custom-select" name="categoria"
-													onchange="" title="Macro categoria">
-														<option value="all">Tutte le categorie</option>
-														<optgroup label="Volgare">
-															<option value="verbovolgare">Verbo volgare</option>
-															<option value="sostantivovolgare">Sostantivo
-																volgare</option>
-															<option value="aggettivovolgare">Aggettivo
-																volgare</option>
-															<option value="pronomevolgare">Pronome volgare</option>
-															<option value="articolovolgare">Articolo volgare</option>
-															<option value="avverbiovolgare">Avverbio volgare</option>
-															<option value="preposizionevolgare">Preposizione
-																volgare</option>
-															<option value="congiunzionevolgare">Congiunzione
-																volgare</option>
-															<option value="interiezionevolgare">Interiezione
-																volgare</option>
-															<option value="onomasticavolgare">Onomastica
-																volgare</option>
-															<option value="citazionevolgare">Citazione
-																volgare</option>
-														</optgroup>
-														<optgroup label="Latino">
-															<option value="verbo_latino_v">Verbo latino</option>
-															<option value="sostantivo_latino_s">Sostantivo
-																latino</option>
-															<option value="aggettivo_latino_a">Aggettivo
-																latino</option>
-															<option value="pronome_latino_p">Pronome latino</option>
-															<option value="avverbio_latino_r">Avverbio
-																latino</option>
-															<option value="preposizione_latino_e">Preposizione
-																latino</option>
-															<option value="congiunzione_latino_c">Congiunzione
-																latino</option>
-															<option value="interiezione_latino_i">Interiezione
-																latino</option>
-															<option value="enclitica_latino_9">Enclitica
-																latino</option>
-															<option value="citazione_latino_zi">Citazione
-																latino</option>
-															<option value="simbolo_latino_yy">Simbolo latino</option>
-														</optgroup>
-												</select></td>
-												<td><input class="delete-record" type="submit"
-													value="Rimuovi" data-id="0"></td>
-											</tr>
-										</table>
-									</div>
-
-									<!-- FINE MODELLI CLAUSOLE -->
-
-								</form>
+		
+							<div class="border bg-light well mt-2" id="contextTableDivS">
+					
+		<table id="selectableS" class="table table-responsive selCanti table-bordered table-sm ui-selectable">
+			<thead>
+			<tr>
+				<th><div class="small text-muted text-right">Cantica\Canto&nbsp;</div></th>
+				<th><div class="small text-muted">1</div></th>
+				<th><div class="small text-muted">2</div></th>
+				<th><div class="small text-muted">3</div></th>
+				<th><div class="small text-muted">4</div></th>
+				<th><div class="small text-muted">5</div></th>
+				<th><div class="small text-muted">6</div></th>
+				<th><div class="small text-muted">7</div></th>
+				<th><div class="small text-muted">8</div></th>
+				<th><div class="small text-muted">9</div></th>
+				<th><div class="small text-muted">10</div></th>
+				<th><div class="small text-muted">11</div></th>
+				<th><div class="small text-muted">12</div></th>
+				<th><div class="small text-muted">13</div></th>
+				<th><div class="small text-muted">14</div></th>
+				<th><div class="small text-muted">15</div></th>
+				<th><div class="small text-muted">16</div></th>
+				<th><div class="small text-muted">17</div></th>
+				<th><div class="small text-muted">18</div></th>
+				<th><div class="small text-muted">19</div></th>
+				<th><div class="small text-muted">20</div></th>
+				<th><div class="small text-muted">21</div></th>
+				<th><div class="small text-muted">22</div></th>
+				<th><div class="small text-muted">23</div></th>
+				<th><div class="small text-muted">24</div></th>
+				<th><div class="small text-muted">25</div></th>
+				<th><div class="small text-muted">26</div></th>
+				<th><div class="small text-muted">27</div></th>
+				<th><div class="small text-muted">28</div></th>
+				<th><div class="small text-muted">29</div></th>
+				<th><div class="small text-muted">30</div></th>
+				<th><div class="small text-muted">31</div></th>
+				<th><div class="small text-muted">32</div></th>
+				<th><div class="small text-muted">33</div></th>
+				<th><div class="small text-muted">34</div></th>
+			</tr>
+			</thead>
+			<tbody>
+			<tr>
+				<th><div class="small text-muted text-right">Inferno&nbsp;</div></th>
+				<td class="ui-widget-content ui-selectee" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			<tr>
+				<th><div class="small text-muted text-right">Purgatorio&nbsp;</div></th>
+				<td class="ui-widget-content ui-selectee" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			<tr>
+				<th><div class="small text-muted text-right">Paradiso&nbsp;</div></th>
+				<td class="ui-widget-content ui-selectee" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			</tbody>
+		</table>
+					
 							</div>
-
+		
 						</div>
-
 					</div>
-					<!-- FINE AVANZATE -->
-				</div>
-
-				<div class="row mx-1">
-
-					<div class="col-9 px-0">
-
-						<!-- <div class=" blog-main overflow-auto p-3 border text-muted" id="displaycanto">
-  style="max-width: 500px; max-height: 500px;"> -->
-						<div class="blog-main p-3 text-muted overflow-auto"
-							id='displaycanto'></div>
 
+<!-- INIZIO AVANZATE -->
+					<div class="collapse" id="collapseAdvanced">
+					
+        <div class="col-md-12 p-2 bg-lida10">
+        	<ul class="nav nav-tabs" id="tab-list" role="tablist">
+				<li class="nav-item" role="presentation">
+    				<a class="nav-link active" id="cla0-tab" data-toggle="tab" href="#cla0" role="tab" aria-controls="cla0" aria-selected="true"><span class="text-secondary"><ion-icon name="search-circle"></ion-icon></span><span class="text-dark font-weight-bold">&nbsp;&nbsp;Componi</span></a>
+  				</li>
+			</ul>
+			
+			<form>
+			<div class="tab-content border-right border-left border-bottom" id="cla-TabContent">
+  				<div class="tab-pane fade show active p-2 bg-white" id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
+  				
+  					<div class="form-inline input-group p-1 pb-2" action="" style="display: none">
+        		        <div class="input-group-prepend">
+                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
+                		</div>
+   						<select class="form-control custom-select" id="lemma_forma">
+      						<option value="forma">la forma</option>
+      						<option value="lemma">il lemma</option>
+      						<option disabled value="testo">il testo</option>
+						</select>
+						<input type="text" class="form-control" id="queryText" placeholder="stelle" aria-describedby="name-desc" name="query">
+						<div class="btn-group pl-2" role="group" aria-label="Bottone ricerca">
+  							<label class="input-group-text"><ion-icon name="search-circle"></ion-icon></label>
+  							<button type="submit" class="btn btn-outline-primary">Cerca</button>
+  						</div>												
+            		</div>
+					
+  					<div class="row p-1 ml-2 align-items-end justify-content-between" style="display: none">
+  						
+  						<div class="col-3">
+							<div class="custom-control custom-switch px-3 bd-highlight">
+								<input type="checkbox" class="custom-control-input" name="contesto-attiva" aria-label="Definisci contesto" id="contextSW">
+								<label class="custom-control-label" for="contextSW"><div class="pb-1 text-muted">Mostra contesto</div></label>
+							</div>  						
+  						</div>
+  						<div class="col-1 pb-1 text-muted text-right">Contesto: </div>
+  						<div class="col-6 pb-1 text-muted" id="contextText">tutta l'opera
+  						</div>
+        				<div class="col-2 text-right px-3">
+        					<input style="display: none;" type="file" id="apriFile">
+							<span class="border rounded p-1 pt-2"><ion-icon name="save-outline"></ion-icon> <ion-icon name="folder-open-outline"></ion-icon>
+							<ion-icon name="cloud-upload-outline"></ion-icon> <ion-icon name="cloud-download-outline"></ion-icon></span>
+  						</div>
 					</div>
-					<div class="col-3 px-0" id="displayminimap"></div>
-				</div>
+					
+					<div class=" p-2 m-2 border bg-light well" id="contextTableDiv0" style="display: none">
+					
+			<table  id="selectable0" class="table selCanti table-bordered table-sm">
+				<thead>
+				<tr>
+					<th><div class="small text-dark text-right">Cantica\Canto&nbsp;</div></th>
+					<th><div class="small text-dark">1</div></th>
+					<th><div class="small text-dark">2</div></th>
+					<th><div class="small text-dark">3</div></th>
+					<th><div class="small text-dark">4</div></th>
+					<th><div class="small text-dark">5</div></th>
+					<th><div class="small text-dark">6</div></th>
+					<th><div class="small text-dark">7</div></th>
+					<th><div class="small text-dark">8</div></th>
+					<th><div class="small text-dark">9</div></th>
+					<th><div class="small text-dark">10</div></th>
+					<th><div class="small text-dark">11</div></th>
+					<th><div class="small text-dark">12</div></th>
+					<th><div class="small text-dark">13</div></th>
+					<th><div class="small text-dark">14</div></th>
+					<th><div class="small text-dark">15</div></th>
+					<th><div class="small text-dark">16</div></th>
+					<th><div class="small text-dark">17</div></th>
+					<th><div class="small text-dark">18</div></th>
+					<th><div class="small text-dark">19</div></th>
+					<th><div class="small text-dark">20</div></th>
+					<th><div class="small text-dark">21</div></th>
+					<th><div class="small text-dark">22</div></th>
+					<th><div class="small text-dark">23</div></th>
+					<th><div class="small text-dark">24</div></th>
+					<th><div class="small text-dark">25</div></th>
+					<th><div class="small text-dark">26</div></th>
+					<th><div class="small text-dark">27</div></th>
+					<th><div class="small text-dark">28</div></th>
+					<th><div class="small text-dark">29</div></th>
+					<th><div class="small text-dark">30</div></th>
+					<th><div class="small text-dark">31</div></th>
+					<th><div class="small text-dark">32</div></th>
+					<th><div class="small text-dark">33</div></th>
+					<th><div class="small text-dark">34</div></th>
+				</tr>
+				</thead>
+				<tbody>
+				<tr>
+					<th><div class="small text-dark text-right">Inferno&nbsp;</div></th>
+					<td class="ui-widget-content" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
+					<td class="ui-widget-content" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
+					<td class="ui-widget-content" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			<tr>
+				<th><div class="small text-dark text-right">Purgatorio&nbsp;</div></th>
+				<td class="ui-widget-content" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			<tr>
+				<th><div class="small text-dark text-right">Paradiso&nbsp;</div></th>
+				<td class="ui-widget-content" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			</tbody>
+		</table>
+					
+					</div>
+            	
+ 		           	<div id="cla-Advanced" style="display: block">
+  						
+   						<div class="small text-muted p-1">
+  							Definisci i filtri usando le clausole e le condizioni logiche:
+  						</div>
+  						<div class=" px-2 pb-2 pt-1 m-2 mx-3 border bg-light well" id="cla-list">
+  							<div class="row ml-0 justify-content-between"><div class="pb-1 small font-weight-bold text-muted">AND</div></div>
+	  						<ul id="sortable0"  class="condLIand list-group ui-sortable">
+  								<li id="H-cla0" class="list-group-item align-items-center ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06">Nessuna clausola aggiunta.</li>
+							</ul>
+  						</div>
+						
+					</div>
+					
+  				</div>
+			</div>
+								
+	<!-- MODELLI CLAUSOLE -->
 
+	<!--   TIPO GRAMMATICALE -->
+			<div style="display: none;" class="tab-pane fade p-2 bg-white" id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Grammaticale" data-claActive="1">
+				<div class="p-1 text-right text-primary">
+					<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
+					<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
+				</div>
+				
+					<div class="form-group form-inline input-group p-1 pb-2" action="">
+        		        <div class="input-group-prepend">
+                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
+                		</div>
+   						<select class="form-control custom-select" id="lemma_formaN">
+      						<option value="forma">la forma</option>
+      						<option value="lemma">il lemma</option>
+      						<option disabled value="testo">il testo</option>
+						</select>
+						<input type="text" class="form-control" id="queryTextN" placeholder="stelle" aria-describedby="name-desc" name="query">
+            		</div>
+								
+				<div class="form-group px-1 pb-1">
+    				<label for="typeGramm0" class="text-muted control-label">Categoria grammaticale:</label>
+    				<div class="form-inline input-group p-1" action="">
+    					 <div class="input-group-prepend">
+    					 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
+    					 </div>	
+					<select class="form-control custom-select catgram" name="typeGramm0" id="grammtypes" title="Categoria grammaticale" value="oggetto" onchange="">
+						<option value="all">Tutte le categorie</option>
+						<optgroup label="Volgare">
+							<option value="verbovolgare">Verbo volgare</option>
+							<option value="sostantivovolgare">Sostantivo volgare</option>
+							<option value="aggettivovolgare">Aggettivo volgare</option>
+							<option value="pronomevolgare">Pronome volgare</option>
+							<option value="articolovolgare">Articolo volgare</option>
+							<option value="avverbiovolgare">Avverbio volgare</option>
+							<option value="preposizionevolgare">Preposizione volgare</option>
+							<option value="congiunzionevolgare">Congiunzione volgare</option>
+							<option value="interiezionevolgare">Interiezione volgare</option>
+							<option value="onomasticavolgare">Onomastica volgare</option>
+							<option value="citazionevolgare">Citazione volgare</option>
+						</optgroup>
+						<optgroup label="Latino">
+							<option value="verbo_latino_v">Verbo latino</option>
+							<option value="sostantivo_latino_s">Sostantivo latino</option>
+							<option value="aggettivo_latino_a">Aggettivo latino</option>
+							<option value="pronome_latino_p">Pronome latino</option>
+							<option value="avverbio_latino_r">Avverbio latino</option>
+							<option value="preposizione_latino_e">Preposizione
+								latino</option>
+							<option value="congiunzione_latino_c">Congiunzione
+								latino</option>
+							<option value="interiezione_latino_i">Interiezione
+								latino</option>
+							<option value="enclitica_latino_9">Enclitica latino</option>
+							<option value="citazione_latino_zi">Citazione latino</option>
+							<option value="simbolo_latino_yy">Simbolo latino</option>
+						</optgroup>
+					</select>
+					</div>
+				</div>
+				<div class="container form-group mx-2 mb-0 p-1 dettaglifiltri">
+				
+				</div>
+			</div>
+	<!--   FINE GRAMMATICALE -->
+
+	<!--   TIPO SINTATTICO -->
+	<div style="display: none;" class="tab-pane fade p-2 bg-white" id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab" data-claType="Sintattico" data-claActive="1">
+		<div class="p-1 text-right text-primary">
+			<span class="return2Query"><ion-icon name="checkmark-circle"></ion-icon></span>&nbsp;&nbsp;
+			<span class="removeClaInTab"><ion-icon name="close-circle"></ion-icon></span>
+		</div>
+				
+					<div class="form-group form-inline input-group p-1 pb-2" action="">
+        		        <div class="input-group-prepend">
+                		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
+                		</div>
+   						<select class="form-control custom-select" id="lemma_formaN">
+      						<option value="forma">la forma</option>
+      						<option value="lemma">il lemma</option>
+      						<option disabled value="testo">il testo</option>
+						</select>
+						<input type="text" class="form-control" id="queryTextN" placeholder="stelle" aria-describedby="name-desc" name="query">
+            		</div>
+				
+		<div class="form-group px-1 pb-1">
+    		<label for="typeSyntax0" class="text-muted control-label">Tipo sintattico:</label>    		
+    		<div class="form-inline input-group p-1" action="">
+    			 <div class="input-group-prepend">
+    			 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
+    			 </div>	
+			<select class="form-control custom-select" name="typeSyntax0" id="synttypes" title="Tipo sintattico" value="oggetto">
+				<option value=".+" class="w-10"	onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi tipo sintattico</option>
+
+				<optgroup
+					label="Macrotipi sintattici: principali e coordinate a una principale"
+					onclick="myformsyntax.functionSyntax0.disabled = true;">
+					<option value="macro dich">dichiarativa</option>
+					<option value="macro escl">esclamativa</option>
+					<option value="macro inter princ">interrogativa</option>
+					<option value="macro iussi">iussiva</option>
+					<option value="macro otta">ottativa</option>
+				</optgroup>
+
+				<optgroup
+					label="Macrotipi sintattici: subordinate e coordinate a una subordinata"
+					onclick="myformsyntax.functionSyntax0.disabled = true;">
+					<option value="macro avv">avversativa</option>
+					<option value="macro causale">causale</option>
+					<option value="macro compar">comparativa</option>
+					<option value="macro conces">concessiva</option>
+					<option value="macro consec">consecutiva</option>
+					<option value="macro eccettu">eccettuativa</option>
+					<option value="macro epesege">epesegetica</option>
+					<option value="macro esclu">esclusiva</option>
+					<option value="macro finale">finale</option>
+					<option value="macro inter sub">interrogativa</option>
+					<option value="macro ipotet">ipotetica</option>
+					<option value="macro limitat">limitativa</option>
+					<option value="macro maniera">maniera</option>
+					<option value="macro modale">modale</option>
+					<option value="macro obliqua">obliqua</option>
+					<option value="macro oggettiva">oggettiva</option>
+					<option value="macro pred">predicativa</option>
+					<option value="macro rel">relativa</option>
+					<option value="macro sog">soggettiva</option>
+					<option value="macro strum">strumentale</option>
+					<option value="macro sub">subordinata con funzione di ripresa</option>
+					<option value="macro temp">temporale</option>
+				</optgroup>
+
+				<optgroup label="Macrotipi sintattici: pseudocoordinate"
+					onclick="myformsyntax.functionSyntax0.disabled = true;">
+					<option value="macro pseudo">pseudocoordinata</option>
+				</optgroup>
+
+				<optgroup
+					label="Macrotipi sintattici: parentetiche e coordinate a una parentetica"
+					onclick="myformsyntax.functionSyntax0.disabled = true;">
+					<option value="macro pare sub">parentetica con valore di subordinata</option>
+					<option value="macro pare mod">parentetica modalizzante</option>
+				</optgroup>
+
+				<optgroup label="Tutti i tipi sintattici"
+					onclick="myformsyntax.functionSyntax0.disabled = false;">
+					<option value="avv">avversativa</option>
+					<option value="caus">causale</option>
+					<option value="comp ipo">comparativa con valore ipotetico</option>
+					<option value="comp lim">comparativa con valore limitativo</option>
+					<option value="comp mod">comparativa con valore modale</option>
+					<option value="comp temp">comparativa con valore temporale</option>
+					<option value="comp disug">comparativa di disuguaglianza</option>
+					<option value="comp ug">comparativa di uguaglianza</option>
+					<option value="comp ug rel ind temp">comparativa di uguaglianza con valore di relativa indipendente temporale</option>
+					<option value="conc acond">concessiva acondizionale</option>
+					<option value="conc cond">concessiva condizionale</option>
+					<option value="conc fatt">concessiva fattuale</option>
+					<option value="man rel giust">concorrenza del relativo in frase di maniera</option>
+					<option value="fin rel giust">concorrenza del relativo in frase finale</option>
+					<option value="cons antec">consecutiva con antecedente</option>
+					<option value="cons antec fin">consecutiva con antecedente con valore finale</option>
+					<option value="cons antec temp">consecutiva con antecedente con valore temporale</option>
+					<option value="cons antec epes">consecutiva con antecedente epesegetica</option>
+					<option value="cons ell">consecutiva ellittica</option>
+					<option value="cons libera">consecutiva libera</option>
+					<option value="cons libera fin">consecutiva libera con valore finale</option>
+					<option value="cons post">consecutiva posposta</option>
+					<option value="cong asind comp ug">coordinata asindetica comparativa di uguaglianza</option>
+					<option value="cong asind cons antec">coordinata asindetica consecutiva con antecedente</option>
+					<option value="cong asind man">coordinata asindetica di maniera</option>
+					<option value="cong asind dich">coordinata asindetica dichiarativa</option>
+					<option value="cong asind epes">coordinata asindetica epesegetica</option>
+					<option value="cong asind esclam">coordinata asindetica esclamativa</option>
+					<option value="cong asind fin">coordinata asindetica finale</option>
+					<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
+					<option value="cong asind int altern">coordinata asindetica interrogativa alternativa</option>
+					<option value="cong asind int altern ret">coordinata asindetica interrogativa alternativa retorica</option>
+					<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
+					<option value="cong asind int x">coordinata asindetica interrogativa di tipo x</option>
+					<option value="cong asind int x ret">coordinata asindetica interrogativa di tipo x retorica</option>
+					<option value="cong asind int disg">coordinata asindetica interrogativa disgiuntiva</option>
+					<option value="cong asind ipo">coordinata asindetica ipotetica</option>
+					<option value="cong asind iuss dir">coordinata asindetica iussiva diretta</option>
+					<option value="cong asind iuss indir">coordinata asindetica iussiva indiretta</option>
+					<option value="cong asind ogg | cong asind ogg perc">coordinata asindetica oggettiva</option>
+					<option value="cong asind ott intr">coordinata asindetica
+						ottativa con introduttore</option>
+					<option value="cong asind ott libera">coordinata
+						asindetica ottativa libera</option>
+					<option value="cong asind rel app">coordinata asindetica
+						relativa appositiva</option>
+					<option value="cong asind rel app comp disug">coordinata
+						asindetica relativa appositiva in costrutto comparativo</option>
+					<option value="cong asind rel app giust">coordinata
+						asindetica relativa giustapposta</option>
+					<option value="cong asind rel ind">coordinata asindetica
+						relativa indipendente</option>
+					<option value="cong asind rel ind temp caus">coordinata
+						asindetica relativa indipendente con valore temporale-causale</option>
+					<option value="cong asind rel restr">coordinata asindetica
+						relativa restrittiva</option>
+					<option value="cong asind rel restr comp ug">coordinata
+						asindetica relativa restrittiva in costrutto comparativo</option>
+					<option value="cong asind sogg soll">coordinata asindetica
+						soggettiva a sollevamento</option>
+					<option value="cong asind subord">coordinata asindetica
+						subordinata</option>
+					<option value="cong asind temp">coordinata asindetica
+						temporale</option>
+					<option value="avv caus">coordinata avversativa causale</option>
+					<option value="avv comp ug">coordinata avversativa
+						comparativa di uguaglianza</option>
+					<option value="avv cons antec">coordinata avversativa
+						consecutiva con antecedente</option>
+					<option value="avv dich">coordinata avversativa
+						dichiarativa</option>
+					<option value="avv fin">coordinata avversativa finale</option>
+					<option value="avv int x">coordinata avversativa
+						interrogativa di tipo x</option>
+					<option value="avv int x ret">coordinata avversativa
+						interrogativa di tipo x retorica</option>
+					<option value="avv ipo caus">coordinata avversativa
+						ipotetica con valore causale</option>
+					<option value="avv iuss dir">coordinata avversativa
+						iussiva diretta</option>
+					<option value="avv iuss indir">coordinata avversativa
+						iussiva indiretta</option>
+					<option value="avv modaliz ott intr">coordinata
+						avversativa modalizzante ottativa con introduttore</option>
+					<option value="avv ogg / avv ogg perc">coordinata
+						avversativa oggettiva</option>
+					<option value="avv rel app">coordinata avversativa
+						relativa appositiva</option>
+					<option value="avv rel app cons antec">coordinata
+						avversativa relativa appositiva con valore consecutivo</option>
+					<option value="avv rel app comp ug">coordinata avversativa
+						relativa appositiva in costrutto comparativo</option>
+					<option value="avv rel giust">coordinata avversativa
+						relativa giustapposta</option>
+					<option value="avv rel ind">coordinata avversativa
+						relativa indipendente</option>
+					<option value="avv rel ind temp">coordinata avversativa
+						relativa indipendente temporale</option>
+					<option value="avv rel restr">coordinata avversativa
+						relativa restrittiva</option>
+					<option value="avv rel restr comp ug">coordinata
+						avversativa relativa restrittiva in costrutto comparativo</option>
+					<option value="avv sogg">coordinata avversativa soggettiva</option>
+					<option value="avv temp">coordinata avversativa temporale</option>
+					<option value="cong concl cons antec">coordinata
+						conclusiva consecutiva con antecedente</option>
+					<option value="cong concl dich">coordinata conclusiva
+						dichiarativa</option>
+					<option value="cong concl dich ill">coordinata conclusiva
+						dichiarativa illocutiva</option>
+					<option value="cong concl iuss dir">coordinata conclusiva
+						iussiva diretta</option>
+					<option value="cong concl iuss dir perifr">coordinata
+						conclusiva iussiva diretta perifrastica</option>
+					<option value="cong concl iuss indir">coordinata
+						conclusiva iussiva indiretta</option>
+					<option value="cong caus">coordinata congiuntiva causale</option>
+					<option value="cong comp ipo">coordinata congiuntiva
+						comparativa con valore ipotetico</option>
+					<option value="cong comp lim">coordinata congiuntiva
+						comparativa con valore limitativo</option>
+					<option value="cong comp mod">coordinata congiuntiva
+						comparativa con valore modale</option>
+					<option value="cong comp disug">coordinata congiuntiva
+						comparativa di disuguaglianza</option>
+					<option value="cong comp ug">coordinata congiuntiva
+						comparativa di uguaglianza</option>
+					<option value="cong rip">coordinata congiuntiva con
+						funzione di ripresa</option>
+					<option value="cong conc cond">coordinata congiuntiva
+						concessiva condizionale</option>
+					<option value="cong conc fatt">coordinata congiuntiva
+						concessiva fattuale</option>
+					<option value="cong cons antec">coordinata congiuntiva
+						consecutiva con antecedente</option>
+					<option value="cong cons antec fin">coordinata congiuntiva
+						consecutiva con antecedente con valore finale</option>
+					<option value="cong cons antec epes">coordinata
+						congiuntiva consecutiva con antecedente epesegetica</option>
+					<option value="cong cons ell">coordinata congiuntiva
+						consecutiva ellittica</option>
+					<option value="cong cons libera">coordinata congiuntiva
+						consecutiva libera</option>
+					<option value="cong cons libera fin">coordinata
+						congiuntiva consecutiva libera con valore finale</option>
+					<option value="cong cons post">coordinata congiuntiva
+						consecutiva posposta</option>
+					<option value="cong man">coordinata congiuntiva di maniera</option>
+					<option value="cong dich">coordinata congiuntiva
+						dichiarativa</option>
+					<option value="cong dich ill">coordinata congiuntiva
+						dichiarativa illocutiva</option>
+					<option value="cong eccett">coordinata congiuntiva
+						eccettuativa</option>
+					<option value="cong epes">coordinata congiuntiva
+						epesegetica</option>
+					<option value="cong esclam">coordinata congiuntiva
+						esclamativa</option>
+					<option value="cong esclus">coordinata congiuntiva
+						esclusiva</option>
+					<option value="cong fin">coordinata congiuntiva finale</option>
+					<option value="cong int altern">coordinata congiuntiva
+						interrogativa alternativa</option>
+					<option value="cong int altern">coordinata congiuntiva
+						interrogativa alternativa</option>
+					<option value="cong int x">coordinata congiuntiva
+						interrogativa di tipo x</option>
+					<option value="cong int x">coordinata congiuntiva
+						interrogativa di tipo x</option>
+					<option value="cong int x ret">coordinata congiuntiva
+						interrogativa di tipo x retorica</option>
+					<option value="cong ipo">coordinata congiuntiva ipotetica</option>
+					<option value="cong ipo caus">coordinata congiuntiva
+						ipotetica con valore causale</option>
+					<option value="cong ipo sogg">coordinata congiuntiva
+						ipotetica soggettiva</option>
+					<option value="cong iuss dir">coordinata congiuntiva
+						iussiva diretta</option>
+					<option value="cong iuss indir">coordinata congiuntiva
+						iussiva indiretta</option>
+					<option value="cong lim">coordinata congiuntiva limitativa</option>
+					<option value="cong modaliz ott intr">coordinata
+						congiuntiva modalizzante ottativa con introduttore</option>
+					<option value="cong obl">coordinata congiuntiva obliqua</option>
+					<option value="cong ogg /cong ogg perc">coordinata
+						congiuntiva oggettiva</option>
+					<option value="cong ott libera">coordinata congiuntiva
+						ottativa libera</option>
+					<option value="cong rel pseudo">coordinata congiuntiva
+						pseudo-relativa</option>
+					<option value="cong rel app">coordinata congiuntiva
+						relativa appositiva</option>
+					<option value="cong rel app comp ug">coordinata
+						congiuntiva relativa appositiva comparativa di uguaglianza</option>
+					<option value="cong rel app cons">coordinata congiuntiva
+						relativa appositiva con valore consecutivo</option>
+					<option value="cong rel app epes">coordinata congiuntiva
+						relativa appositiva con valore di epesegetica</option>
+					<option value="cong rel app fin">coordinata congiuntiva
+						relativa appositiva con valore finale</option>
+					<option value="cong rel app temp">coordinata congiuntiva
+						relativa appositiva con valore temporale</option>
+					<option value="cong rel app comp disug">coordinata
+						congiuntiva relativa appositiva in costrutto comparativo di
+						disuguaglianza</option>
+					<option value="cong rel app giust">coordinata congiuntiva
+						relativa giustapposta</option>
+					<option value="cong rel app giust caus">coordinata
+						congiuntiva relativa giustapposta con valore causale</option>
+					<option value="cong rel impl">coordinata congiuntiva
+						relativa implicita</option>
+					<option value="cong rel impl lim">coordinata congiuntiva
+						relativa implicita con valore limitativo</option>
+					<option value="cong rel ind">coordinata congiuntiva
+						relativa indipendente</option>
+					<option value="cong rel ind acond">coordinata congiuntiva
+						relativa indipendente acondizionale</option>
+					<option value="cong rel ind ipo">coordinata congiuntiva
+						relativa indipendente con valore ipotetico</option>
+					<option value="cong rel ind mod">coordinata congiuntiva
+						relativa indipendente con valore modale</option>
+					<option value="cong rel ind mod comp ug">coordinata
+						congiuntiva relativa indipendente in costrutto comparativo-modale</option>
+					<option value="cong rel ind temp">coordinata congiuntiva
+						relativa indipendente temporale</option>
+					<option value="cong rel restr">coordinata congiuntiva relativa restrittiva</option>
+					<option value="cong rel restr caus">coordinata congiuntiva relativa restrittiva con valore causale</option>
+					<option value="cong rel restr cons">coordinata congiuntiva relativa restrittiva con valore consecutivo</option>
+					<option value="cong rel restr comp ug">coordinata congiuntiva relativa restrittiva in costrutto comparativo</option>
+					<option value="cong rel restr temp">coordinata congiuntiva relativa restrittiva temporale</option>
+					<option value="cong sogg">coordinata congiuntiva soggettiva</option>
+					<option value="cong spec">coordinata congiuntiva specificativa</option>
+					<option value="cong strum">coordinata congiuntiva strumentale</option>
+					<option value="cong temp">coordinata congiuntiva temporale</option>
+					<option value="cong temp caus">coordinata congiuntiva temporale con valore causale</option>
+					<option value="cong cons caus">coordinata consecutiva causale</option>
+					<option value="cong cons dich">coordinata consecutiva dichiarativa</option>
+					<option value="cong corr dich">coordinata correlativa dichiarativa</option>
+					<option value="cong corr fin">coordinata correlativa finale</option>
+					<option value="cong corr lim">coordinata correlativa limitativa</option>
+					<option value="cong corr sogg infinitoprep">coordinata correlativa soggettiva a infinito preposizionale</option>
+					<option value="disg comp disug temp">coordinata disgiuntiva comparativa di disuguaglianza con valore temporale</option>
+					<option value="disg conc acond">coordinata disgiuntiva concessiva acondizionale</option>
+					<option value="disg conc cond">coordinata disgiuntiva concessiva condizionale</option>
+					<option value="disg cons libera">coordinata disgiuntiva consecutiva libera</option>
+					<option value="disg corr dich">coordinata disgiuntiva correlativa dichiarativa</option>
+					<option value="disg man">coordinata disgiuntiva di maniera</option>
+					<option value="disg dich">coordinata disgiuntiva dichiarativa</option>
+					<option value="disg epes">coordinata disgiuntiva epesegetica</option>
+					<option value="disg esclus">coordinata disgiuntiva esclusiva</option>
+					<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
+					<option value="disg int altern">coordinata disgiuntiva interrogativa alternativa</option>
+					<option value="disg int x">coordinata disgiuntiva interrogativa di tipo x</option>
+					<option value="disg int disg">coordinata disgiuntiva interrogativa disgiuntiva</option>
+					<option value="disg ipo">coordinata disgiuntiva ipotetica</option>
+					<option value="disg lim">coordinata disgiuntiva limitativa</option>
+					<option value="disg obl">coordinata disgiuntiva obliqua</option>
+					<option value="disg ogg">coordinata disgiuntiva oggettiva</option>
+					<option value="disg rel ind">coordinata disgiuntiva relativa indipendente</option>
+					<option value="disg rel ind acond">coordinata disgiuntiva relativa indipendente acond</option>
+					<option value="disg rel ind temp">coordinata disgiuntiva relativa indipendente temporale</option>
+					<option value="disg rel restr">coordinata disgiuntiva relativa restrittiva</option>
+					<option value="disg rel restr cons">coordinata disgiuntiva relativa restrittiva con valore consecutivo</option>
+					<option value="disg sogg">coordinata disgiuntiva soggettiva</option>
+					<option value="disg temp">coordinata disgiuntiva temporale</option>
+					<option value="cong espl dich">coordinata esplicativa dichiarativa</option>
+					<option value="cong espl obl">coordinata esplicativa obliqua</option>
+					<option value="cong espl ogg">coordinata esplicativa oggettiva</option>
+					<option value="cong espl rel app antec">coordinata esplicativa relativa appositiva con antecedente</option>
+					<option value="cong espl rel ind mod">coordinata esplicativa relativa indipendente con valore modale</option>
+					<option value="man">di maniera</option>
+					<option value="man gerundioprep">di maniera a gerundio preposizionale</option>
+					<option value="dich">dichiarativa</option>
+					<option value="dich ill">dichiarativa illocutiva</option>
+					<option value="eccett">eccettuativa</option>
+					<option value="eccett comp ug">eccettuativa con valore di comparativa di uguaglianza</option>
+					<option value="epes">epesegetica</option>
+					<option value="esclam">esclamativa</option>
+					<option value="esclus">esclusiva</option>
+					<option value="faltern">falsa alternativa</option>
+					<option value="fcong">falsa congiuntiva</option>
+					<option value="fin">finale</option>
+					<option value="fin ipo">finale con valore ipotetico</option>
+					<option value="rip">funzione di ripresa</option>
+					<option value="int altern">interrogativa alternativa</option>
+					<option value="int altern ret">interrogativa alternativa retorica</option>
+					<option value="int x">interrogativa di tipo x</option>
+					<option value="int x ret">interrogativa di tipo x retorica</option>
+					<option value="int disg">interrogativa disgiuntiva</option>
+					<option value="int disg ret">interrogativa disgiuntiva retorica</option>
+					<option value="ipo">ipotetica</option>
+					<option value="ipo biaff">ipotetica biaffermativa</option>
+					<option value="ipo caus">ipotetica con valore causale</option>
+					<option value="ipo eccett">ipotetica con valore eccettuativo</option>
+					<option value="ipo obl">ipotetica obliqua</option>
+					<option value="ipo rel giust">ipotetica relativa giustapposta</option>
+					<option value="ipo sogg">ipotetica soggettiva</option>
+					<option value="iuss aug">iussiva augurativa</option>
+					<option value="iuss dir">iussiva diretta</option>
+					<option value="iuss dir perifr">iussiva diretta perifrastica</option>
+					<option value="iuss indir">iussiva indiretta</option>
+					<option value="lim">limitativa</option>
+					<option value="lim caus">limitativa con valore causale</option>
+					<option value="lim caus eccett">limitativa con valore causale-eccettuativo</option>
+					<option value="lim eccett">limitativa con valore eccettuativo</option>
+					<option value="mod">modale</option>
+					<option value="modaliz">modalizzante</option>
+					<option value="modaliz ott intr">modalizzante ottativa con introduttore</option>
+					<option value="modaliz ott libera">modalizzante ottativa libera</option>
+					<option value="obl">obliqua</option>
+					<option value="ogg | ogg aci | ogg perc">oggettiva</option>
+					<option value="ott intr">ottativa con introduttore</option>
+					<option value="ott libera">ottativa libera</option>
+					<option value="pred">predicativa</option>
+					<option value="rel pseudo">pseudo-relativa</option>
+					<option value="rel pseudo fin">pseudo-relativa con valore finale</option>
+					<option value="rel pseudo scissa">pseudo-relativa scissa</option>
+					<option value="rel pseudo scissa temp">pseudo-relativa scissa con valore temporale</option>
+					<option value="rel app antec">relativa appositiva con antecedente</option>
+					<option value="rel app antec caus">relativa appositiva con antecedente con valore causale</option>
+					<option value="rel app antec cons">relativa appositiva con antecedente con valore consecutivo</option>
+					<option value="rel app antec fin cons">relativa appositiva con antecedente con valore consecutivo-finale</option>
+					<option value="rel app antec fin">relativa appositiva con antecedente con valore finale</option>
+					<option value="rel app antec strum">relativa appositiva con antecedente con valore strumentale</option>
+					<option value="rel app antec giust">relativa appositiva con antecedente giustapposta</option>
+					<option value="rel app antec comp disug">relativa appositiva con antecedente in costrutto comparativo di disuguaglianza</option>
+					<option value="rel app antec comp ug">relativa appositiva con antecedente in costrutto comparativo di uguaglianza</option>
+					<option value="rel app antec eccett">relativa appositiva con antecedente in costrutto eccettuativo</option>
+					<option value="rel app antec giust cons">relativa appositiva giustapposta con valore consecutivo</option>
+					<option value="rel app antec giust man">relativa appositiva giustapposta con valore di maniera</option>
+					<option value="rel app antec giust ipo">relativa appositiva giustapposta con valore ipotetico</option>
+					<option value="rel restr antec comp ug">relativa con antecedente in costrutto comparativo di uguaglianza</option>
+					<option value="rel giust">relativa giustapposta</option>
+					<option value="rel impl">relativa implicita</option>
+					<option value="rel impl cons">relativa implicita con valore consecutivo</option>
+					<option value="rel impl fin">relativa implicita con valore finale</option>
+					<option value="rel impl lim">relativa implicita con valore limitativo</option>
+					<option value="rel impl deon">relativa implicita deontica</option>
+					<option value="rel ind">relativa indipendente</option>
+					<option value="rel ind acond">relativa indipendente acondizionale</option>
+					<option value="rel ind ipo">relativa indipendente con valore ipotetico</option>
+					<option value="rel ind mod">relativa indipendente con valore modale</option>
+					<option value="rel ind temp">relativa indipendente con valore temporale</option>
+					<option value="rel ind temp acond">relativa indipendente con valore temporale acondizionale</option>
+					<option value="rel ind temp caus">relativa indipendente con valore temporale-causale</option>
+					<option value="rel ind caus">relativa indipendente in costrutto causale</option>
+					<option value="rel ind comp">relativa indipendente in costrutto comparativo</option>
+					<option value="rel ind temp comp ug">relativa indipendente in costrutto comparativo di uguaglianza</option>
+					<option value="rel ind mod comp ug">relativa indipendente in costrutto comparativo-modale</option>
+					<option value="rel restr antec">relativa restrittiva con antecedente</option>
+					<option value="rel restr antec caus">relativa restrittiva con antecedente con valore causale</option>
+					<option value="rel restr antec cons">relativa restrittiva con antecedente con valore consecutivo</option>
+					<option value="rel restr antec conc cond">relativa restrittiva con antecedente con valore di concessiva condizionale</option>
+					<option value="rel restr antec conc fatt">relativa restrittiva con antecedente con valore di concessiva fattuale</option>
+					<option value="rel restr antec fin">relativa restrittiva con antecedente con valore finale</option>
+					<option value="rel restr antec ipo">relativa restrittiva con antecedente con valore ipotetico</option>
+					<option value="rel restr antec temp">relativa restrittiva con antecedente con valore temporale</option>
+					<option value="rel restr antec comp disug">relativa restrittiva con antecedente in costrutto comparativo di disuguaglianza</option>
+					<option value="rel restr antec comp mod">relativa restrittiva con antecedente in costrutto comparativo-modale</option>
+					<option value="rel restr antec eccett">relativa restrittiva con antecedente in costrutto eccettuativo</option>
+					<option value="rel restr antec lim">relativa restrittiva con antecedente in costrutto limitativo</option>
+					<option value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option>
+					<option value="sogg soll">soggettiva a sollevamento</option>
+					<option value="sogg scissa">soggettiva scissa</option>
+					<option value="spec | spec aci | sogg infinitoprep">specficativa</option>
+					<option value="strum">strumentale</option>
+					<option value="subord">subordinata</option>
+					<option value="temp">temporale</option>
+					<option value="temp comp ug">temporale con valore comparativo</option>
+					<option value="temp ipo">temporale con valore ipotetico</option>
+				</optgroup>
+
+			</select>
+			</div>
+		</div>
+		<div class="form-group px-1 pb-1">
+  			<label for="functionSyntax" class="text-muted control-label">Livello di subordinazione:</label>	
+    		<div class="form-inline input-group p-1" action="">
+    			 <div class="input-group-prepend">
+    			 	<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
+    			 </div>	
+			<select class="form-control custom-select" name="functionSyntax" id="syntfunc" title="Livello di subordinazione">
+				<option value=".+">Qualsiasi livello di subordinazione</option>
+
+				<optgroup label="Livelli di subordinazione">
+					<option value="princ">principale</option>
+					<option value="coord">coordinata a una principale</option>
+
+					<option value="subord i">subordinata di I grado</option>
+					<option value="subord ii">subordinata di II grado</option>
+					<option value="subord iii">subordinata di III grado</option>
+					<option value="subord iv">subordinata di IV grado</option>
+					<option value="subord v">subordinata di V grado</option>
+					<option value="subord vi">subordinata di VI grado</option>
+					<option value="subord vii">subordinata di VII grado</option>
+
+					<option value="coord i">coordinata a una subordinata di I grado</option>
+					<option value="coord ii">coordinata a una subordinata di II grado</option>
+					<option value="coord iii">coordinata a una subordinata di III grado</option>
+					<option value="coord iv">coordinata a una subordinata di IV grado</option>
+					<option value="coord v">coordinata a una subordinata di V grado</option>
+
+					<option value="pcoord">pseudo-coordinata</option>
+
+					<option value="parent">parentetica</option>
+					<option value="coord 0">coordinata a una parentetica</option>
+
+				</optgroup>
+
+			</select>
 			</div>
 		</div>
 	</div>
+	<!--   FINE TIPO SINTATTICO -->
 
 
-	<script type="module"
-		src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
-	<script nomodule
-		src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
-</body>
-<div class="modal-busy" id="loader" style="display: none">
-	<div class="center-busy" id="test-git">
-		<img alt="" src="./images/lida-loader.gif" />
+	<!-- CONDIZIONE GRAMMATICALE -->
+
+	<div style="display: none;">
+		<table id="gramm_table">
+			<tr id="">
+				<td class="pa3">
+					<fieldset id="lemma_forma" class="bn">
+						<div class="custom-control custom-radio custom-control-inline">
+							<input class="custom-control-input" type="radio" id="lemma" value="lemma"
+								name="oggetto"> <label for="lemma" class="custom-control-label">Lemma</label>
+						</div>
+						<div class="custom-control custom-radio custom-control-inline">
+							<input class="custom-control-input" type="radio" id="forma" value="forma"
+								name="oggetto"> <label for="forma" class="custom-control-label">Forma</label>
+						</div>
+					</fieldset>
+				</td>
+				<td class="pa3"><input id="name"
+					class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text"
+					aria-describedby="name-desc" name="query" value=""></td>
+					
+				<!-- ??? non viene usata -->
+				<td class="pa3"><select id="types"
+					class="form-control custom-select" name="tipo"
+					title="Tipo di ricerca"> 
+						<option value="parola" onclick="">Parola</option>
+						<option value="sottostringa" onclick="">Sottostringa</option>
+						<option value="prefisso" onclick="">Prefisso</option>
+						<option value="suffisso" onclick="">Suffisso</option>
+						<option value="espressione" onclick="">Espressione regolare</option>
+						<option value="occorrenze" onclick="">Tutte le occorrenze</option>
+				</select></td>
+				<td class="pa3"><select id="types"
+					class="form-control custom-select"
+					name="categoria" onchange="" title="Macro categoria">
+						<option value="all">Tutte le categorie</option>
+						<optgroup label="Volgare">
+							<option value="verbovolgare">Verbo volgare</option>
+							<option value="sostantivovolgare">Sostantivo volgare</option>
+							<option value="aggettivovolgare">Aggettivo volgare</option>
+							<option value="pronomevolgare">Pronome volgare</option>
+							<option value="articolovolgare">Articolo volgare</option>
+							<option value="avverbiovolgare">Avverbio volgare</option>
+							<option value="preposizionevolgare">Preposizione volgare</option>
+							<option value="congiunzionevolgare">Congiunzione volgare</option>
+							<option value="interiezionevolgare">Interiezione volgare</option>
+							<option value="onomasticavolgare">Onomastica volgare</option>
+							<option value="citazionevolgare">Citazione volgare</option>
+						</optgroup>
+						<optgroup label="Latino">
+							<option value="verbo_latino_v">Verbo latino</option>
+							<option value="sostantivo_latino_s">Sostantivo latino</option>
+							<option value="aggettivo_latino_a">Aggettivo latino</option>
+							<option value="pronome_latino_p">Pronome latino</option>
+							<option value="avverbio_latino_r">Avverbio latino</option>
+							<option value="preposizione_latino_e">Preposizione latino</option>
+							<option value="congiunzione_latino_c">Congiunzione latino</option>
+							<option value="interiezione_latino_i">Interiezione latino</option>
+							<option value="enclitica_latino_9">Enclitica latino</option>
+							<option value="citazione_latino_zi">Citazione latino</option>
+							<option value="simbolo_latino_yy">Simbolo latino</option>
+						</optgroup>
+				</select></td>
+				<td><input class="delete-record" type="submit" value="Rimuovi" data-id="0"></td>
+			</tr>
+		</table>
+	</div>
+
+	<!-- FINE MODELLI CLAUSOLE -->
+			
+			</form>
+		</div>	
+					
+					</div>
+
+				</div>
+<!-- FINE AVANZATE -->
+			<!-- </div> -->
+
+			<div class="row mx-1">
+			
+				<div class="col-9 px-0">
+
+					<div class="blog-main p-3 text-muted overflow-auto" id='displaycanto'></div>
+					</div>
+
+				<div class="col-3 px-0" id="displayminimap">
+				
+				</div>
+
+			</div>
+
+		</div>
 	</div>
 </div>
+
+
+<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+</body>
+<div class="modal-busy" id="loader" style="display: none">
+    <div class="center-busy" id="test-git">
+        <img alt="" src="./images/lida-loader.gif" />
+    </div>
+</div>
 </html>
\ No newline at end of file
