<!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 href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
  <!--  <link rel="stylesheet" href="./css/datatables.min.css"> -->
  <link rel="stylesheet" href="./css/browsingldc.css">
  <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://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></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/partext.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/lib/multidraggable.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/script_3.2.js"></script>
  
</head>
<body>


	<div class="container-fluid">
		<div id="rigaNav" class="row py-4">

			<div id="colonnaNav" 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>
		<div id="rigaContenuti" class="row py-2">

			<div class="col-2 fixed-top my-3" style="z-index: 1000">
				<br>
				<br>
				<div id="accordionNav">
					<div class="card">
						<div class="card-header px-1" 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>
							</h6>
						</div>

						<div id="collapseOne" class="collapse show"
							aria-labelledby="headingOne" data-parent="#accordionNav">
							<div class="card-body">
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 33" href="#" style="line-height: 1.2em">33</span>
								<span class="navig-canto small text-muted nowrap"
									name="InfernoCanto 34" href="#" style="line-height: 1.2em">34</span>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header px-1" id="headingTwo">
							<h6 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>
							</h6>
						</div>
						<div id="collapseTwo" class="collapse"
							aria-labelledby="headingTwo" data-parent="#accordionNav">
							<div class="card-body">
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="navig-canto small text-muted nowrap"
									name="PurgatorioCanto 33" href="#" style="line-height: 1.2em">33</span>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header px-1" id="headingThree">
							<h6 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>
							</h6>
						</div>
						<div id="collapseThree" class="collapse"
							aria-labelledby="headingThree" data-parent="#accordionNav">
							<div class="card-body">
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="navig-canto small text-muted nowrap"
									name="ParadisoCanto 33" href="#" style="line-height: 1.2em">33</span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-2">&nbsp;</div>

			<div class="col-10 p-0 mt-2">
				<form>
					<div id="rigaRicercaSemplice"
						class="row bg-lida10 border mx-0 p-2 d-flex justify-content-end">

						<div class="col-3 d-flex justify-content-between px-0" style="display: flex">
							<div>
								<span class="small text-muted pr-2" id="tipoRicerca">Ricerca
									Avanzata </span>
								<input id="searchToggle" type="checkbox" data-toggle="toggle0" data-size="small" data-style="font-size: 80%;" data-onstyle="lida4" data-offstyle="outline-lida4">
							</div>
						</div>
						<div class="col-9 d-flex justify-content-end px-0"
							id="simpleSearchDiv" style="display: flex">
							<div class="btn-group" role="group" aria-label="Bottoni Ricerca	Semplice">
								<button class="btn btn-sm btn-outline-lida4 mr-2" type="button" id="showOptions"
									data-toggle="collapse" data-target="#collapseOptions"
									aria-expanded="false" aria-controls="collapseExample">
									<span class="small">Mostra Opzioni</span></button>
								<div class="btn-group pr-2 align-self-end">
									<input class="form-control-sm pr-2 monMe" type="text" id="queryText"
										placeholder="Cerca">
								</div>
								<button class="btn btn-sm btn-lida4 mr-2" type="submit"
									id='searchcomm'>Cerca</button>
								<button class="btn btn-sm btn-outline-lida4" type="pippo"
									id='cleanresult' aria-expanded="false"
									aria-controls="collapseExample">Reset</button>
							</div>
						</div>

						<div class="col-9 justify-content-end px-0"
							id="advancedSearchDiv" style="display: none">							
							<div class="btn-group" role="group" aria-label="Bottoni Ricerca	Avanzata">
								<div class="btn-group" role="group" aria-label="Bottone nascondi clausole">
									<button class="btn btn-sm btn-outline-lida4 mr-2" id="showLogic"
										data-toggle="collapse" data-target="#collapseLogic"
										aria-expanded="true" aria-controls="collapseLogic"><span class="small">Nascondi pannello</span></button>
								</div>
												
								<button class="btn btn-sm btn-lida4 mr-2" type="submit"
									id='searchcomm2'>Cerca</button>
								<button class="btn btn-sm btn-outline-lida4" type="pippo"
									id='cleanresult2' aria-expanded="false"
									aria-controls="collapseExample">Reset</button>
							</div>
						</div>

					</div>

					<div id="rigaVisualizzaeRicerca" class="row mx-0">

						<div id="colonnaVisualizza" class="col-6 px-0 border-left border-bottom">
							<div class="blog-main p-3 text-muted overflow-auto" target='area'
								id='displaycanto' style='max-height: 500px;'></div>
						</div>

						<div id="displayminimap" class="col-1 px-0 border-right border-bottom"></div>

						<div id="displayOptions" class="col-5 px-0">

							<div class="collapse" id="collapseOptions">
							<div class="col-12">
								<div class="card card-body bg-lida10 p-2">
									<div class="form-inline input-group" action="">
										<select class="form-control custom-select-sm bg-light monMe"
											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-sm bg-light ml-2 monMe"
											id="opzioni_testo">
											<option value="parola">come Parola</option>
											<option value="sottostringa">come Sottostringa</option>
											<option value="prefisso">come Prefisso</option>
											<option value="suffisso">come Suffisso</option>
											<option value="regexp">come Espressione regolare</option>
										</select>
									</div>

									<div class="border bg-light well m-0 mt-2" id="contextTableDivS">


		<div class="row no-gutters px-2 pt-0 pb-2 border rounded bg-lida10">
			<div class="col-12 pb-2 pt-0">
				<span class="small text-muted align-bottom" >Restringi il contesto di ricerca:</span>
			</div>
			<div class="col p-0">
				<div id="selectable0" class="ui-selectable ui-widget ui-helper-clearfix">
					<div class="card">
						<div class="card-header p-1" id="headingOne">
							<h6 class="mb-0">
								<div class="row no-gutters justify-content-between">
									<div class="col-auto flex-fill align-self-center text-muted">
										<button class="btn btn-sm btn-link" id="cantica1"
													data-toggle="collapse" data-target="#collapseIn-1"
													aria-expanded="true" aria-controls="collapseIn-1"><span class="small">Inferno</span></button>
									</div>
									<div class="col-auto pr-1 align-self-center justify-content-end text-right">
										<button id="plusBtn0-1" class="btn btn-sm addClaCont border rounded text-primary px-1 py-0"> +> </button> 
									</div>
								</div>
							</h6>
						</div>

						<div id="collapseIn-1" class="collapse"
							aria-labelledby="headingOne" data-parent="#selectable0">
							<div class="card-body py-2">
								<div class="sel-canti-intro small text-muted pb-1">Seleziona i canti:</div>
								<span class="sel-canto border small text-muted nowrap" id="0_0"
									name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="sel-canto border small text-muted nowrap" id="0_1"
									name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="sel-canto border small text-muted nowrap" id="0_2"
									name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="sel-canto border small text-muted nowrap" id="0_3"
									name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="sel-canto border small text-muted nowrap" id="0_4"
									name="InfernoCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="sel-canto border small text-muted nowrap" id="0_5"
									name="InfernoCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="sel-canto border small text-muted nowrap" id="0_6"
									name="InfernoCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="sel-canto border small text-muted nowrap" id="0_7"
									name="InfernoCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="sel-canto border small text-muted nowrap" id="0_8"
									name="InfernoCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="sel-canto border small text-muted nowrap" id="0_9"
									name="InfernoCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="sel-canto border small text-muted nowrap" id="0_10"
									name="InfernoCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="sel-canto border small text-muted nowrap" id="0_11"
									name="InfernoCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="sel-canto border small text-muted nowrap" id="0_12"
									name="InfernoCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="sel-canto border small text-muted nowrap" id="0_13"
									name="InfernoCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="sel-canto border small text-muted nowrap" id="0_14"
									name="InfernoCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="sel-canto border small text-muted nowrap" id="0_15"
									name="InfernoCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="sel-canto border small text-muted nowrap" id="0_16"
									name="InfernoCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="sel-canto border small text-muted nowrap" id="0_17"
									name="InfernoCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="sel-canto border small text-muted nowrap" id="0_18"
									name="InfernoCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="sel-canto border small text-muted nowrap" id="0_19"
									name="InfernoCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="sel-canto border small text-muted nowrap" id="0_20"
									name="InfernoCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="sel-canto border small text-muted nowrap" id="0_21"
									name="InfernoCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="sel-canto border small text-muted nowrap" id="0_22"
									name="InfernoCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="sel-canto border small text-muted nowrap" id="0_23"
									name="InfernoCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="sel-canto border small text-muted nowrap" id="0_24"
									name="InfernoCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="sel-canto border small text-muted nowrap" id="0_25"
									name="InfernoCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="sel-canto border small text-muted nowrap" id="0_26"
									name="InfernoCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="sel-canto border small text-muted nowrap" id="0_27"
									name="InfernoCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="sel-canto border small text-muted nowrap" id="0_28"
									name="InfernoCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="sel-canto border small text-muted nowrap" id="0_29"
									name="InfernoCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="sel-canto border small text-muted nowrap" id="0_30"
									name="InfernoCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="sel-canto border small text-muted nowrap" id="0_31"
									name="InfernoCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="sel-canto border small text-muted nowrap" id="0_32"
									name="InfernoCanto 33" href="#" style="line-height: 1.2em">33</span>
								<span class="sel-canto border small text-muted nowrap" id="0_33"
									name="InfernoCanto 34" href="#" style="line-height: 1.2em">34</span>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header p-1" id="headingTwo">
							<h6 class="mb-0">
								<div class="row no-gutters justify-content-between">
									<div class="col-auto flex-fill align-self-center text-muted">
										<button class="btn btn-sm btn-link" id="cantica2"
													data-toggle="collapse" data-target="#collapsePu-1"
													aria-expanded="true" aria-controls="collapsePu-1"><span class="small">Purgatorio</span></button>
									</div>
									<div class="col-auto pr-1 align-self-center justify-content-end text-right">
										<button id="plusBtn1-1" class="btn btn-sm addClaCont border text-primary rounded px-1 py-0"> +> </button> 
									</div>
								</div>
							</h6>
						</div>
						<div id="collapsePu-1" class="collapse"
							aria-labelledby="headingTwo" data-parent="#selectable0">
							<div class="card-body py-2">
								<div class="sel-canti-intro small text-muted pb-1">Seleziona i canti:</div>
								<span class="sel-canto border small text-muted nowrap" id="1_0"
									name="PurgatorioCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="sel-canto border small text-muted nowrap" id="1_1"
									name="PurgatorioCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="sel-canto border small text-muted nowrap" id="1_2"
									name="PurgatorioCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="sel-canto border small text-muted nowrap" id="1_3"
									name="PurgatorioCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="sel-canto border small text-muted nowrap" id="1_4"
									name="PurgatorioCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="sel-canto border small text-muted nowrap" id="1_5"
									name="PurgatorioCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="sel-canto border small text-muted nowrap" id="1_6"
									name="PurgatorioCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="sel-canto border small text-muted nowrap" id="1_7"
									name="PurgatorioCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="sel-canto border small text-muted nowrap" id="1_8"
									name="PurgatorioCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="sel-canto border small text-muted nowrap" id="1_9"
									name="PurgatorioCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="sel-canto border small text-muted nowrap" id="1_10"
									name="PurgatorioCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="sel-canto border small text-muted nowrap" id="1_11"
									name="PurgatorioCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="sel-canto border small text-muted nowrap" id="1_12"
									name="PurgatorioCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="sel-canto border small text-muted nowrap" id="1_13"
									name="PurgatorioCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="sel-canto border small text-muted nowrap" id="1_14"
									name="PurgatorioCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="sel-canto border small text-muted nowrap" id="1_15"
									name="PurgatorioCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="sel-canto border small text-muted nowrap" id="1_16"
									name="PurgatorioCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="sel-canto border small text-muted nowrap" id="1_17"
									name="PurgatorioCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="sel-canto border small text-muted nowrap" id="1_18"
									name="PurgatorioCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="sel-canto border small text-muted nowrap" id="1_19"
									name="PurgatorioCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="sel-canto border small text-muted nowrap" id="1_20"
									name="PurgatorioCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="sel-canto border small text-muted nowrap" id="1_21"
									name="PurgatorioCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="sel-canto border small text-muted nowrap" id="1_22"
									name="PurgatorioCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="sel-canto border small text-muted nowrap" id="1_23"
									name="PurgatorioCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="sel-canto border small text-muted nowrap" id="1_24"
									name="PurgatorioCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="sel-canto border small text-muted nowrap" id="1_25"
									name="PurgatorioCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="sel-canto border small text-muted nowrap" id="1_26"
									name="PurgatorioCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="sel-canto border small text-muted nowrap" id="1_27"
									name="PurgatorioCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="sel-canto border small text-muted nowrap" id="1_28"
									name="PurgatorioCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="sel-canto border small text-muted nowrap" id="1_29"
									name="PurgatorioCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="sel-canto border small text-muted nowrap" id="1_30"
									name="PurgatorioCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="sel-canto border small text-muted nowrap" id="1_31"
									name="PurgatorioCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="sel-canto border small text-muted nowrap" id="1_32"
									name="PurgatorioCanto 33" href="#" style="line-height: 1.2em">33</span>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header p-1" id="headingThree">
							<h6 class="mb-0">
								<div class="row no-gutters justify-content-between">
									<div class="col-auto flex-fill align-self-center text-muted">
										<button class="btn btn-sm btn-link" id="cantica3"
													data-toggle="collapse" data-target="#collapsePa-1"
													aria-expanded="true" aria-controls="collapsePa-1"><span class="small">Paradiso</span></button>
									</div>
									<div class="col-auto pr-1 align-self-center justify-content-end text-right">
										<button id="plusBtn2-1" class="btn btn-sm addClaCont border rounded text-primary px-1 py-0"> +> </button> 
									</div>
								</div>
							</h6>
						</div>
						<div id="collapsePa-1" class="collapse"
							aria-labelledby="headingThree" data-parent="#selectable0">
							<div class="card-body py-2">
								<div class="sel-canti-intro small text-muted pb-1">Seleziona i canti:</div>
								<span class="sel-canto border small text-muted nowrap" id="2_0"
									name="ParadisoCanto 1" href="#" style="line-height: 1.2em">1</span>
								<span class="sel-canto border small text-muted nowrap" id="2_1"
									name="ParadisoCanto 2" href="#" style="line-height: 1.2em">2</span>
								<span class="sel-canto border small text-muted nowrap" id="2_2"
									name="ParadisoCanto 3" href="#" style="line-height: 1.2em">3</span>
								<span class="sel-canto border small text-muted nowrap" id="2_3"
									name="ParadisoCanto 4" href="#" style="line-height: 1.2em">4</span>
								<span class="sel-canto border small text-muted nowrap" id="2_4"
									name="ParadisoCanto 5" href="#" style="line-height: 1.2em">5</span>
								<span class="sel-canto border small text-muted nowrap" id="2_5"
									name="ParadisoCanto 6" href="#" style="line-height: 1.2em">6</span>
								<span class="sel-canto border small text-muted nowrap" id="2_6"
									name="ParadisoCanto 7" href="#" style="line-height: 1.2em">7</span>
								<span class="sel-canto border small text-muted nowrap" id="2_7"
									name="ParadisoCanto 8" href="#" style="line-height: 1.2em">8</span>
								<span class="sel-canto border small text-muted nowrap" id="2_8"
									name="ParadisoCanto 9" href="#" style="line-height: 1.2em">9</span>
								<span class="sel-canto border small text-muted nowrap" id="2_9"
									name="ParadisoCanto 10" href="#" style="line-height: 1.2em">10</span>
								<span class="sel-canto border small text-muted nowrap" id="2_10"
									name="ParadisoCanto 11" href="#" style="line-height: 1.2em">11</span>
								<span class="sel-canto border small text-muted nowrap" id="2_11"
									name="ParadisoCanto 12" href="#" style="line-height: 1.2em">12</span>
								<span class="sel-canto border small text-muted nowrap" id="2_12"
									name="ParadisoCanto 13" href="#" style="line-height: 1.2em">13</span>
								<span class="sel-canto border small text-muted nowrap" id="2_13"
									name="ParadisoCanto 14" href="#" style="line-height: 1.2em">14</span>
								<span class="sel-canto border small text-muted nowrap" id="2_14"
									name="ParadisoCanto 15" href="#" style="line-height: 1.2em">15</span>
								<span class="sel-canto border small text-muted nowrap" id="2_15"
									name="ParadisoCanto 16" href="#" style="line-height: 1.2em">16</span>
								<span class="sel-canto border small text-muted nowrap" id="2_16"
									name="ParadisoCanto 17" href="#" style="line-height: 1.2em">17</span>
								<span class="sel-canto border small text-muted nowrap" id="2_17"
									name="ParadisoCanto 18" href="#" style="line-height: 1.2em">18</span>
								<span class="sel-canto border small text-muted nowrap" id="2_18"
									name="ParadisoCanto 19" href="#" style="line-height: 1.2em">19</span>
								<span class="sel-canto border small text-muted nowrap" id="2_19"
									name="ParadisoCanto 20" href="#" style="line-height: 1.2em">20</span>
								<span class="sel-canto border small text-muted nowrap" id="2_20"
									name="ParadisoCanto 21" href="#" style="line-height: 1.2em">21</span>
								<span class="sel-canto border small text-muted nowrap" id="2_21"
									name="ParadisoCanto 22" href="#" style="line-height: 1.2em">22</span>
								<span class="sel-canto border small text-muted nowrap" id="2_22"
									name="ParadisoCanto 23" href="#" style="line-height: 1.2em">23</span>
								<span class="sel-canto border small text-muted nowrap" id="2_23"
									name="ParadisoCanto 24" href="#" style="line-height: 1.2em">24</span>
								<span class="sel-canto border small text-muted nowrap" id="2_24"
									name="ParadisoCanto 25" href="#" style="line-height: 1.2em">25</span>
								<span class="sel-canto border small text-muted nowrap" id="2_25"
									name="ParadisoCanto 26" href="#" style="line-height: 1.2em">26</span>
								<span class="sel-canto border small text-muted nowrap" id="2_26"
									name="ParadisoCanto 27" href="#" style="line-height: 1.2em">27</span>
								<span class="sel-canto border small text-muted nowrap" id="2_27"
									name="ParadisoCanto 28" href="#" style="line-height: 1.2em">28</span>
								<span class="sel-canto border small text-muted nowrap" id="2_28"
									name="ParadisoCanto 29" href="#" style="line-height: 1.2em">29</span>
								<span class="sel-canto border small text-muted nowrap" id="2_29"
									name="ParadisoCanto 30" href="#" style="line-height: 1.2em">30</span>
								<span class="sel-canto border small text-muted nowrap" id="2_30"
									name="ParadisoCanto 31" href="#" style="line-height: 1.2em">31</span>
								<span class="sel-canto border small text-muted nowrap" id="2_31"
									name="ParadisoCanto 32" href="#" style="line-height: 1.2em">32</span>
								<span class="sel-canto border small text-muted nowrap" id="2_32"
									name="ParadisoCanto 33" href="#" style="line-height: 1.2em">33</span>
							</div>
						</div>
					</div>
				</div>
			</div>
				
			<div class="col p-0 ml-2 border bg-light text-muted">
			
				<div class="row no-gutters p-0 justify-content-end">
					<div class="col p-2 align-self-start align-items-start justify-content-end text-right position-absolute" style="z-index: 1000">
						<button id="trashClaCont0" class="btn btn-sm trashClaCont border rounded text-primary px-1 pb-0" style="z-index: 1000"><ion-icon name="refresh-circle"></ion-icon></button>
					</div>
					
				</div>

				<div class="row no-gutters p-1 justify-content-start">
					<div class="col-10 pr-3 pl-1 align-self-start justify-self-start text-muted small wrap" id="contextText0">
						Tutta l'opera
					</div>
					<div class="col-2 m-0 p-0">&nbsp;
					</div>
				</div>
			
			</div>
			
		</div>




									</div>

								</div>
							</div>
							</div>

							<div class="collapse" id="collapseAdvanced">

