.blurred {
            filter: blur(5px);
            pointer-events: none; /* Disabilita gli eventi del mouse */
        }
        .login-message {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
            z-index: 1000; /* Assicurati che sia sopra tutto il resto */
        }
   /* Stili del menu laterale */
        .sidebar {
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            width: 200px;
            background: linear-gradient(to bottom, #191919, #404040);
            color: white;
            transition: width 0.3s;
        }
		
        .sidebar.collapsed {
            width: 50px;
        }

        .sidebar .nav-item {
            text-align: center;
            padding: 0.5rem;
			margin-bottom: -0.5rem;
			color:#bd9dff!important;
        }
		.sidebar .nav-logo {
            text-align: center;
            padding: 0.5rem;
        }

        .sidebar .nav-item .nav-link {
            color: white;
        }

        .sidebar .nav-item .nav-link:hover {
            background-color: #495057;
        }

        .sidebar .toggle-btn {
            position: absolute;
            top: 10px;
            right: -30px;
            background-color: #343a40;
            color: white;
            border: none;
            cursor: pointer;
        }

        .content {
            margin-left: 200px;
            transition: margin-left 0.3s;
            padding: 1rem;
        }

        .content.collapsed {
            margin-left: 50px;
        }

        /* Stili del dashpanel */
        .dashpanel {
			color: white;
			border-radius: 10px;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
			background: linear-gradient(to bottom, #8361cc, #000000);
			padding: 3rem;
			width: 90%;
		}
		.dashinside {
			border-radius: 10px;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
			background: #404040;
			height: 100%;
		}
		.dashpanel img {
			display: block;
			margin: 0 auto; /* Centra l'immagine */
			border-radius: 15px; /* Arrotonda gli angoli dell'immagine */
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Applica un'ombra all'immagine */
		}
		.dashpanel .btn {
			display: inline-block; /* Mantiene il comportamento inline-block per i bottoni */
			margin: 1rem auto; /* Centra il bottone e aggiunge un margine verticale */
			padding: 0.5rem 1rem; /* Aggiunge padding al bottone */
		}
		.menuicon {
			width:24px;
			height:auto;
			font-size: 1.5rem;
		}
		.fcolumn {
				flex-direction: column;
				align-items: flex-start;
			}
		@media (max-width: 992px) {
			 .sidebar .toggle-btn {
				display: none;
			 }
            .sidebar {
                width: 50px; /* Larghezza ridotta per schermi più piccoli */
            }
			.vocemenu {
				display: none;
			}
            .content {
                margin-left: 50px; /* Riduci il margine a sinistra per fare spazio al menu */
            }
			.dashpanel {
				color: white;
				border-radius: 10px;
				box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
				background: linear-gradient(to bottom, #8361cc, #000000);
				padding: 1rem;
				width: 90%;
				padding: 2rem;
			}
			.content {
				padding:0;
			}
			.fcolumn {
				flex-direction: column;
			}
        }
		
        .share-menu {
            display: flex;
            justify-content: center;
            list-style: none;
            padding: 0;
        }
        .share-menu li {
            margin: 0 10px;
        }
        .share-menu a {
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            border-radius: 50%;
            font-size: 24px;
            transition: background-color 0.3s;
        }
        .share-menu a:hover {
            opacity: 0.8;
        }
        .share-menu .whatsapp {
            background-color: #25D366;
        }
        .share-menu .telegram {
            background-color: #0088cc;
        }
		
/* effetti SMOOTH in movimento */
		.smoothBackground {
    background: radial-gradient(circle, rgba(75, 0, 130, 0.5), rgba(72, 61, 139, 0.5), rgba(138, 43, 226, 0.5), rgba(255, 0, 255, 0.5));
    background-size: 200% 200%;
    animation: smokeAnimation 20s ease infinite;
}

@keyframes smokeAnimation {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

.smoothBackground2 {
    background: linear-gradient(135deg, #4b0082, #483d8b, #8a2be2, #9792A8, #ff00ff);
    background-size: 400% 400%;
    animation: gradientAnimation 15s ease infinite;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}