#pmenu {
	width: 100%;
	background-color: #f5f5f5;
	font-family: sans-serif;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 1rem;
	max-height: 100vh;
	overflow: hidden auto;
}

#pmenu ul {
	list-style: none;
	padding-left: 15px;
	margin: 0;
}

.classea {
	padding: 7px 10px;
	font-size: var(--search-size, 14px);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
	cursor: pointer;
}

#pmenu li {
	position: relative;
	cursor: pointer;
	margin: 5px 0;
	text-wrap: nowrap;
}

#pmenu li>a {
	display: inline-block;
	white-space: nowrap;
}

#pmenu li>ul {
	display: none;
}

#pmenu li.open>ul {
	display: block;
}

.toggle-arrow::before {
	font-family: "Font Awesome 6 Free";
	content: "\f0da"; /* freccia verso destra */
	font-weight: 900;
	margin-right: 5px;
	display: inline-block;
	transition: transform 0.2s;
}

.open>.toggle-arrow::before {
	transform: rotate(90deg); /* freccia verso il basso */
}

.slide-menu {
	/*   position: fixed; */
	/*   top: 0; */
	/*   left: 0; */
	/*   height: 100%; */
	/*   width: 300px; */
	/*   background: #f8f9fa; */
	/*   overflow-y: auto; */
	/*   transform: translateX(-100%); */
	/*   transition: transform 0.3s ease; */
	/*   z-index: 1040; */
	/*   padding: 1rem; */
	/* 	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2); */
	
}

.slide-menu.show {
	transform: translateX(0);
}

.title-left-menu {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25rem;
	align-self: center;
}

@media ( max-width : 768px) {
	#pmenu {
		position: absolute;
		left: -250px;
		top: 0;
		height: 100%;
		width: 250px;
		background: #f5f5f5;
		transition: left 0.3s;
		z-index: 1000;
	}
	#pmenu.visible {
		left: 0;
	}
	#menu-toggle {
		position: fixed;
		top: 10px;
		left: 10px;
		z-index: 1100;
		background-color: #1abc9c;
		color: white;
		padding: 10px;
		border: none;
		cursor: pointer;
	}
}