<!--  inizio RicercaAvanzata -->

				<div class="col-12">
					<div id="accordionSearch">
						<div class="row card d-flex justify-content-end m-0">

							<div class="col-12 justify-content-between d-sm-inline bg-lida10 p-2">
							
								<div class="btn-group dropdown p-2" role="group">
									<button id="btnGroupDrop1" type="button"
										class="btn btn-sm btn-outline-lida4 bg-light dropdown-toggle"
										data-toggle="dropdown" aria-haspopup="true"
										aria-expanded="false">Aggiungi clausola su:</button>
									<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
										<a class="dropdown-item" id="Grammaticale" href="#"><span
											class="text-muted">Morfologia</span></a> <a
											class="dropdown-item" id="Sintattico" href="#"><span
											class="text-muted">Sintassi</span></a> <a
											class="dropdown-item" id="Metafore" href="#"><span
											class="text-muted">Metafore</span></a>
									</div>
								</div>
								<div class="btn-group dropdown p-2" role="group">
									<button id="btnGroupDrop2" type="button"
										class="btn btn-sm btn-outline-lida4 bg-light 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">AND</span></a> <a
											class="dropdown-item" id="orCond" href="#"><span
											class="text-muted">OR</span></a>
									</div>
								</div>
							</div>
						</div>

						<div id="collapseLogic" class="collapse show"
							aria-labelledby="headingLogic" data-parent="#accordionSearch">
							<div class="card-body p-0">
							
									<div
										class="row tab-content border bg-lida10 m-0 p-0"
										id="cla-TabContent">
										<div class="col-12">
											<span class="small text-muted align-bottom pr-2" id="tipoRicerca">Definisci i filtri usando le clausole e le condizioni logiche aggiunte:</span>
										</div>
										<div
											class="col-12 tab-pane fade show active px-1 py-2"
											id="cla0" role="tabpanel" aria-labelledby="cla0-tab">

											<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="contextText1">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="selectable1"
													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: d-flex">

												<div class=" p-1 border bg-light well" id="cla-list">
													<div id="cla-list-row" class="row mx-0 justify-content-between">
														<div class="col-12 p-0">
															<ul id="sortable0" class="condLIand list-group ui-sortable">
																<li id="li-cla0"
																	class="list-group-item align-items-center my-1 ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06 small">Nessuna
																	clausola aggiunta.</li>
															</ul>
														</div>
													</div>
												</div>

											</div>

										</div>
									</div>
							
							</div>
						</div>
					</div>
				</div>
			</div>
