<div class="v3-col-xl-6 v3-col-md-6 v3-col-sm-12 v3-col-xs-12 mdn">
	<section class="card card-featured-left card-featured-info mb-3 bgt" style="">
		<header class="card-header">
			<div class="card-actions">
				<a href="?ne=notlar&islem=notlar" class="card-action"> Tümü</a>
			</div>
			<h2 class="card-title"><i class="fa-solid fa-user"></i> <?php echo ctranslate("E-Ajanda");?></h2>
			<p class="card-subtitle">...</p>
		</header>
		<style>
			.v3_calendar td { font-size: 14px; text-align: center; }
			.unavailable { background: #337ab77a }
			.oncekiay {color: #000; cursor: pointer; text-decoration: none !important; }
			.sonrakiay {color: #000;cursor: pointer;text-decoration: none !important;}
			.gbaslik {padding: 10px;text-align: center;}
			td:hover {filter: drop-shadow(2px 4px 6px black);background: #337ab7 !important;color: #fff !important;}
			i {position: relative;}
			i span{position: absolute; font-size: 8px; top: 0px; right: -7px; width: 12px; height: 12px; background: red; padding: 1px; border-radius: 50%;}
			<?php if($mobile<>"") {
				?>.other-month {padding: 10px;position: relative;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
			<?php } else { ?>
				.other-month {padding: 20px 10px;position: relative;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
			<?php }?>
			.dot { position: absolute; bottom: 10px; right: 10px; display: flex; justify-content: flex-end; align-items: flex-end; }
			.icon-container { width: 25px; /* Küçültüldü */ height: 25px; border-radius: 50%; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; position: relative; margin-right: -5px; /* Sağdan sola üst üste biniyor */ margin-bottom: -5px; /* Yarı yarıya üst üste bindirme */ transition: background 0.3s ease, transform 0.2s; }
			.icon-container i { font-size: 14px; /* İkon boyutu küçültüldü */ color: #333; }
			.icon-container:hover { background-color: #fff3cd; transform: scale(1.1); }
			.icon-container span { position: absolute; top: -5px; right: -5px; background-color: red; color: white; font-size: 10px; /* Küçültüldü */ padding: 2px 4px; border-radius: 50%; }
		</style>
		<div class="card-body dbcb loading-overlay-showing" data-loading-overlay="" data-loading-overlay-options="{ &quot;startShowing&quot;: true }" style="<?php if($mobile==""){echo "height:275px;";}else{echo "height:175px;";};?> overflow:auto;background:#ffffff08;padding:0px;" id="db_events">
			<div class="loading-overlay">
				<div class="bounce-loader">
					<div class="bounce1"></div>
					<div class="bounce2"></div>
					<div class="bounce3"></div>
				</div>
			</div>
		</div>
		<script> 
			jQuery(document).ready(function() { jQuery('#db_events').load('modules/events/calendar_events.php?type=nolist') });
		</script>
	</section>
</div>