.container-dropdown {
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100vh;
	display: block;
	padding: 0px 1rem;
	z-index: 1000;
	visibility: hidden;
}

.container-dropdown.open {
	visibility: visible;
}

.container-dropdown .dropdown-overlay {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000000;
	transition: var(--Transition);
}

.container-dropdown.open .dropdown-overlay {
	background-color: #00000050;
}

.container-dropdown .dropdown-content {
	background-color: var(--ColorContainer);
	position: absolute;
	margin: 0px;
	border-radius: 0.25rem;
	padding: 0.5rem;
	box-shadow: 2px 2px 10px rgb(0, 0, 0, 0.2);
	z-index: 10;
	overflow: auto;
	max-height: 16rem;

	transform: translateY(0px);
	opacity: 1;
	transition: var(--Transition);
}

.container-dropdown:not(.open) .dropdown-content {
	opacity: 0;
	transform: translateY(2rem);
}

.container-dropdown .dropdown-content ul {
	padding: 0px;
	list-style: none;
	margin: 0px;
}

.container-dropdown .dropdown-content ul li {
	padding: 0.5rem 0.75rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	border-radius: 0.25rem;
	font-family: var(--FontPrincipale);
}

.container-dropdown .dropdown-content ul li.active {
	background-color: var(--ColorBlue10);
	color: var(--ColorBlue);
}

.container-dropdown .dropdown-content .input-container {
	border-radius: 0.25rem;
}

.container-dropdown .dropdown-content ul li:not(:last-child) {
	margin-bottom: 0.5rem;
}

.container-dropdown .dropdown-content ul li:hover {
	background-color: var(--ColorRow);
}

.container-dropdown .dropdown-content ul li.active:hover {
	background-color: var(--ColorBlue);
	color: white;
}

.container-dropdown .dropdown-content ul li.text-danger {
	color: var(--ColorRed);
}

.container-dropdown .dropdown-content ul li a {
	text-decoration: none;
	color: inherit;
}

.container-dropdown .dropdown-content ul li.p-0 a {
	padding: 0.5rem 0.75rem;
}