.blink_text {
	animation:1s blinker linear infinite;
	color: #00f;
	font-size:18px;
	font-weight:bold;
}
.blink_text a {color:#f00;}
	@keyframes blinker { 
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
	}
.unread-badge {
    background-color: red;
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 50%;
    padding: 3px 6px;
    position: absolute;
    top: 0;
    right: 0;
}
.chat-icon {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 10px;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.chat-list-container {
	position: fixed;
	top: 0;
	right: -100%; /* Chiuso di default */
	width: 300px; /* Larghezza predefinita */
	height: 100%; /* Altezza predefinita */
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 1000;
	transition: right 0.3s ease; /* Transizione per l'animazione */
	overflow-y: auto;
}

.chat-list-header {
	background-color: #7f4Aee;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.chat-list {
	padding: 10px;
}

.img-circle {
	
}

.chat-box {
	position: fixed;
	bottom: 0;
	right: 320px;
	width: 300px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 1000;
	display: none;
}
.chat-header {
	background-color: #7f4Aee;
	color: #fff;
	padding: 10px;
	cursor: pointer;
}
.chat-body {
	height: 300px;
	max-height: 300px;
	overflow-y: auto;
}
#messages-container {
	max-height: 400px; /* Altezza massima desiderata */
	padding: 10px; /* Aggiunge spazio interno per una migliore visualizzazione */
}
.chat-footer {
	
}
.message-container {
	word-wrap: break-word; /* Fai andare a capo le parole lunghe se necessario */
	margin-bottom: 1.2rem; /* Aggiunge spazio inferiore tra i messaggi */
}


/* Media query per adattare la chat-box su schermi di dimensioni più piccole (mobile) */
@media (max-width: 767px) {
	.chat-list-container {
		width: 100%; /* Utilizza tutta la larghezza disponibile */
		height: 95%; /* Utilizza tutta l'altezza disponibile */
		transition: right 0.3s ease; /* Transizione per l'animazione */
		margin-top:3rem;
		overflow-y: auto;

	}
	.chat-list {
		padding: 10px;
		position: absolute;
		height: 95%;
		bottom: 0rem;
		width: 100%;
	}
	.chat-list-header {
		background-color: #7f4Aee;
		color: #fff;
		padding: 10px;
		text-align: center;
		position: fixed;
		width: 100%;
		z-index: 1001;
	}
	.chat-footer {
		padding: 1rem;
		position: absolute;
		bottom: 0;
		width:100%;
	}
    .chat-box {
		right: 0;
		width: 100%;
		max-width: 100%;
		height: 95%;
		max-height: 95%;
		position: fixed; /* Cambiato da absolute a fixed */
		z-index: 1002;
		bottom: 0;
		background-color: #fff; /* Aggiunto sfondo per evitare sovrapposizioni trasparenti */
	}
	.chat-header {
		background-color: #7f4Aee;
		color: #fff;
		padding: 10px;
		cursor: pointer;
		position: absolute;
		width: 100%;
		right:0;
		top:0.5rem;
		z-index: 1003;
        }
	.chat-body {
		height: 85%!important;
		max-height: 85%!important;
		overflow-y: auto;
		margin-top: 4rem;
	}
	#messages-container {
		max-height: 90%; /* Altezza massima desiderata */
		padding: 10px; /* Aggiunge spazio interno per una migliore visualizzazione */
	}
}