<!--  fine RicercaAvanzata -->

							</div>
						</div>
					</div>
				</form>

			</div>

		<div id="rigaNascosta" class="row" style="display: none;">
									<!-- INIZIO MODELLI CLAUSOLE -->

									<!--   TIPO GRAMMATICALE -->
									<div style="display: none;"
										class="col-12 tab-pane p-0 pt-3 bg-white border-top"
										id="tipogrammaticaleN" role="tabpanel"
										aria-labelledby="claN-tab" data-claType="Grammaticale"
										data-claActive="1">
										<div class="form-group form-inline input-group p-1 mb-1"
											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-sm monMe"
												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 form-control-sm monMe"
												id="queryTextN" placeholder="inserisci un termine"
												aria-describedby="name-desc" name="query"> <select
												class="form-control custom-select-sm monMe" id="opzioni_testoN">
												<option value="parola">come Parola</option>
												<option value="sottostringa">come Sottostringa</option>
												<option value="prefisso">come Prefisso</option>
												<option value="suffisso">come Suffisso</option>
												<option value="regexp">come Espressione regolare</option>
											</select>

										</div>

										<div class="form-group px-1 pb-1 mb-1">
											<label for="typeGramm0"
												class="text-muted control-label small">Categoria
												grammaticale:</label>
											<div class="form-inline input-group" 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-sm catgram monMe"
													name="typeGramm0" id="grammtypesN"
													title="Categoria grammaticale" value="oggetto">
													<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 mr-3 mb-0 p-1 dettaglifiltri">

										</div>
									</div>
									<!--   FINE GRAMMATICALE -->

									<!--   TIPO SINTATTICO -->
									<div style="display: none;"
										class="col-12 tab-pane p-0 pt-3  bg-white border-top" id="tiposintatticoN"
										role="tabpanel" aria-labelledby="claN-tab"
										data-claType="Sintattico" data-claActive="1">
										<div class="form-group form-inline input-group p-1 mb-1"
											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-sm monMe"
												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 form-control-sm monMe"
												id="queryTextN" placeholder="inserisci un termine"
												aria-describedby="name-desc" name="query"> <select
												class="form-control custom-select-sm monMe" id="opzioni_testoN">
												<option value="parola">come Parola</option>
												<option value="sottostringa">come Sottostringa</option>
												<option value="prefisso">come Prefisso</option>
												<option value="suffisso">come Suffisso</option>
												<option value="regexp">come Espressione regolare</option>
											</select>
										</div>

										<div class="form-group px-1 pb-1 mb-1">
											<label for="typeSyntax0"
												class="text-muted control-label small">Tipo
												sintattico:</label>
											<div class="form-inline input-group" 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-sm monMe"
													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 mb-2">
											<label for="functionSyntax"
												class="text-muted control-label small">Livello di
												subordinazione:</label>
											<div class="form-inline input-group" 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-sm monMe"
													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 -->
									<div style="display: none;">
										<ul>
									<!--   LI CLAUSOLA -->
											<li id="li-claxX1Xx" style="display: none;"
												class="claLI card mx-0 my-1 py-1 px-0 list-group-item align-items-center border text-muted bg-white">
												<div class="handle container p-0 pl-1">
													<div
														class="row no-gutters flex-nowrap align-items-start justify-content-between">
														<div class="col-md-auto pl-0 pr-1 align-self-start">
															<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
														</div>
														<div style="min-height: 64px;" 
															class="col-md-auto pl-0 pr-2 pb-2 flex-fill align-self-start">
															<span class="small clatext">xX2Xx<br><br></span>
														</div>
														<div class="col-md-auto px-1 align-self-start justify-content-end">
															<div class="row no-gutters flex-nowrap justify-content-end">
																<div
																	class="col-auto pb-0 pl-2 pr-1 pt-1 align-top flex-grow-1 align-self-start justify-content-end text-right bd-highlight text-primary editCla"
																	id="headingCxX1Xx">
																	<div style="height: 32px; width: 40px;" 
																		class="custom-control custom-control-sm custom-switch p-0 align-self-end text-right">
																		<input type="checkbox"
																			class="custom-control-input claAct align-self-end"
																			name="cla-attiva" aria-label="attiva"
																			id="actiClaSWxX3Xx"><label
																			class="custom-control-label form-control-sm	p-0" for="actiClaSWxX1Xx"></label>
																	</div>
																</div>
																<div
																	class="col-auto pb-0 pl-1 pr-2 pt-1 align-top align-self-start justify-content-end text-right bd-highlight text-primary removeCla">
																	<ion-icon name="close-circle"></ion-icon>
																</div>
															</div>
														</div>
													</div>
													<div class="row no-gutters flex-nowrap align-items-start justify-content-end">
														<div class="col-auto flex-fill align-self-start"></div>
														<div
															class="col-auto pr-1 align-self-end align-items-end justify-content-end text-right position-absolute">
															<button id="claCollapsexX1Xx" class="btn btn-sm btn-link claCollBtn collapsed mr-2 px-4 pb-0 border border-primary"
																data-toggle="collapse"
																data-target="#collapseCxX1Xx"
																aria-expanded="false"
																aria-controls="collapseCxX1Xx">
																<ion-icon name="pencil"></ion-icon>
															</button>
														</div>
													</div>
												</div>
												<div id="collapseCxX1Xx" class="collapse"
													aria-labelledby="headingCxX1Xx"
													data-parent="#sortable0">
													<div class="card-body p-0 mx-1 border" id="claBodyxX1Xx" style="background-color: #dbe5f2 !important; border-color: #3d6ca9!important;"></div>
												</div>
											</li>
									<!--   FINE LI CLAUSOLA -->

									<!--   LI LOGICA -->
											<li id="condxX4Xx" style="display: none;" class="condLI-xX5Xx mx-0 my-1 p-1 list-group-item align-items-center border text-muted bg-xX6Xx">
												<ul id="sortablexX4Xx" class="handle list-group ui-sortable">
													<div class="row ml-1 pr-2 justify-content-between">
														<div class=" pb-1 small font-weight-bold text-muted">xX5Xx</div>
														<div class="p-0 mr-3 mt-1 text-right text-primary">
															<span class="iconClClass removeCond"><ion-icon name="close-circle"></ion-icon></span>
														</div>
													</div>
													<li id="placeholderSortxX4Xx" class="mx-0 my-1 p-1 pl-3 list-group-item align-items-center border text-muted small bg-light ui-state-disabled ui-state-disabled-opacity-06">Trascina qui almeno 2 clausole o condizioni</li>
												</ul>
											</li>
									<!--   FINE LI LOGICA -->
										</ul>
									</div>
									<!-- FINE MODELLI CLAUSOLE -->
			
		</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>
</html>