body {
    background-color: #F4F4F4;

}


aside, main .row > div {
    background-color: #fff;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
    margin: 5px;
    min-height: 100%;
    
}

header {
    font-size: 15px;
    background-color: #ffffff; /* Header tamamen beyaz */
    box-shadow: none; /* Header'da gölge olmasın */
    border: none; /* Header kenar çizgileri olmasın */
    margin: 0; /* Header boşlukları sıfırla */
    padding: 0; /* Header iç boşlukları sıfırla */
    
}

aside {
    border-right: none; /* Sidebar sağ kenar çizgisi olmasın */
    margin: 0; /* Sidebar boşlukları sıfırla */
    padding: 0; /* Sidebar iç boşlukları sıfırla */
}



/* SEKME (TABS) DÜZENLEMESİ */
.nav-tabs .nav-link {
    border-radius: 0px; /* Tam dörtgen yap */
    background-color: #C4C4C4; /* Pasif sekme rengi */
    color: #ffffff; /* Yazı rengi siyah */
    border: none; /* Kenar çizgileri olmasın */
    margin-right: 2px; /* Sekmeler arasında boşluk */
    
}

.nav-tabs .nav-link.active {
    background-color: #6EA7FD; /* Aktif sekme rengi */
    color: #fff; /* Aktif sekmede yazı rengi beyaz */
    padding-left: 40px;
    padding-right: 40px;
  
}

.nav-tabs {
    border-bottom: none !important;
    box-shadow: none !important;
}

.tab-content {
    border-top: 1px solid #dee2e6 !important;
}

/* SOL MENÜ DÜZENLEMESİ */
.sidebar-menu-item {
    background-color: #EFEFEF; /* Pasif arka plan */
    border-radius: 4px; /* Kenarlar yuvarlak */
    width: 95%; /* Sabit genişlik */
    min-width: 200px;
    padding: 10px;
    margin-bottom: 3px; /* Alt alta boşluk */
    color: #000; /* Yazı rengi siyah */
    text-align: center; /* Yazı ortalanır */
    cursor: pointer;
    transition: background-color 0.3s;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    
}

.sidebar-menu-item a {
    color: #000000;
    text-decoration: none;
}

.sidebar-menu-item.active {
    background-color: #6EA7FD; /* Aktif arka plan */
    color: #fff; /* Aktif menüde yazı rengi beyaz */
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
}

.sidebar-menu-item.active a {
    color: #fff;
    text-decoration: none;
}

.sidebar-submenu-item {
    background-color: #ffffff; /* Pasif arka plan */
    border-radius: 4px; /* Kenarlar yuvarlak */
    width: 95%; /* Sabit genişlik */
    min-width: 200px;
    padding: 10px;
    margin-bottom: 3px; /* Alt alta boşluk */
    color: #000; /* Yazı rengi siyah */
    text-align: center; /* Yazı ortalanır */
    cursor: pointer;
    transition: background-color 0.3s;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    overflow: hidden;
    text-decoration: none;
    display: block;
}

.sidebar-submenu-item.active a {
    color: #464646;
    text-decoration: none;
}

.sidebar-submenu-item a {
    color: #464646;
    text-decoration: none;
    
}

.sidebar-submenu-item.active {
    background-color: #e8ecff; /* Aktif arka plan */
    color: #fff; /* Aktif menüde yazı rengi beyaz */
    margin-right: auto;
    margin-left: auto;

}

.collapsing {
    transition: height 0.6s ease;
  }

  .sidebar-submenu-item:hover {
    background-color: #f0f3ff;
    color: #000;
    
  }


.table tbody tr:last-child td {
    border-bottom: 2px solid #BAD6FE; /* veya istediğin kalınlık ve renk */
    
}

.content-column {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
  }

  .dmx-confirm {
    font-family: 'Arial';
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  }
  
  .dmx-confirm-message {
    font-size: 1.2rem;
    color: #333;
  }
  
  .dmx-confirm-buttons button {
    margin: 5px;
    padding: 8px 16px;
    border-radius: 5px;
  }

  .metni-kes {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100px;      /* veya max-width: 200px; */
  }
  .dikey-cizgi {
    width: 1px;
    background-color: #ccc;
    height: 20px; /* veya 50px, 100vh gibi sabit yükseklik */
  }

  .bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.7);
}

/* app.css içinde, Bootstrap CSS'ten sonra */
.navbar .nav-link.active {
  color: #A7CAFF !important;    /* istediğiniz renk kodu */
}
/* Sütunların esnemeden kendi kalınır genişliklerinde kalması için */
.row.flex-nowrap > [class*="col-"] {
  flex: 0 0 auto;
}

/* Header hover efekti */
thead:hover {
    background-color: #b3d7ff !important;
    transition: background-color 0.2s ease;
}

/* Chevron animasyonu */
.transition-icon {
    transition: transform 0.3s ease;
}

/* Tablo body animasyonu */
.table-body-collapsible {
    transition: all 0.3s ease;
}

/* Header'a tıklanabilir görünüm */
thead tr {
    user-select: none;
}

thead th:first-child {
    position: relative;
}

/* Hover'da hafif gölge */
thead:hover {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


/* Sadece dolu (solid) butonlar için — aktif ve normal durumlar */
.btn-primary,
.btn-primary.active,
.btn-primary:active {
    --bs-btn-color: #fff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-active-color: #fff !important;
}


.btn-secondary:active {
    --bs-btn-color: #fff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-active-color: #fff !important;
}

/* diğer solid butonlar için istersen aynı yapıyı açarım */