<!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.lida2.css">
<link rel="stylesheet"  id="style1-Custom" href="./css/custom_4.2.css">
<link rel="stylesheet"  id="style2-Boot" href="./css/bootstrap.min.lida1.css" disabled>
<link rel="stylesheet"  id="style2-Custom" href="./css/custom2_4.2.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="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.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.2.js"></script>


</head>
<body class="body-vis">

	<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: 32px; max-width: 180px;">
								<div class="input-group-prepend">
									<label class="input-group-text border-right-0 pr-0"><ion-icon
											name="glasses"></ion-icon></label> <label
										class="input-group-text text-muted border-left-0 "
										for="valoreVista">Vista:</label>
								</div>
								<select class="custom-select text-muted bg-light border"
									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 pr-0"><ion-icon
											name="search-circle"></ion-icon></label> <label
										class="input-group-text text-muted border-left-0"
										for="tipoRicerca">Ricerca:</label>
								</div>
								<input id="searchToggle" type="checkbox" data-toggle="toggle0"
									data-on="Avanzata" data-off="Semplice" data-size="small"
									data-style="font-size: 80%!important;" data-onstyle="success"
									data-offstyle="secondary">
							</div>
						</li>
					</ul>
				</div>


			</nav>
		</div>

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

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

				<div id="colNavigazione" class="d-table-cell menuNavigazione align-top"">
					<div id="accordionNav" class="pr-2">
						<div class="card">
							<div class="card-header px-1" id="headingOne">
								<h6 class="mb-0">
									<div class="row no-gutters justify-content-between">
										<div class="col-auto flex-fill align-self-center text-muted">
											<button class="btn btn-sm btn-link" id="cantica1"
												data-toggle="collapse" data-target="#collapseOne"
												aria-expanded="true" aria-controls="collapseOne"><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="collapseOne" class="collapse show"
								aria-labelledby="headingOne" data-parent="#accordionNav">
								<div class="card-body">
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 1" href="#" >1</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 2" href="#" >2</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 3" href="#" >3</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 4" href="#" >4</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 5" href="#" >5</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 6" href="#" >6</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 7" href="#" >7</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 8" href="#" >8</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 9" href="#" >9</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 10" href="#" >10</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 11" href="#" >11</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 12" href="#" >12</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 13" href="#" >13</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 14" href="#" >14</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 15" href="#" >15</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 16" href="#" >16</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 17" href="#" >17</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 18" href="#" >18</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 19" href="#" >19</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 20" href="#" >20</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 21" href="#" >21</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 22" href="#" >22</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 23" href="#" >23</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 24" href="#" >24</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 25" href="#" >25</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 26" href="#" >26</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 27" href="#" >27</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 28" href="#" >28</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 29" href="#" >29</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 30" href="#" >30</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 31" href="#" >31</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 32" href="#" >32</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 33" href="#" >33</span>
									<span class="navig-canto small text-muted nowrap"
										name="InfernoCanto 34" href="#" >34</span>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header px-1" id="headingTwo">
								<h6 class="mb-0">
									<div class="row no-gutters justify-content-between">
										<div class="col-auto flex-fill align-self-center text-muted">
											<button class="btn btn-sm btn-link" id="cantica2"
												data-toggle="collapse" data-target="#collapseTwo"
												aria-expanded="true" aria-controls="collapseTwo"><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="collapseTwo" class="collapse"
								aria-labelledby="headingTwo" data-parent="#accordionNav">
								<div class="card-body">
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 1" href="#" >1</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 2" href="#" >2</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 3" href="#" >3</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 4" href="#" >4</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 5" href="#" >5</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 6" href="#" >6</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 7" href="#" >7</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 8" href="#" >8</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 9" href="#" >9</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 10" href="#" >10</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 11" href="#" >11</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 12" href="#" >12</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 13" href="#" >13</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 14" href="#" >14</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 15" href="#" >15</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 16" href="#" >16</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 17" href="#" >17</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 18" href="#" >18</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 19" href="#" >19</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 20" href="#" >20</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 21" href="#" >21</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 22" href="#" >22</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 23" href="#" >23</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 24" href="#" >24</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 25" href="#" >25</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 26" href="#" >26</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 27" href="#" >27</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 28" href="#" >28</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 29" href="#" >29</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 30" href="#" >30</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 31" href="#" >31</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 32" href="#" >32</span>
									<span class="navig-canto small text-muted nowrap"
										name="PurgatorioCanto 33" href="#" >33</span>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header px-1" id="headingThree">
								<h6 class="mb-0">
									<div class="row no-gutters justify-content-between">
										<div class="col-auto flex-fill align-self-center text-muted">
											<button class="btn btn-sm btn-link" id="cantica3"
												data-toggle="collapse" data-target="#collapseThree"
												aria-expanded="true" aria-controls="collapseThree"><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="collapseThree" class="collapse"
								aria-labelledby="headingThree" data-parent="#accordionNav">
								<div class="card-body">
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 1" href="#" >1</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 2" href="#" >2</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 3" href="#" >3</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 4" href="#" >4</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 5" href="#" >5</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 6" href="#" >6</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 7" href="#" >7</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 8" href="#" >8</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 9" href="#" >9</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 10" href="#" >10</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 11" href="#" >11</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 12" href="#" >12</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 13" href="#" >13</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 14" href="#" >14</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 15" href="#" >15</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 16" href="#" >16</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 17" href="#" >17</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 18" href="#" >18</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 19" href="#" >19</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 20" href="#" >20</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 21" href="#" >21</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 22" href="#" >22</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 23" href="#" >23</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 24" href="#" >24</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 25" href="#" >25</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 26" href="#" >26</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 27" href="#" >27</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 28" href="#" >28</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 29" href="#" >29</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 30" href="#" >30</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 31" href="#" >31</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 32" href="#" >32</span>
									<span class="navig-canto small text-muted nowrap"
										name="ParadisoCanto 33" href="#" >33</span>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="card-header px-1" id="headingZero" style="display: none;">
								<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 nav-link">
											Lista completa
										</div>
										<div id="cantica0-badge"
											class="col-auto align-self-center align-self-end text-right">
										</div>
									</div>
								</h6>
							</div>
						</div>
					</div>

				</div>

				<div id="colVisualizza" class="d-table-cell bg-lida-vis border-left border-bottom align-top">
				
					<div class="d-table h-75 w-100">
						<div class="d-table-row">
							<div class="blog-main visCanto w-100 h-100">
								<div id='displaycanto' class="w-100 py-3 pl-3"></div>
								<div class="ui-resizable-handle ui-resizable-s border-bottom doubleborder"></div>
							</div>
						</div>
						<div class="d-table-row h-100 w-100">
							<div class="visInfo w-100 h-100 py-3 pl-3">
								<div id='displayinfo' class="w-100" style="display: d-flex;">Visualizza info <br><br><br><br><br><br><br><br><br><br><br><br><br></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 p-0 m-0 w-100 h-100"></div>
				</div>

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

					<div class="w-100 pl-2 py-0 m-0">

						<form>

							<div id="rigaRicercaSemplice"
								class="row card bg-lida10 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" role="group"
										aria-label="Bottoni Ricerca	Semplice">
										<div class="pr-0 align-self-end">
											<input class="form-control-sm pr-0 border border-success monMe"
												type="text" id="queryText"
												placeholder=' inserisci un termine'
												style="height: 32px;">
										</div>
										<button class="btn btn-sm btn-success mr-2" type="submit"
											id='searchcomm'>
											<ion-icon name="search"></ion-icon>
										</button>
										<button class="btn btn-sm btn-outline-success bg-light mr-2"
											type="button" id='cleanresult' aria-expanded="false"
											aria-controls="collapseExample">
											<span class="text-muted">Reset</span>
										</button>
										<button class="btn btn-sm btn-outline-success 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>
									</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">
										<span
											class="border border-success rounded bg-light p-1 mb-1 align-text-bottom"><ion-icon
												name="save-outline"></ion-icon> <ion-icon
												name="folder-open-outline"></ion-icon> <ion-icon
												name="cloud-upload-outline"></ion-icon> <ion-icon
												name="cloud-download-outline"></ion-icon></span>
									</div>
									<div class="btn-group d-sm-inline flex-nowrap p-0" role="group"
										aria-label="Bottoni Ricerca	Avanzata">
										<button class="btn btn-sm btn-success mr-1" type="submit"
											id='searchcomm2'>
											<ion-icon name="search"></ion-icon>
										</button>
										<button class="btn btn-sm btn-outline-success bg-light mr-1"
											type="button" id='cleanresult2' aria-expanded="false"
											aria-controls="collapseExample">
											<span class="text-muted">Reset</span>
										</button>
										<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>
									</div>
								</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-lida10 p-2">
												<div class="form-inline input-group mb-2">
													<select
														class="form-control custom-select-sm text-muted bg-light monMe btn-outline-success"
														id="lemma_forma">
														<option value="forma">La forma</option>
														<option value="lemma">Il lemma</option>
														<option value="testo">Il testo</option>
													</select> <select
														class="form-control custom-select-sm text-muted bg-light ml-2 monMe btn-outline-success"
														id="opzioni_testo">
														<option value="parola">come Parola</option>
														<option value="sottostringa">come Sottostringa</option>
														<option value="prefisso">come Prefisso</option>
														<option value="suffisso">come Suffisso</option>
														<option value="regexp">come Espressione regolare</option>
													</select>
												</div>

												<div class="border bg-light well m-0" id="contextDiv0">

													<div id="contextTable-xX0"
														class="row no-gutters px-2 pt-0 pb-2 border border-success rounded bg-lida10">
														<div class="col-12 pb-0 pt-2 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-success 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-success">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-success bg-light addClaCont border rounded text-success 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="#"
																				>1</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_1" name="InfernoCanto 2" href="#"
																				>2</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_2" name="InfernoCanto 3" href="#"
																				>3</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_3" name="InfernoCanto 4" href="#"
																				>4</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_4" name="InfernoCanto 5" href="#"
																				>5</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_5" name="InfernoCanto 6" href="#"
																				>6</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_6" name="InfernoCanto 7" href="#"
																				>7</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_7" name="InfernoCanto 8" href="#"
																				>8</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_8" name="InfernoCanto 9" href="#"
																				>9</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_9" name="InfernoCanto 10" href="#"
																				>10</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_10" name="InfernoCanto 11" href="#"
																				>11</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_11" name="InfernoCanto 12" href="#"
																				>12</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_12" name="InfernoCanto 13" href="#"
																				>13</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_13" name="InfernoCanto 14" href="#"
																				>14</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_14" name="InfernoCanto 15" href="#"
																				>15</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_15" name="InfernoCanto 16" href="#"
																				>16</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_16" name="InfernoCanto 17" href="#"
																				>17</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_17" name="InfernoCanto 18" href="#"
																				>18</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_18" name="InfernoCanto 19" href="#"
																				>19</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_19" name="InfernoCanto 20" href="#"
																				>20</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_20" name="InfernoCanto 21" href="#"
																				>21</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_21" name="InfernoCanto 22" href="#"
																				>22</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_22" name="InfernoCanto 23" href="#"
																				>23</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_23" name="InfernoCanto 24" href="#"
																				>24</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_24" name="InfernoCanto 25" href="#"
																				>25</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_25" name="InfernoCanto 26" href="#"
																				>26</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_26" name="InfernoCanto 27" href="#"
																				>27</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_27" name="InfernoCanto 28" href="#"
																				>28</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_28" name="InfernoCanto 29" href="#"
																				>29</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_29" name="InfernoCanto 30" href="#"
																				>30</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_30" name="InfernoCanto 31" href="#"
																				>31</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_31" name="InfernoCanto 32" href="#"
																				>32</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_32" name="InfernoCanto 33" href="#"
																				>33</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="0_33" name="InfernoCanto 34" href="#"
																				>34</span>
																		</div>
																	</div>
																</div>
																<div class="card">
																	<div class="card-header p-1" id="headingTwo">
																		<h6 class="mb-0">
																			<div class="row no-gutters justify-content-between">
																				<div
																					class="col-auto flex-fill align-self-center text-muted">
																					<button
																						class="btn btn-sm btn-outline-success 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-success">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-success bg-light addClaCont border text-success 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="#"
																				>1</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_1" name="PurgatorioCanto 2" href="#"
																				>2</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_2" name="PurgatorioCanto 3" href="#"
																				>3</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_3" name="PurgatorioCanto 4" href="#"
																				>4</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_4" name="PurgatorioCanto 5" href="#"
																				>5</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_5" name="PurgatorioCanto 6" href="#"
																				>6</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_6" name="PurgatorioCanto 7" href="#"
																				>7</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_7" name="PurgatorioCanto 8" href="#"
																				>8</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_8" name="PurgatorioCanto 9" href="#"
																				>9</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_9" name="PurgatorioCanto 10" href="#"
																				>10</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_10" name="PurgatorioCanto 11" href="#"
																				>11</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_11" name="PurgatorioCanto 12" href="#"
																				>12</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_12" name="PurgatorioCanto 13" href="#"
																				>13</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_13" name="PurgatorioCanto 14" href="#"
																				>14</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_14" name="PurgatorioCanto 15" href="#"
																				>15</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_15" name="PurgatorioCanto 16" href="#"
																				>16</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_16" name="PurgatorioCanto 17" href="#"
																				>17</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_17" name="PurgatorioCanto 18" href="#"
																				>18</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_18" name="PurgatorioCanto 19" href="#"
																				>19</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_19" name="PurgatorioCanto 20" href="#"
																				>20</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_20" name="PurgatorioCanto 21" href="#"
																				>21</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_21" name="PurgatorioCanto 22" href="#"
																				>22</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_22" name="PurgatorioCanto 23" href="#"
																				>23</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_23" name="PurgatorioCanto 24" href="#"
																				>24</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_24" name="PurgatorioCanto 25" href="#"
																				>25</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_25" name="PurgatorioCanto 26" href="#"
																				>26</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_26" name="PurgatorioCanto 27" href="#"
																				>27</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_27" name="PurgatorioCanto 28" href="#"
																				>28</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_28" name="PurgatorioCanto 29" href="#"
																				>29</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_29" name="PurgatorioCanto 30" href="#"
																				>30</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_30" name="PurgatorioCanto 31" href="#"
																				>31</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_31" name="PurgatorioCanto 32" href="#"
																				>32</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="1_32" name="PurgatorioCanto 33" href="#"
																				>33</span>
																		</div>
																	</div>
																</div>
																<div class="card">
																	<div class="card-header p-1" id="headingThree">
																		<h6 class="mb-0">
																			<div class="row no-gutters justify-content-between">
																				<div
																					class="col-auto flex-fill align-self-center text-muted">
																					<button
																						class="btn btn-sm btn-outline-success 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-success">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-success bg-light addClaCont border rounded text-success 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="#"
																				>1</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_1" name="ParadisoCanto 2" href="#"
																				>2</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_2" name="ParadisoCanto 3" href="#"
																				>3</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_3" name="ParadisoCanto 4" href="#"
																				>4</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_4" name="ParadisoCanto 5" href="#"
																				>5</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_5" name="ParadisoCanto 6" href="#"
																				>6</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_6" name="ParadisoCanto 7" href="#"
																				>7</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_7" name="ParadisoCanto 8" href="#"
																				>8</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_8" name="ParadisoCanto 9" href="#"
																				>9</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_9" name="ParadisoCanto 10" href="#"
																				>10</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_10" name="ParadisoCanto 11" href="#"
																				>11</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_11" name="ParadisoCanto 12" href="#"
																				>12</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_12" name="ParadisoCanto 13" href="#"
																				>13</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_13" name="ParadisoCanto 14" href="#"
																				>14</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_14" name="ParadisoCanto 15" href="#"
																				>15</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_15" name="ParadisoCanto 16" href="#"
																				>16</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_16" name="ParadisoCanto 17" href="#"
																				>17</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_17" name="ParadisoCanto 18" href="#"
																				>18</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_18" name="ParadisoCanto 19" href="#"
																				>19</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_19" name="ParadisoCanto 20" href="#"
																				>20</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_20" name="ParadisoCanto 21" href="#"
																				>21</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_21" name="ParadisoCanto 22" href="#"
																				>22</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_22" name="ParadisoCanto 23" href="#"
																				>23</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_23" name="ParadisoCanto 24" href="#"
																				>24</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_24" name="ParadisoCanto 25" href="#"
																				>25</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_25" name="ParadisoCanto 26" href="#"
																				>26</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_26" name="ParadisoCanto 27" href="#"
																				>27</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_27" name="ParadisoCanto 28" href="#"
																				>28</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_28" name="ParadisoCanto 29" href="#"
																				>29</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_29" name="ParadisoCanto 30" href="#"
																				>30</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_30" name="ParadisoCanto 31" href="#"
																				>31</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_31" name="ParadisoCanto 32" href="#"
																				>32</span> <span
																				class="sel-canto border small text-muted nowrap"
																				id="2_32" name="ParadisoCanto 33" href="#"
																				>33</span>
																		</div>
																	</div>
																</div>
															</div>
														</div>

														<div class="col p-0  pt-1 ml-2 mt-1 border bg-light text-muted">
															<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-success bg-light trashClaCont border rounded text-success 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="input-group input-group-sm px-1 pt-1" style="max-width: 250px;">
															<div class="input-group-prepend">
																<label
																	class="input-group-text border-right-0 border-success pr-0"><ion-icon
																		name="receipt-outline"></ion-icon></label> <label
																	class="input-group-text text-muted border-left-0 border-success"
																	for="unitaRicerca">Unità di ricerca:</label>
															</div>
															<select
																class="custom-select text-muted bg-light border border-success btn-outline-success "
																id="unitaRicerca">
																<option value="forme">Forma</option>
																<option value="lemma">Lemma</option>
																<option value="frase">Frase</option>
																<option value="verso">Verso</option>
																<option value="periodo">Periodo</option>
																<option value="discorso">Discorso</option>
																<option value="sintagma">Sintagma</option>
																<option value="metafora">Metafora</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"
																	id="tipoRicerca">Definisci i filtri modificando
																	le clausole e/o trascinandole nelle condizioni logiche:</span>
															</div>
															<div class="col-12 tab-pane fade show active p-1 pb-2"
																id="cla0" role="tabpanel" aria-labelledby="cla0-tab">


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

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

																</div>

															</div>
														</div>

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

								</div>

							</div>

						</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-lida12 border-top"
				id="tipogrammaticaleN" role="tabpanel" aria-labelledby="claN-tab"
				data-claType="Grammaticale" data-claActive="1">
				<div
					class="form-group form-inline input-group border-bottom border-success py-2 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-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-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-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 mr-3 mb-0 p-1 px-2 pb-0 dettaglifiltri"></div>
				<div class="border 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-lida12 border-top"
				id="tiposintatticoN" role="tabpanel" aria-labelledby="claN-tab"
				data-claType="Sintattico" data-claActive="1">
				<div
					class=" form-group form-inline input-group border-bottom border-success py-2 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-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-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-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 mt-1 mb-2">
					<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-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="border 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-lida12 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-white">
						<div class="handle container p-0 pl-1">
							<div
								class="row no-gutters flex-nowrap align-items-start justify-content-between">
								<div class="col-md-auto pl-0 pr-1 align-self-start">
									<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
								</div>
								<div style="min-height: 64px;"
									class="col-md-auto pl-0 pr-2 pb-2 flex-fill align-self-start">
									<span class="small clatext">xX2Xx<br> <br></span>
								</div>
								<div
									class="col-md-auto px-1 align-self-start justify-content-end">
									<div class="row no-gutters flex-nowrap justify-content-end">
										<div
											class="col-auto pb-0 pl-2 pr-1 pt-1 align-top flex-grow-1 align-self-start justify-content-end text-right bd-highlight text-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"
													name="cla-attiva" aria-label="attiva" id="actiClaSWxX3Xx"><label class="custom-control-label form-control-sm text-success p-0"
													for="actiClaSWxX1Xx"></label>
											</div>
										</div>
										<div
											class="col-auto pb-0 pl-1 pr-2 pt-1 align-top align-self-start justify-content-end text-right bd-highlight text-success removeCla">
											<ion-icon name="close-circle"></ion-icon>
										</div>
									</div>
								</div>
							</div>
							<div
								class="row no-gutters flex-nowrap align-items-start justify-content-end">
								<div class="col-auto flex-fill align-self-start"></div>
								<div
									class="col-auto pr-1 align-self-end align-items-end justify-content-end text-right text-success position-absolute">
									<button id="claCollapsexX1Xx"
										class="btn btn-sm btn-link claCollBtn collapsed mr-2 px-4 pb-0 border border-success text-success btn-outline-success"
										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-lida12 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 border text-muted bg-xX6Xx">
						<ul id="sortablexX4Xx" class="handle list-group ui-sortable">
							<div class="row ml-0 my-1 pr-2 justify-content-between">
								<div class="small font-weight-bold text-muted">
									<select
										class="p-0 custom-select-sm small text-muted bg-xX6Xx form-control condType btn-outline-success"
										id="andOrSelect-xX4Xx">
										<option>AND</option>
										<option>OR</option>
									</select>
								</div>
								<div class="p-0 mr-3 mt-1 text-right text-success">
									<span class="iconClClass removeCond"><ion-icon
											name="close-circle"></ion-icon></span>
								</div>
							</div>
							<li id="placeholderSortxX4Xx"
								class="mx-0 my-1 p-1 pl-3 list-group-item align-items-center border text-muted small bg-light ui-state-disabled ui-state-disabled-opacity-06">Trascina
								qui almeno 2 clausole o condizioni</li>
						</ul>
					</li>
					<!--   FINE LI LOGICA -->
				</ul>
			</div>
			<!-- FINE MODELLI CLAUSOLE -->
		</div>


	</div>

	<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>