body 
	{
		font-family: 'Titillium Web', sans-serif;
	}

	.card-header
	{
		padding-top: 9px;
		padding-bottom: 9px;
		font-weight: bold;
	}

	.card-footer 
	{
		font-size: 0.8rem;
		color: #6c757d; /* Kontrast artırılabilir */
	}

	.form-label
	{
		font-size: 1rem;
		font-weight: bold; /* Bold yap */
		color: Green;
	}

	.input-group-text i 
	{
		font-size: 1.4rem; /* İkon boyutu */
		font-weight: bold; /* Bold yap */
	}

	.btn
	{
		font-size: 1rem;
	}

	.form-label
	{
		margin-bottom: 1px !important;
	}

	.btn-close 
	{
		background-color: white; /* Set the background to white */
		border: none; /* Remove any border */
		color: #000; /* Set the icon color to black */
		padding: 5px !important;
	}
  
	.btn-close:hover 
	{
		background-color: #f8f9fa; /* Optional: a light hover effect */
		color: #000; /* Ensure the icon stays black on hover */
		padding: 5px !important;
	}

	/* Popover arka plan rengini açık kırmızı yap */
	.custom-popover .popover-body 
	{
		background-color: #f8d7da; /* Açık kırmızı */
		color: #721c24; /* Koyu kırmızı yazı */
		font-weight: bold;
		text-align: center;
		padding: 10px;
		border-radius: 5px;
	}

	/* Modal için genel ayarlar */
	.modal.fade .modal-dialog 
	{
		transform: scale(0.95);
		opacity: 0;
		transition: transform 0.35s ease, opacity 0.35s ease;
	}

	.modal.fade.show .modal-dialog 
	{
		transform: scale(1);
		opacity: 1;
	}