tr:hover {
    background-color: #008000;
    /* Koyu yeşil rengi */
    color: white;
    /* Beyaz metin rengi, kontrast için */
}

.small-link {
    font-size: 14px;
    /* Diğer stil ayarları */
}

.right-align-link {
    text-align: right;
}

.right-align-link a {
    display: inline-block;
    text-align: left;
    /* Tıklanabilir alanı sola hizala */
}

.saga-yasla {
    float: right;
}

.dataTables_wrapper table {
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate {
    text-align: center;
}

.content-column {
    text-align: left;
}

.button-container {
    text-align: right;
}

.button-container button {
    margin-left: 5px;
    /* Butonlar arasında biraz boşluk bırakmak için */
}


.body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    text-align: center;
    /* Footer'ı altta sabit tutmak için gerekli stil */
    position: absolute;
    bottom: 0;
    width: 100%;
}

.header {
    padding: 10px 16px;
    background: #555;
    color: #f1f1f1;
}

/* Page content */
.content {
    padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
    padding-top: 102px;
}

.navbar-nav .nav-link {
    font-size: 16px; /* Yazı boyutunu ayarlayın */
    font-weight: normal; /* Yazının kalınlığını ayarlayın */
}

.custom-nav-link {
    font-size: 16px; /* Yazı boyutunu ayarlayın */
    font-weight: normal; /* Yazının kalınlığını ayarlayın */
}