/********** appointment style CSS **********/
.popup {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	padding: 20px 30px;
	border-radius: 10px;
	font-size: 18px;
	color: white;
	animation: fadeIn 0.4s ease;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.popup-success {
	background-color: #198754;
}
.popup-danger {
	background-color: #dc3545;
}
@keyframes fadeIn {
	from {opacity: 0; transform: translate(-50%, -20%);}
	to {opacity: 1; transform: translate(-50%, 0);}
}