<!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://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral">
<!--
   -->
<link rel="stylesheet"  id="style1-Boot" href="./css/bootstrap.min.lida1.css">
<link rel="stylesheet"  id="style1-Custom" href="./css/custom1_4.3.css">
<link rel="stylesheet"  id="style2-Boot" href="./css/bootstrap.min.lida2.css" disabled>
<link rel="stylesheet"  id="style2-Custom" href="./css/custom2_4.3.css" disabled>

<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 type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
<!--
   -->
<script type="module"
	src="https://hdnlab1.isti.cnr.it/d3search/js/syntgraph.js"></script>
<script
	src="https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/d3.js"></script>
<script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="./js/cesareBrowse.js"></script>
<script type="text/javascript" src="./js/minimap_4.3.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="./js/script_4.3.js"></script>


</head>
<body class="body-vis">
    <script type="text/javascript">
	var currStyle = "style1";
    var newStyle = Cookies.get('LiDa_style');
	if (typeof newStyle !== "undefined") {
		switch (newStyle) {
			case "style1":
				$("#style1-Boot").prop('disabled', false);
				$("#style1-Custom").prop('disabled', false);
				$("#style2-Boot").prop('disabled', true);
				$("#style2-Custom").prop('disabled', true);
				break;
			case "style2":
				$("#style2-Boot").prop('disabled', false);
				$("#style2-Custom").prop('disabled', false);
				$("#style1-Boot").prop('disabled', true);
				$("#style1-Custom").prop('disabled', true);
				break;
			default:
			};
	currStyle = newStyle;
	};	
    </script>

	<div class="h-100 container-fluid">
		<div>
			<nav
				class="navbar border navbar-expand-lg navbar-light bg-light justify-content-between 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 dropdown pt-1">
							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									Altro
							</a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdown">
								<a class="dropdown-item stileLink" id="style1" href="#">Stile 1</a>
								<a class="dropdown-item stileLink" id="style2" href="#">Stile 2</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="#">Altro ancora</a>
							</div>			
						</li>
					</ul>
					<ul class="navbar-nav ml-md-auto">
						<li class="nav-item pt-1">
							<div class="input-group input-group-sm pr-2" style="height: 31px; max-width: 180px;">
								<div class="input-group-prepend">
									<label class="input-group-text border-right-0 border-secondary pr-0"><ion-icon
											name="glasses"></ion-icon></label> <label
										class="input-group-text text-muted border-secondary border-left-0 "
										for="valoreVista">Vista:</label>
								</div>
								<select class="custom-select text-muted bg-light border border-secondary"
									id="valoreVista">
									<option value="forme">Forme</option>
									<option value="frasi">Frasi</option>
									<option value="dialoghi">Dialoghi</option>
									<option value="metafore">Metafore</option>
								</select>
							</div>
						</li>
						<li class="nav-item pt-1">
							<div class="input-group input-group-sm">
								<div class="input-group-prepend">
									<label class="input-group-text border-right-0 border-secondary pr-0"><ion-icon
											name="search-circle"></ion-icon></label> <label
										class="input-group-text text-muted border-left-0 border-secondary"
										for="tipoRicerca">Ricerca:</label>
								</div>
								<input id="searchToggle" type="checkbox" data-toggle="toggle0"
									data-on="Avanzata" data-off="Semplice" data-size="small"
									data-style="leftBorderRadiusZero" data-onstyle="success"
									data-offstyle="secondary">
							</div>
						</li>
					</ul>
				</div>


			</nav>
		</div>

		<div id="rigaContenuti" class="row no-gutters">

			<div class="d-table w-100 tableMain">

				<div id="colNavigazione" class="d-table-cell menuNavigazione">
					<div id="accordionNav" class="pr-2 sticky-top">
						<div  class="distanziatore">&nbsp;</div>
						<div class="card">
							<div class="card-header px-1" id="headingInferno">
								<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="#collapseInferno"
												aria-expanded="true" aria-controls="collapseInferno"><span class="h6 font-weight-bold">Inferno</span></button>
										</div>
										<div id="cantica1-badge"
											class="col-auto align-self-center justify-content-end text-right">
										</div>
									</div>
								</h6>
							</div>

							<div id="collapseInferno" class="collapse show"
								aria-labelledby="headingInferno" data-parent="#accordionNav">
								<div class="card-body">
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 1" href="#" >I</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 2" href="#" >II</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 3" href="#" >III</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 4" href="#" >IV</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 5" href="#" >V</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 6" href="#" >VI</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 7" href="#" >VII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 8" href="#" >VIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 9" href="#" >IX</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 10" href="#" >X</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 11" href="#" >XI</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 12" href="#" >XII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 13" href="#" >XIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 14" href="#" >XIV</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 15" href="#" >XV</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 16" href="#" >XVI</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 17" href="#" >XVII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 18" href="#" >XVIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 19" href="#" >XIX</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 20" href="#" >XX</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 21" href="#" >XXI</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 22" href="#" >XXII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 23" href="#" >XXIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 24" href="#" >XXIV</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 25" href="#" >XXV</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 26" href="#" >XXVI</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 27" href="#" >XXVII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 28" href="#" >XXVIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 29" href="#" >XXIX</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 30" href="#" >XXX</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 31" href="#" >XXXI</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 32" href="#" >XXXII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 33" href="#" >XXXIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 34" href="#" >XXXIV</span>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header px-1" id="headingPurgatorio">
								<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="#collapsePurgatorio"
												aria-expanded="true" aria-controls="collapsePurgatorio"><span class="h6 font-weight-bold">Purgatorio</span></button>
										</div>
										<div id="cantica2-badge"
											class="col-auto align-self-center justify-content-end text-right">
										</div>
									</div>
								</h6>
							</div>
							<div id="collapsePurgatorio" class="collapse"
								aria-labelledby="headingPurgatorio" data-parent="#accordionNav">
								<div class="card-body">
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 1" href="#" >I</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 2" href="#" >II</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 3" href="#" >III</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 4" href="#" >IV</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 5" href="#" >V</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 6" href="#" >VI</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 7" href="#" >VII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 8" href="#" >VIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 9" href="#" >IX</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 10" href="#" >X</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 11" href="#" >XI</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 12" href="#" >XII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 13" href="#" >XIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 14" href="#" >XIV</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 15" href="#" >XV</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 16" href="#" >XVI</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 17" href="#" >XVII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 18" href="#" >XVIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 19" href="#" >XIX</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 20" href="#" >XX</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 21" href="#" >XXI</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 22" href="#" >XXII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 23" href="#" >XXIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 24" href="#" >XXIV</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 25" href="#" >XXV</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 26" href="#" >XXVI</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 27" href="#" >XXVII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 28" href="#" >XXVIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 29" href="#" >XXIX</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 30" href="#" >XXX</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 31" href="#" >XXXI</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 32" href="#" >XXXII</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 33" href="#" >XXXIII</span>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header px-1" id="headingParadiso">
								<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="#collapseParadiso"
												aria-expanded="true" aria-controls="collapseParadiso"><span class="h6 font-weight-bold">Paradiso</span></button>
										</div>
										<div id="cantica3-badge"
											class="col-auto align-self-center justify-content-end text-right">
										</div>
									</div>
								</h6>
							</div>
							<div id="collapseParadiso" class="collapse"
								aria-labelledby="headingParadiso" data-parent="#accordionNav">
								<div class="card-body">
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 1" href="#" >I</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 2" href="#" >II</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 3" href="#" >III</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 4" href="#" >IV</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 5" href="#" >V</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 6" href="#" >VI</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 7" href="#" >VII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 8" href="#" >VIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 9" href="#" >IX</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 10" href="#" >X</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 11" href="#" >XI</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 12" href="#" >XII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 13" href="#" >XIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 14" href="#" >XIV</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 15" href="#" >XV</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 16" href="#" >XVI</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 17" href="#" >XVII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 18" href="#" >XVIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 19" href="#" >XIX</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 20" href="#" >XX</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 21" href="#" >XXI</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 22" href="#" >XXII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 23" href="#" >XXIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 24" href="#" >XXIV</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 25" href="#" >XXV</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 26" href="#" >XXVI</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 27" href="#" >XXVII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 28" href="#" >XXVIII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 29" href="#" >XXIX</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 30" href="#" >XXX</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 31" href="#" >XXXI</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 32" href="#" >XXXII</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 33" href="#" >XXXIII</span>
								</div>
							</div>
						</div>
						<div class="card" style="display: none;">
							<div class="card-header px-1" id="headingZero">
								<h6 class="mb-0">
									<div class="row no-gutters justify-content-end">
										<div class="col-auto flex-fill align-self-end text-muted text-right">
											
											<button class="btn btn-sm btn-link text-right" id="cantica0"
												data-toggle="collapse" data-target="#collapseZero"
												aria-expanded="true" aria-controls="collapseZero"><span class="h6 font-weight-bold text-right">Lista risultati</span></button>
										</div>
										<div id="cantica0-badge"
											class="col-auto align-self-center align-self-end text-right">
										</div>
									</div>
								</h6>
							</div>

							<div id="collapseZero" class="collapse"
								aria-labelledby="headingZero" data-parent="#accordionNav">
								<div class="card-body p-3 align-self-end text-right">
									<ul class="pagination pagination-sm justify-content-end m-0" id="listPagination">
									<span class="small text-muted pt-2 px-1">Pag. </span>
										<li class="page-item" id='pagPrecedente'>
											<a class="page-link" href="#" aria-label="Precedente">
												<span class="h6 font-weight-bold" aria-hidden="true">&laquo;</span></a></li>
										<li class="page-item"><a class="page-link p-0" href="#">
											<select class="custom-select custom-select-sm bg-light border-0 " id="paginaLista" style="height: 29px;">
												<option value="1">1/1</option></select></a></li>
										<li class="page-item" id='pagSuccessiva'>
											<a class="page-link" href="#" aria-label="Successiva">
												<span class="h6 font-weight-bold" aria-hidden="true">&raquo;</span></a></li>
									</ul>
								</div>
							</div>

						</div>
					</div>

				</div>

				<div id="colVisualizza" class="d-table-cell tableVis bg-lida-vis border-right border-bottom border-left align-top">
				
					<div class="distanziatore">&nbsp;</div>
					<div class="d-table w-100">
						<div class="d-table-row scrollMon">
							<div class="blog-main visCanto h-100">
								<div id="displaycantoWrapper">
									<div id='displaycanto' class="pl-3" style="width: min-content;"></div>
								</div>
								<div class="ui-resizable-handle ui-resizable-s border-bottom doubleborder"></div>
							</div>
						</div>
						<div class="d-table-row w-100">


							<div class="d-table-cell p-0 pt-1" style="background-color: rgba(0,0,0,.03);">
								<ul class="nav nav-tabs" id="tab-list" role="tablist">
									<li class="nav-item" role="presentation">
										<a class="nav-link py-1 active" id="vis0-tab" data-toggle="tab" href="#vis0" role="tab" aria-controls="vis0" aria-selected="true"><span class=" btn-link"><ion-icon name="create"></ion-icon></span>
										<span class="h6 btn-link"> Commenti</span></a>
									</li>
									<li class="nav-item" role="presentation">
										<a class="nav-link py-1" id="vis1-tab" data-toggle="tab" href="#vis1" role="tab" aria-controls="vis1" aria-selected="true"><span class=" btn-link"><ion-icon name="analytics"></ion-icon></span>
										<span class="h6 btn-link"> Periodo</span></a>
									</li>
								</ul>

								<div class="tab-content visInfo w-100 d-flex bg-lida-vis" id="vis-TabContent" style="flex-direction: column;">
 									<div class="tab-pane fade show active p-0 bg-lida-vis" id="vis0" role="tabpanel" aria-labelledby="vis0-tab">
										<div id='displaynote'>Visualizza commenti<br>
										</div>
									</div>
  									<div class="tab-pane fade p-0 bg-lida-vis" id="vis1" role="tabpanel" aria-labelledby="vis1-tab">
										<div id='displayinfo'>Visualizza struttura periodo<br>
										</div>
									</div>
								</div>

							</div>


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

				<div id="colMinimap" class="d-table-cell bg-lida-vis minimap border-right border-bottom align-top">
					<div id="displayminimap" class="col px-0 pb-0 m-0 w-100 scrollMon"></div>
					<div class="filler"><img id="bgImg" src="./images/fefeff.png"></div>
				</div>

				<div id="colRicerca" class="d-table-cell menuRicerca align-top">

					<div class="distanziatore">&nbsp;</div>
					<div class="w-100 pl-2 py-0 m-0">

						<form>

							<div id="rigaRicercaSemplice"
								class="row card bg-lida08 mx-0 p-2 d-flex justify-content-end">

								<div class="col-12 d-flex justify-content-end px-0"
									id="simpleSearchDiv" style="display: d-flex">
									<div class="btn-group flex-nowrap p-0 pr-1" role="group"
										aria-label="Bottoni Ricerca	Semplice">
										<button class="btn btn-sm btn-outline-secondary bg-light"
											style="height: 32px; width: 76px;"
											type="button" id="showOptions" data-toggle="collapse"
											data-target="#collapseOptions" aria-expanded="false"
											aria-controls="collapseExample">
											<span class="text-muted">Opzioni</span>
										</button>
										<button class="btn btn-sm btn-outline-secondary bg-light ml-1"
											type="button" id='cleanresult' aria-expanded="false"
											aria-controls="collapseExample">
											<span class="text-muted">Reset</span>
										</button>
										<div class="pr-0 align-self-end ml-1">
											<input class="form-control form-control-sm pr-0 borderRadiusZero border border-secondary monMe"
												type="text" id="queryText"
												placeholder=' inserisci un termine'
												style="height: 32px;">
										</div>
										<button class="btn btn-sm btn-secondary" type="submit"
											id='searchcomm'>
											<ion-icon name="search"></ion-icon>
										</button>
									</div>
								</div>

								<div class="col-12 justify-content-between px-0"
									id="advancedSearchDiv" style="display: none">
									<div
										class="text-left pr-3 pl-1 pt-1 d-sm-inline flex-nowrap align-text-bottom">
										<input style="display: none;" type="file" id="apriFile">
										<span
											class="border border-success rounded bg-light p-1 mb-1 align-text-bottom"><ion-icon
												name="save-outline" class="curPoint"></ion-icon> <ion-icon
												name="folder-open-outline" class="curPoint"></ion-icon> <ion-icon
												name="cloud-upload-outline"></ion-icon> <ion-icon
												name="cloud-download-outline"></ion-icon></span>
									</div>
									<div class="btn-group d-sm-inline flex-nowrap p-0 pr-1" role="group"
										aria-label="Bottoni Ricerca	Avanzata">
										<button class="btn btn-sm btn-outline-success bg-light"
											style="height: 32px; width: 76px;"
											id="showLogic" data-toggle="collapse"
											data-target="#collapseLogic" aria-expanded="true"
											aria-controls="collapseLogic">
											<span class="font-weight-bold text-muted">Nascondi</span>
										</button>
										<button class="btn btn-sm btn-outline-success bg-light ml-0"
											type="button" id='cleanresult2' aria-expanded="false"
											aria-controls="collapseExample">
											<span class="text-muted">Reset</span>
										</button>
									</div>
										<button class="btn btn-sm btn-success border ml-2 mr-1" type="submit"
											id='searchcomm2'>
											<ion-icon name="search" class="px-2"></ion-icon>
										</button>
								</div>

							</div>


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

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

									<div class="collapse" id="collapseOptions">
										<div class="col-12 p-0">
											<div class="card card-body bg-lida08 p-2">
												<div class="form-inline input-group px-1 py-2">
													<select
														class="form-control custom-select custom-select-sm text-muted bg-light monMe btn-outline-secondary border"
														id="lemma_forma">
														<option value="forma">La forma</option>
														<option value="lemma">Il lemma</option>
														<option value="testo">Il testo</option>
													</select> <select
														class="form-control custom-select custom-select-sm text-muted bg-light ml-2 monMe btn-outline-secondary border"
														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="bg-light well m-0" id="contextDiv0">

													<div id="contextTable-xX0"
														class="row no-gutters p-1 pt-0 bg-lida08">
														<div class="col-12 py-0 pl-1">
															<span class="small text-muted align-bottom">Restringi
																il contesto di ricerca:</span>
														</div>
														<div class="col-6 p-0 pt-1">
															<div id="selectable-xX0"
																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-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
																						id="cantica1-xX0" data-toggle="collapse"
																						data-target="#collapseCa1-xX0"
																						aria-expanded="true"
																						aria-controls="collapseCa1-xX0">
																						<span class="h6 small font-weight-bold text-secondary">Inferno</span>
																					</button>
																				</div>
																				<div
																					class="col-auto pr-1 align-self-center justify-content-end text-right">
																					<button id="plusBtn0-xX0"
																						class="btn btn-sm btn-outline-secondary bg-light addClaCont border rounded text-secondary px-1 py-0">
																						+></button>
																				</div>
																			</div>
																		</h6>
																	</div>

																	<div id="collapseCa1-xX0" class="collapse"
																		aria-labelledby="headingOne"
																		data-parent="#selectable-xX0">
																		<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="#">I</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_1" name="InfernoCanto 2" href="#">II</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_2" name="InfernoCanto 3" href="#">III</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_3" name="InfernoCanto 4" href="#">IV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_4" name="InfernoCanto 5" href="#">V</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_5" name="InfernoCanto 6" href="#">VI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_6" name="InfernoCanto 7" href="#">VII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_7" name="InfernoCanto 8" href="#">VIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_8" name="InfernoCanto 9" href="#">IX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_9" name="InfernoCanto 10" href="#">X</span>
																			<span
																				class="sel-canto border small text-muted nowrap"
																				id="0_10" name="InfernoCanto 11" href="#">XI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_11" name="InfernoCanto 12" href="#">XII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_12" name="InfernoCanto 13" href="#">XIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_13" name="InfernoCanto 14" href="#">XIV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_14" name="InfernoCanto 15" href="#">XV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_15" name="InfernoCanto 16" href="#">XVI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_16" name="InfernoCanto 17" href="#">XVII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_17" name="InfernoCanto 18" href="#">XVIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_18" name="InfernoCanto 19" href="#">XIX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_19" name="InfernoCanto 20" href="#">XX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_20" name="InfernoCanto 21" href="#">XXI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_21" name="InfernoCanto 22" href="#">XXII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_22" name="InfernoCanto 23" href="#">XXIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_23" name="InfernoCanto 24" href="#">XXIV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_24" name="InfernoCanto 25" href="#">XXV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_25" name="InfernoCanto 26" href="#">XXVI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_26" name="InfernoCanto 27" href="#">XXVII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_27" name="InfernoCanto 28" href="#">XXVIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_28" name="InfernoCanto 29" href="#">XXIX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_29" name="InfernoCanto 30" href="#">XXX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_30" name="InfernoCanto 31" href="#">XXXI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_31" name="InfernoCanto 32" href="#">XXXII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_32" name="InfernoCanto 33" href="#">XXXIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_33" name="InfernoCanto 34" href="#">XXXIV</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-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
																						id="cantica2-xX0" data-toggle="collapse"
																						data-target="#collapseCa2-xX0"
																						aria-expanded="true"
																						aria-controls="collapseCa2-xX0">
																						<span class="h6 small font-weight-bold text-secondary">Purgatorio</span>
																					</button> 
																				</div>
																				<div
																					class="col-auto pr-1 align-self-center justify-content-end text-right">
																					<button id="plusBtn1-xX0"
																						class="btn btn-sm btn-outline-secondary bg-light addClaCont border text-secondary rounded px-1 py-0">
																						+></button>
																				</div>
																			</div>
																		</h6>
																	</div>
																	<div id="collapseCa2-xX0" class="collapse"
																		aria-labelledby="headingTwo"
																		data-parent="#selectable-xX0">
																		<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="#">I</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_1" name="PurgatorioCanto 2" href="#">II</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_2" name="PurgatorioCanto 3" href="#">III</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_3" name="PurgatorioCanto 4" href="#">IV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_4" name="PurgatorioCanto 5" href="#">V</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_5" name="PurgatorioCanto 6" href="#">VI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_6" name="PurgatorioCanto 7" href="#">VII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_7" name="PurgatorioCanto 8" href="#">VIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_8" name="PurgatorioCanto 9" href="#">IX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_9" name="PurgatorioCanto 10" href="#">X</span>
																			<span
																				class="sel-canto border small text-muted nowrap"
																				id="1_10" name="PurgatorioCanto 11" href="#">XI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_11" name="PurgatorioCanto 12" href="#">XII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_12" name="PurgatorioCanto 13" href="#">XIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_13" name="PurgatorioCanto 14" href="#">XIV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_14" name="PurgatorioCanto 15" href="#">XV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_15" name="PurgatorioCanto 16" href="#">XVI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_16" name="PurgatorioCanto 17" href="#">XVII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_17" name="PurgatorioCanto 18" href="#">XVIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_18" name="PurgatorioCanto 19" href="#">XIX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_19" name="PurgatorioCanto 20" href="#">XX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_20" name="PurgatorioCanto 21" href="#">XXI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_21" name="PurgatorioCanto 22" href="#">XXII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_22" name="PurgatorioCanto 23" href="#">XXIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_23" name="PurgatorioCanto 24" href="#">XXIV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_24" name="PurgatorioCanto 25" href="#">XXV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_25" name="PurgatorioCanto 26" href="#">XXVI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_26" name="PurgatorioCanto 27" href="#">XXVII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_27" name="PurgatorioCanto 28" href="#">XXVIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_28" name="PurgatorioCanto 29" href="#">XXIX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_29" name="PurgatorioCanto 30" href="#">XXX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_30" name="PurgatorioCanto 31" href="#">XXXI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_31" name="PurgatorioCanto 32" href="#">XXXII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_32" name="PurgatorioCanto 33" href="#">XXXIII</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-outline-secondary bg-light btn-link border rounded py-0 my-1 ml-1"
																						id="cantica3-xX0" data-toggle="collapse"
																						data-target="#collapseCa3-xX0"
																						aria-expanded="true"
																						aria-controls="collapseCa3-xX0">
																						<span class="h6 small font-weight-bold text-secondary">Paradiso</span>
																					</button>
																				</div>
																				<div
																					class="col-auto pr-1 align-self-center justify-content-end text-right">
																					<button id="plusBtn2-xX0"
																						class="btn btn-sm btn-outline-secondary bg-light addClaCont border rounded text-secondary px-1 py-0">
																						+></button>
																				</div>
																			</div>
																		</h6>
																	</div>
																	<div id="collapseCa3-xX0" class="collapse"
																		aria-labelledby="headingThree"
																		data-parent="#selectable-xX0">
																		<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="#">I</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_1" name="ParadisoCanto 2" href="#">II</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_2" name="ParadisoCanto 3" href="#">III</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_3" name="ParadisoCanto 4" href="#">IV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_4" name="ParadisoCanto 5" href="#">V</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_5" name="ParadisoCanto 6" href="#">VI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_6" name="ParadisoCanto 7" href="#">VII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_7" name="ParadisoCanto 8" href="#">VIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_8" name="ParadisoCanto 9" href="#">IX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_9" name="ParadisoCanto 10" href="#">X</span>
																			<span
																				class="sel-canto border small text-muted nowrap"
																				id="2_10" name="ParadisoCanto 11" href="#">XI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_11" name="ParadisoCanto 12" href="#">XII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_12" name="ParadisoCanto 13" href="#">XIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_13" name="ParadisoCanto 14" href="#">XIV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_14" name="ParadisoCanto 15" href="#">XV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_15" name="ParadisoCanto 16" href="#">XVI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_16" name="ParadisoCanto 17" href="#">XVII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_17" name="ParadisoCanto 18" href="#">XVIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_18" name="ParadisoCanto 19" href="#">XIX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_19" name="ParadisoCanto 20" href="#">XX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_20" name="ParadisoCanto 21" href="#">XXI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_21" name="ParadisoCanto 22" href="#">XXII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_22" name="ParadisoCanto 23" href="#">XXIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_23" name="ParadisoCanto 24" href="#">XXIV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_24" name="ParadisoCanto 25" href="#">XXV</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_25" name="ParadisoCanto 26" href="#">XXVI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_26" name="ParadisoCanto 27" href="#">XXVII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_27" name="ParadisoCanto 28" href="#">XXVIII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_28" name="ParadisoCanto 29" href="#">XXIX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_29" name="ParadisoCanto 30" href="#">XXX</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_30" name="ParadisoCanto 31" href="#">XXXI</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_31" name="ParadisoCanto 32" href="#">XXXII</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_32" name="ParadisoCanto 33" href="#">XXXIII</span>
																		</div>
																	</div>
																</div>
															</div>
														</div>

														<div class="col card p-0  pt-1 ml-2 mt-1 text-muted bg-lida-vis">
															<div class="row no-gutters p-0 justify-content-end">
																<div
																	class="col px-2 pt-1 align-self-start align-items-start justify-content-end text-right position-absolute"
																	style="z-index: 1000">
																	<button id="trashClaCont-xX0"
																		class="btn btn-sm btn-outline-secondary bg-light trashClaCont border rounded text-secondary 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="contextText-xX0">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 p-0">
											<div id="accordionSearch">
												<div
													class="row card d-flex justify-content-end bg-lida10  m-0">
													<div
														class="col justify-content-between d-sm-inline bg-lida10 px-2 pt-2 pb-0">
														<div class="col-12 p-0 pl-2">
															<span class="small text-muted align-bottom pr-2">Obiettivi della ricerca: </span>
														</div>

														<div class="input-group input-group-sm px-1 pt-1" style="max-width: 150px;">
															<div class="input-group-prepend">
																<label
																	class="input-group-text border-right-0 border-success"><ion-icon
																		name="receipt-outline"></ion-icon></label>
															</div>
															<select
																class="custom-select text-muted bg-light border border-success btn-outline-success "
																id="unitaRicerca">
																<option value="forme">Forme</option>
																<option value="frase">Frasi</option>
																<option value="verso">Versi</option>
																<option value="periodo">Periodi</option>
																<option value="discorso">Discorsi</option>
																<option value="sintagma">Sintagmi</option>
																<option value="metafora">Metafore</option>
															</select>
														</div>
													</div>
													<div
														class="col-12 justify-content-between d-sm-inline bg-lida10 p-2">
														<div class="col-12 p-0 pl-2">
															<span class="small text-muted align-bottom pr-2">Aggiungi
																clausole o condizioni logiche: </span>
														</div>
														<div class="btn-group btn-group-sm p-1" role="group">
															<button id="btnAddCla1" type="button"
																class="addCCbtn btn btn-sm btn-outline-success bg-light">
																<span class="text-muted">Morfologia</span>
															</button>
															<button id="btnAddCla2" type="button"
																class="addCCbtn btn btn-sm btn-outline-success bg-light">
																<span class="text-muted">Sintassi</span>
															</button>
															<button id="btnAddCla3" type="button"
																class="addCCbtn btn btn-sm btn-outline-success bg-light">
																<span class="text-muted">Metafore</span>
															</button>
															<label
																class="input-group-text border-top border-bottom border-right-0 border-left-0 border-success"
																style="border-radius: 0;"><ion-icon
																	name="extension-puzzle"></ion-icon></label>
															<button id="btnAddCond" type="button"
																class="addCCbtn btn btn-sm btn-outline-success bg-light">
																<span class="text-muted">AND/OR</span>
															</button>
														</div>
													</div>
												</div>

												<div id="collapseLogic" class="collapse show"
													aria-labelledby="headingLogic"
													data-parent="#accordionSearch">
													<div class="card-body p-0">

														<div class="row card tab-content bg-lida10 m-0 p-0"
															id="cla-TabContent">
															<div class="col-12 pt-2">
																<span class="small text-muted align-bottom pr-2">Definisci i filtri modificando
																	le clausole e/o trascinandole nelle condizioni logiche:</span>
															</div>
															<div class="col-12 tab-pane fade show active pt-1 pb-2"
																id="cla0" aria-labelledby="cla0-tab">


																<div id="cla-Advanced" style="display: d-flex">

																	<div class="p-1 well bg-lida10-mix" 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 ui-state-disabled-opacity-06 border text-muted bg-lida-vis small">Nessuna
																						clausola aggiunta.</li>
																				</ul>
																			</div>
																		</div>
																	</div>

																</div>

															</div>
														</div>

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

								</div>

							</div>

						</form>
					</div>

				</div>

			</div>

		</div>


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

			<!--   TIPO GRAMMATICALE -->
			<div style="display: none;"
				class="col-12 tab-pane px-0 bg-lida11 border-top"
				id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab"
				data-claType="Grammaticale" data-claActive="1">
				<div
					class="form-group form-inline input-group pt-3 px-2 m-0"
					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 custom-select-sm monMe bg-light text-muted border btn-outline-success"
						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 custom-select-sm monMe bg-light text-muted border btn-outline-success"
						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-0 my-1">
					<label for="typeGramm0" class="text-muted control-label small pl-2 pt-2 m-0">Categoria
						grammaticale:</label>
					<div class="form-inline input-group px-1 pt-1" action="">
						<div class="input-group-prepend">
							<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
						</div>
						<select
							class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
							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 pl-3 pr-2 mb-0 pt-1 pb-0 dettaglifiltri"></div>
				<div class="bg-light well m-0" id="contextDivN"></div>
			</div>
			<!--   FINE GRAMMATICALE -->

			<!--   TIPO SINTATTICO -->
			<div style="display: none;"
				class="col-12 tab-pane px-0 bg-lida11 border-top"
				id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab"
				data-claType="Sintattico" data-claActive="1">
				<div
					class=" form-group form-inline input-group pt-3 px-2 m-0"
					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 custom-select-sm monMe bg-light text-muted border btn-outline-success"
						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 custom-select-sm monMe bg-light text-muted border btn-outline-success"
						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-0 my-1">
					<label for="typeSyntax0"
						class="text-muted control-label small pl-2 pt-2 m-0">Tipo
						sintattico:</label>
					<div class="form-inline input-group px-1 pt-1" action="">
						<div class="input-group-prepend">
							<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
						</div>
						<select
							class="form-control custom-select custom-select-sm monMe bg-light text-muted border btn-outline-success"
							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 my-1">
					<label for="functionSyntax"
						class="text-muted control-label small pl-2 pt-2 m-0">Livello di
						subordinazione:</label>
					<div class="form-inline input-group px-1 pt-1" action="">
						<div class="input-group-prepend">
							<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
						</div>
						<select
							class="form-control custom-select custom-select-sm monMe bg-light text-muted border btn-outline-success"
							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 class="bg-light well m-0" id="contextDivN"></div>
			</div>
			<!--   FINE TIPO SINTATTICO -->
			<!--   TIPO METAFORA -->

			<div style="display: none;"
				class="col-12 tab-pane px-0 bg-lida11 border-top" id="tipometaforaN"
				role="tabpanel" aria-labelledby="claN-tab" data-claType="Metafora"
				data-claActive="1"></div>
			<!--   FINE TIPO METAFORA -->

			<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-lida-vis">
						<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-success editCla"
											id="headingCxX1Xx">
											<div style="height: 32px; width: 40px;"
												class="custom-switch p-0 align-self-end text-right text-success">
												<input type="checkbox" class="custom-control-input claAct align-self-end text-success border-success btn-success curPoint"
													name="cla-attiva" aria-label="attiva" id="actiClaSWxX3Xx"><label class="custom-control-label form-control-sm text-success p-0 curPoint"
													for="actiClaSWxX1Xx"></label>
											</div>
										</div>
										<div class="col-md-auto p-0 m-0 text-right text-success">
											<button class="btn btn-sm removeCla text-success border rounded px-1 pb-0" style="z-index: 1000">
												<ion-icon name="close-circle"></ion-icon>
											</button>
										</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 text-success position-absolute">
									<button id="claCollapsexX1Xx"
										class="btn btn-sm btn-link claCollBtn collapsed px-4 pb-0 border text-success btn-outline-success bg-light"
										data-toggle="collapse" data-target="#collapseClaxX1Xx"
										aria-expanded="false" aria-controls="collapseClaxX1Xx">
										<ion-icon name="pencil"></ion-icon>
									</button>
								</div>
							</div>
						</div>
						<div id="collapseClaxX1Xx" class="collapse"
							aria-labelledby="headingCxX1Xx" data-parent="#sortable0">
							<div class="card-body p-0 mx-1 mb-1 bg-lida11 border rounded border-success"
								id="claBodyxX1Xx"></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 text-muted bg-xX6Xx">
						<ul id="sortablexX4Xx" class="handle list-group ui-sortable">
							<div class="row ml-0 mb-1 mt-0 pr-2 justify-content-between">
								<div class="col-md-auto d-flex flex-nowrap p-0 m-0 mt-1 small font-weight-bold text-muted align-self-start">
									<div class="pl-0 pr-1">
										<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
									</div>
									<div class="small font-weight-bold text-muted">
										<select
											class="py-0 custom-select custom-select-sm small text-muted bg-light form-control condType"
											id="andOrSelect-xX4Xx">
											<option>AND</option>
											<option>OR</option>
										</select>
									</div>
								</div>
								<div class="col-md-auto p-0 mr-2 mt-0 text-right text-success">
									<button class="btn btn-sm btn-outline-success iconClClass removeCond text-success border rounded px-1 pb-0" style="z-index: 1000">
										<ion-icon name="close-circle"></ion-icon>
									</button>
								</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">Trascina
								qui almeno 2 clausole o condizioni</li>
						</ul>
					</li>
					<!--   FINE LI LOGICA -->
				</ul>
			</div>
			<!-- FINE MODELLI CLAUSOLE -->
		</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>