/*renkleri burda belirleyip ona göre kullanalım*/
:root {
  --ana-renk: #3498db;
  --ikincil-renk: #2ecc71;
  --arka-plan-rengi: #ecf0f1;
  --yazi-rengi: #2c3e50;
  --uyari-rengi: #e74c3c;
  --golge-rengi: rgba(0, 0, 0, 0.1);
}

.table-custom {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #999;
}

/* Tüm satırlara uygulanır */
.table-custom tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

/* Hover efekti */
.table-custom tr:hover {
  background-color: #b3e0f2 !important;
}

/* Hücre kenarlıkları */
.table-custom td,
.table-custom th {
  border: 1px solid #999 !important;
  padding: 8px;
  text-align: center;
}

.tarih-kutusu-static 
{
    font-family: Arial, sans-serif;
    display: flex; /* Öğeleri yan yana hizalamak için */
    justify-content: start-flex;
    align-items: center;
    gap: 5px; /* Öğeler arasına boşluk bırakmak için */
    font-weight: bold;
    color: #333;
    width:100%;
}

.gun-static {
    font-size: 1em; /* Günü daha büyük yapmak için */
}

.ay-static {
    font-size: 1em;
    text-transform: capitalize; /* İlk harfi büyük yapmak için */
}

.yil-static {
    font-size: 1em;
}
  /* td düzeni: padding sıfır, tam boyut için --td-size kullan */
 .icon-td {
    width: 135px;
    height: 135px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    cursor: pointer; /* hover etkisi için el simgesi */
  }

  .icon-stack {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .icon-stack .calendar {
    font-size: 34px;
    color: #333;
  }

  .icon-stack .check {
    position: absolute;
    top: 60%;
    left: 50%;
    font-size: 18px;
    transform: translate(-50%, -50%);
  }

  /* Hover efekti: biraz parlama veya renk değişimi istersen */
  .icon-td:hover .calendar {
    color: #007bff;
  }

  .icon-td:hover .check {
    color: #1e7e34;
  }



.yukariasagiikon
{	  padding-left:2px;
	 font-size:10px !important;
}
 	
.dataTables_paginate paging_simple_numbers
{
	 display:none;
}



.sifirbosluk {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sifirboslukOzel {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.sifirbosluk10 {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}



.modal2 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	.modal2 .modal-dialog {
		width: 95%;
		max-width: none;
		height: 95%;
		border-radius: 5px;
	}

	.modal2 .modal-content {
		height: 100%;
		border: 1;
		border-radius: 5;
	}

	.modal2 .modal-body {
		overflow-y: auto;
	}















































































/*kerem çalışma alanı*/
 .btn-sil:hover
 {
     
     background-color:Orange !important;
     color:White;
     
 }