.error {
    color: red;
    font-weight: bold;
    font-style: italic;
}


.main-menu .navbar-header .navbar-brand .brand-text {
    padding-left: 3px;
}

    .main-menu .navbar-header .navbar-brand .brand-text img {
        height: 25px;
    }

.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
    background: linear-gradient(181deg, #f5f7fa 0%, #ddeaff 100%);
    border-radius: 4px;
    color: white;
}

.main-menu.menu-light .navigation > li ul .active {
    background: none;
    border-radius: 6px;
    z-index: 1;
    width: 93%;
}

.main-menu.menu-light .navigation > li .active > a {
    color: #be1e2d !important;
}

.badge.badge-light-warning {
    background-color: rgba(255, 255, 255, 0.12);
    color: #ffffff !important;
}

.main-menu ul.navigation-main > li {
    margin-top: 2px;
}

.exampledataTable2s {
    padding: 10px 20px;
}

.tableButon {
    /* padding: 5px; */
}

.tableButonDiv {
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.navDiv {
    padding-bottom: 0px;
}

.loading-icon {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/assets/Images/Load.svg) center no-repeat;
}

.imgsoruThubms {
    height: 275px !important;
    width: 400px !important;
    border-radius: unset !important;
    border: 2px solid #b4aeae;
    padding: 5px;
}

.listcevap {
    border-radius: 2px;
    background-color: #be1e2d !important;
    color: white !important;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    margin: 2px;
}

.pnlsorusayfalistesi {
    border-radius: 2px;
    color: white !important;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    margin: 2px;
    border: 1px solid #ccc;
    height: auto !important;
    min-height: 700px !important;
}

.pnlsorusayfagosterim {
    border-radius: 2px;
    color: white !important;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    margin: 2px;
    border: 1px solid #ccc;
    height: auto !important;
    min-height: 700px !important;
}

.pnlsorutopuislemlistesi {
    border-radius: 2px;
    color: white !important;
    padding: 2px;
    cursor: pointer;
    margin: 2px;
    border: 1px solid #ccc;
    height: auto !important;
    min-height: 700px !important;
}

.pnlsorusecimresimitem {
    border-radius: 6px;
    width: 28rem;
    height: 7rem;
}

.PnlSepetSoruListesi {
    overflow: scroll;
    height: 80rem;
    padding: 3px;
}

.pnlsepetitem {
    margin: 5px;
    padding: 3px;
    border: 1px solid #ccc;
    background: whitesmoke;
}

.OptiFormOptikCevapAlan {
    width: 20px !important;
    padding: 2px 13px 2px 13px !important;
    text-align: center !important;
    min-width: 20px !important;
    font-size: 10px;
}

.OptiFormOptikSiraNoAlan {
    width: 20px !important;
    padding: 2px 13px 2px 13px !important;
    text-align: center !important;
    min-width: 20px !important;
}

.OptikFormBosCevap {
    background-color: whitesmoke !important;
    color: white !important;
    font-size: 24px;
}

.OptikFormCevap {
    background-color: whitesmoke !important;
    color: black !important;
}

.OptikFormAlanNet {
    background-color: whitesmoke !important;
    color: red !important;
    font-size: 24px;
}

.OptikFormAlanDogru {
    background-color: whitesmoke !important;
    color: red !important;
    font-size: 24px;
}

.OptikFormAlanYanlis {
    background-color: whitesmoke !important;
    color: red !important;
    font-size: 24px;
}

.OptikFormAlanBos {
    background-color: whitesmoke !important;
    color: red !important;
    font-size: 24px;
}



.OptikFormCevapDogru {
    background-color: whitesmoke !important;
    color: red !important;
    font-size: 24px;
}

.OptikFormCevapYanlis {
    background-color: whitesmoke !important;
    color: red !important;
    font-size: 24px;
}


.col-form-label, .col-form-label-lg, .col-form-label-sm {
    color: black;
    font-weight: bold;
}

.main-menu.menu-light .navigation li a > * {
    color: black;
    font-weight: bold;
}

.card .card-header .card-title {
    color: black;
    font-weight: bold;
}

table.dataTable22 tbody th, table.dataTable22 tbody td {
    color: black;
    font-weight: 500;
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
    color: black;
    font-weight: bold;
}

div.dataTable2s_wrapper2 div.dataTable2s_filter label, div.dataTable2s_wrapper2 div.dataTable2s_length label {
    color: black;
    font-weight: bold;
}

div.dataTable2s_wrapper2 .dataTable2s_info {
    color: black;
    font-weight: 500;
}

.dataTable2s_wrapper2 .dataTable2s_paginate .paginate_button.disabled, .dataTable2s_wrapper2 .dataTable2s_paginate .paginate_button.disabled:hover, .dataTable2s_wrapper2 .dataTable2s_paginate .paginate_button.disabled:active {
    color: black !important;
    font-weight: bold;
}

.dataTable2s_wrapper2 .dataTable2s_paginate .paginate_button {
    font-weight: bold;
    padding: 3px;
    border: none !important;
    background: none !important;
}

.page-link:hover {
    background-color: #7367f0;
    color: white !important;
}

/*.card-dataTable2 {
    padding: 1.5rem;
}*/

.header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
    color: black !important;
    font-weight: 500;
}

.nav-tabs .nav-link {
    color: black !important;
    font-weight: 500;
}

.table {
    color: black !important;
}

.dropdown-item {
    color: black !important;
    font-weight: 500;
}

.tcValidasyon {
    display: block;
    width: 100%;
    padding: 0.571rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: #6e6b7b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8d6de;
    appearance: none;
    border-radius: 0.357rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.is-invalid {
    border-color: #ea5455;
    padding-right: calc(1.45em + 1.142rem);
    background-image: url(/image/is-invalid.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.3625em + 0.2855rem) center;
    background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}

.is-valid {
    border-color: #28c76f;
    padding-right: calc(1.45em + 1.142rem);
    background-image: url(/image/is-valid.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.3625em + 0.2855rem) center;
    background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}

.is-invalid:focus {
    border-color: #ea5455;
    box-shadow: 0 0 0 0.25rem rgb(234 84 85 / 25%);
}

.is-valid:focus {
    border-color: #28c76f;
    box-shadow: 0 0 0 0.25rem rgb(40 199 111 / 25%);
}

.container-xxl {
    max-width: unset !important;
}



.flatpickr-calendar {
    display: none;
}


.optikeslestistirmeEski {
    text-decoration: line-through;
    color: #f61f1f;
}

.optikeslestistirmeYeni {
    color: #28c76f;
}

.listesearch {
    padding: 15px 20px 15px 20px !important
}

.sagayasla {
    text-align: right !important;
}

    .sagayasla:after {
        content: ' ₺'; /* Türk Lirası simgesi */
        right: -20px; /* Sağa yaslamak ve biraz boşluk bırakmak için */
        top: 0;
    }

body > div.main-menu.menu-fixed.menu-light.menu-accordion.menu-shadow.expanded > div.navbar-header.expanded > ul > li.nav-item.me-auto > a > span {
    display: none;
}

/*.modal-dialog {
    overflow-y: initial !important
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}*/
.draggableRow {
    cursor: move !important;
}

.highlight {
    background-color: yellow !important;
}

.highlight-red {
    background-color: red !important;
}


.tasimapasif {
    background-color: #28c76f !important;
}

table tbody .even {
    background-color: #ededed !important;
}

table tr:nth-child(even) {
    background-color: #ededed;
}


.modal .modal-header .btn-close {
    background-color: #a4a3ab !important;
}

.yardimDiv {
    width: 100%;
    text-align: right;
    padding-bottom: 4px;
}

html .content.app-content {
    padding: calc(2rem + 2.65rem + 1.3rem) 2rem 0;
}

.navbar-floating .header-navbar-shadow {
    height: 75px;
}

.yardimAcik {
    display: block;
}

.yardimKapali {
    display: none;
}

.CevapAnaliziDegerSutun {
    width: 10px !important;
}


/* HTML: <div class="loader"></div> */
.loader {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    background: #f3f3f3;
    overflow: hidden;
}

    .loader:before {
        content: '';
        position: absolute;
        inset: -10px;
        background: conic-gradient( from -90deg at 50% 50%, #be1e2d 0deg, #f3f3f3 72deg, #f3f3f3 90deg, #be1e2d 360deg );
        animation: rotate 2s infinite linear;
        filter: drop-shadow(0 0 2px rgba(190, 30, 45, 0.3));
    }

    .loader:after {
        content: '';
        position: absolute;
        inset: 6px;
        background: #f3f3f3;
        border-radius: 50%;
        border: 2px solid #f3f3f3;
        box-shadow: inset 0 0 8px rgba(190, 30, 45, 0.2);
    }

@keyframes rotate {
    from {
        transform: rotate(0deg) scale(1.5);
    }

    50% {
        transform: rotate(180deg) scale(1.3);
    }

    to {
        transform: rotate(360deg) scale(1.5);
    }
}

/* Yükleme Animasyonu */
@keyframes shimmerAnimation {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* dataTable2 Loading Durumu */
.dataTable2s_wrapper2.processing tbody tr {
    position: relative;
    animation: fadeInUp 0.4s ease-out;
    animation-fill-mode: both;
}

    .dataTable2s_wrapper2.processing tbody tr::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 90deg, rgba(115, 103, 240, 0.05) 8%, rgba(115, 103, 240, 0.1) 18%, rgba(115, 103, 240, 0.05) 33% );
        background-size: 1000px 100%;
        animation: shimmerAnimation 2s infinite linear;
    }

    /* Her satır için kademeli gecikme */
    .dataTable2s_wrapper2.processing tbody tr:nth-child(1) {
        animation-delay: 0.1s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(2) {
        animation-delay: 0.2s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(3) {
        animation-delay: 0.3s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(4) {
        animation-delay: 0.4s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(5) {
        animation-delay: 0.5s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(6) {
        animation-delay: 0.6s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(7) {
        animation-delay: 0.7s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(8) {
        animation-delay: 0.8s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(9) {
        animation-delay: 0.9s;
    }

    .dataTable2s_wrapper2.processing tbody tr:nth-child(10) {
        animation-delay: 1s;
    }

.dataTable2s_wrapper2.processing tbody td {
    color: transparent;
    position: relative;
    overflow: hidden;
}

/* Loading durumunda hover efektlerini devre dışı bırak */
.dataTable2s_wrapper2.processing tbody tr:hover {
    transform: none;
    box-shadow: none;
    border-left: none;
}

    /* Loading durumunda text efektlerini devre dışı bırak */
    .dataTable2s_wrapper2.processing tbody tr:hover td {
        font-size: inherit;
        color: transparent;
        font-weight: normal;
    }

/* dataTable2s için özel loader-dots */
.dt-loader-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

    .dt-loader-dots span {
        width: 12px;
        height: 12px;
        background: #7367f0;
        border-radius: 50%;
        animation: dtBounce 0.5s alternate infinite;
        display: inline-block;
    }

        .dt-loader-dots span:nth-child(2) {
            animation-delay: 0.15s;
        }

        .dt-loader-dots span:nth-child(3) {
            animation-delay: 0.3s;
        }

@keyframes dtBounce {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-8px);
    }
}

.tblKatilimSira {
}

    .tblKatilimSira tr:first-child {
        border-bottom: 5px solid red !important;
    }


.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}


.btn-primary {
    background-color: #7367F0 !important;
    border-color: #7367F0 !important;
    color: white !important;
}

    .btn-primary:hover {
        background-color: #5a50d8 !important;
        border-color: #5a50d8 !important;
    }

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary.active {
        background-color: #4339c0 !important;
        border-color: #4339c0 !important;
        box-shadow: 0 0 0 0.25rem rgba(115, 103, 240, 0.5) !important;
    }

    .btn-primary:disabled,
    .btn-primary.disabled {
        background-color: #9c94f7 !important;
        border-color: #9c94f7 !important;
        opacity: 0.65;
    }

.searchListFast .avatar img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.auto-suggestion {
    list-style: none
}


.searchListFast .search-data-title {
    color: black;
}

.shtaf {
    font-size: large;
}

.list-style-none {
    list-style: none
}

.akilliArama {
    padding-left: 0px;
    margin-bottom: 5px;
    color: black;
    font-size: large;
}

    .akilliArama .search-list-main {
        padding: 20px;
        padding-left: 20px !important;
    }

    .akilliArama .bg-light-secondary {
        margin-right: 10px;
    }


.navigation li a i, .navigation li a svg {
    font-size: 20px !important;
    color: #7368f0 !important;
}

@media only screen and (max-width: 800px) {
    .m-d-block {
        display: block !important;
    }
}

#main-menu-navigation > li.nav-item.ustmenu.has-sub.open > ul > li > a > i {
    color: black !important;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
    height: 20px !important;
}

/*
    burası dataTable2larda sorun çıkardığı için kaldrıldı
*/

/*.content-wrapper .show {
    background-color: rgba(0, 0, 0, .4);
}*/



.tree {
    margin: 2% auto;
    width: 100%;
    list-style: none;
    padding-left: 2px;
    text-wrap-mode: wrap;
}

    .tree ul {
        display: none;
        margin: 4px auto;
        margin-left: 6px;
        border-left: 1px dashed #dfdfdf;
    }


    .tree li {
        padding: 2px 2px;
        cursor: pointer;
        vertical-align: middle;
        background: #fff;
    }

        .tree li:first-child {
            border-radius: 3px 3px 0 0;
        }

        .tree li:last-child {
            border-radius: 0 0 3px 3px;
        }

    .tree .active,
    .active li {
        background: #f9f9f9;
    }

    .tree label {
        cursor: pointer;
    }

    .tree input[type=checkbox] {
        margin: -2px 6px 0 0px;
    }

.has > label {
    color: #000;
    display: contents;
}

.tree .total {
    color: #e13300;
}


.sorukart {
    padding: 0.8rem;
}

    .sorukart .select2-container {
        margin: 0.2rem !important;
        /* Diğer stil özelliklerini buraya ekleyebilirsiniz */
    }

.soruresimview {
    width: 100%;
    padding: 0.5rem;
}


.imgresimonizlemeicerik {
    width: 100%;
    padding: 0.5rem;
    min-width: 600px;
    padding: 0.8rem 0.5rem !important;
}

.sorulistTable tbody .even {
    background-color: #fcfafa !important;
}

.sorulistTable tbody .odd {
    background-color: #fcfafa !important;
}


.sorulistTable tbody .even .dtr-control {
    border: none;
}

.sorulistTable tbody .odd .dtr-control {
    border: none;
}

.sorutasnifresim {
    width: 100%;
    border: none;
    background: lightyellow;
}

.soruform-check {
    margin-top: 5px;
    margin-bottom: 5px;
}

.icon-large {
    width: 24px; /* Genişliği ayarlayın */
    height: 24px; /* Yüksekliği ayarlayın */
    font-size: 1.5rem; /* Feathers ikonlarının boyutunu büyütün */
}

.soru-havuzu-filter .select2 {
    min-width: 320px !important;
    width: 320px !important;
}

.validation-message {
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

/* dataTable2s Genel Stil */
.dataTable2s_wrapper2 {
    position: relative;
    overflow: hidden !important; /* Kesin taşma kontrolü */
    width: 100%;
}

    /* Tablo Başlık */
    .dataTable2s_wrapper2 .dataTable2s_length,
    .dataTable2s_wrapper2 .dataTable2s_filter {
        margin-bottom: 1.5rem;
    }

        .dataTable2s_wrapper2 .dataTable2s_length select {
            border: 1px solid #e0e0e0;
            border-radius: 0.375rem;
            padding: 0.375rem 1.75rem 0.375rem 0.75rem;
            background-color: #fff;
            transition: border-color 0.15s ease-in-out;
        }

        .dataTable2s_wrapper2 .dataTable2s_filter input {
            border: 1px solid #e0e0e0;
            border-radius: 0.375rem;
            padding: 0.375rem 0.75rem;
            transition: all 0.3s ease;
        }

            .dataTable2s_wrapper2 .dataTable2s_filter input:focus {
                border-color: #7367f0;
                box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.25);
                outline: none;
            }

/* Tablo Stilleri */
.dataTable2 {
    width: 100% !important;
    margin: 0 !important;
    table-layout: fixed;
}

    /* Tablo Başlık ve Footer için Ortak Stiller */
    .dataTable2 thead th,
    .dataTable2 tfoot th {
        background: #f8f9fa;
        /* border-bottom: 2px solid #7367f0 !important; */
        color: #2c3e50;
        font-weight: 600;
        font-size: 1rem;
        padding: 1rem !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        height: 56px;
        position: relative;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        /* Başlık ve Footer Hover Efekti */
        .dataTable2 thead th:hover,
        .dataTable2 tfoot th:hover {
            background: linear-gradient(to bottom, #f8f9fa, #f1f3f5);
            color: #7367f0;
            transform: translateY(-1px);
        }

        /* Alt çizgi animasyonlarını kaldır */
        .dataTable2 thead th::after,
        .dataTable2 tfoot th::after {
            display: none;
        }

    /* Tablo Satırları - Daha Sade */
    .dataTable2 tbody tr {
        position: relative;
        width: 100%;
        transform-origin: left center; /* Transform merkezi sol tarafta */
        transition: all 0.25s ease;
        overflow: hidden;
    }

        /* Tek Satırlar için Gradient */
        .dataTable2 tbody tr:nth-child(odd) {
            background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(249, 250, 255, 0.7) 50%, rgba(255, 255, 255, 1) 100% );
        }

        /* Çift Satırlar için Gradient */
        .dataTable2 tbody tr:nth-child(even) {
            background: linear-gradient(to right, rgba(252, 253, 255, 0.8) 0%, rgba(246, 247, 255, 0.6) 50%, rgba(252, 253, 255, 0.8) 100% );
        }

        /* Hover Efekti */
        .dataTable2 tbody tr:hover {
            background: linear-gradient(to right, rgba(115, 103, 240, 0.02) 0%, rgba(115, 103, 240, 0.05) 50%, rgba(115, 103, 240, 0.02) 100% ) !important;
            transform: translateY(-1px); /* scale efektini kaldırdık */
            box-shadow: 0 2px 8px rgba(115, 103, 240, 0.05);
            border-left: 2px solid #7367f0;
        }

    /* Tablo Hücreleri - Daha Etkileyici */
    .dataTable2 tbody td {
        padding: 1rem !important;
        vertical-align: middle !important;
        border-bottom: 1px solid rgba(233, 236, 239, 0.5);
        font-size: 0.95rem;
        color: #495057;
        transition: all 0.3s ease;
    }

    .dataTable2 tbody tr:hover td {
        color: #2c3e50;
        font-weight: 500;
    }

    /* Seçili Satır */
    .dataTable2 tbody tr.selected {
        background: rgba(115, 103, 240, 0.08) !important;
        border-left: 3px solid #7367f0;
    }

        .dataTable2 tbody tr.selected td {
            color: #7367f0;
            font-weight: 500;
        }

    /* Hücre İçi İkon ve Metin Hizalama */
    .dataTable2 tbody td i {
        transition: transform 0.3s ease;
    }

    .dataTable2 tbody tr:hover td i {
        transform: scale(1.2);
    }

    /* Tablo Alt Bilgi (Footer) */
    .dataTable2 tfoot tr {
        background: linear-gradient(120deg, rgba(115, 103, 240, 0.05) 0%, rgba(115, 103, 240, 0.1) 50%, rgba(115, 103, 240, 0.05) 100% );
    }

    /* Tfoot Hücreleri - Hover Efektleri */
    .dataTable2 tfoot th {
        background: #f8f9fa;
        border-top: none !important;
        !i;
        !;
        color: #2c3e50;
        font-weight: 600;
        font-size: 1rem;
        padding: 1rem !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        height: 56px;
        position: relative;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .dataTable2 tfoot th:hover {
            background: linear-gradient(to bottom, #f8f9fa, #f1f3f5);
            color: #7367f0;
            transform: translateY(-1px);
        }

        /* Tfoot Sıralama İkonları */
        .dataTable2 tfoot th.sorting:before,
        .dataTable2 tfoot th.sorting:after {
            font-size: 1.2em;
            opacity: 0.3;
            transition: all 0.3s ease;
        }

        .dataTable2 tfoot th.sorting:hover:before,
        .dataTable2 tfoot th.sorting:hover:after {
            opacity: 1;
            color: #7367f0;
            transform: scale(1.2);
        }

    /* Hücre İçi Veri Formatı */
    .dataTable2 tbody td.numeric {
        font-family: 'Roboto Mono', monospace;
        text-align: right;
    }

    .dataTable2 tbody td.date {
        font-family: 'Roboto Mono', monospace;
        text-align: center;
    }

/* Footer ve Pagination Stilleri */
.dataTable2s_info,
.dataTable2s_paginate,
.dataTable2s_length,
.dataTable2s_filter {
    padding: 1rem;
    margin-top: 1rem;
    font-size: 0.95rem;
    color: #6e7687;
}

/* Pagination Container */
.dataTable2s_paginate {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* sağa hizalama */
    padding: 4px 8px;
    background: #fff;
    border: 1px solid #e4e7ea;
    border-radius: 0; /* köşeleri düz */
    margin-top: 1rem;
    width: 100%;
}

    /* Pagination Butonları */
    .dataTable2s_paginate .paginate_button {
        min-width: 32px;
        height: 28px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #6e7687 !important;
        border: none !important;
        background: transparent !important;
        font-size: 13px;
        font-weight: 500;
        transition: all 0.2s ease;
        border-radius: 0; /* köşeleri düz */
        text-align: right; /* sayıları sağa hizala */
    }

        /* Aktif Sayfa */
        .dataTable2s_paginate .paginate_button.current {
            background: #7367f0 !important;
            color: #fff !important;
            border-radius: 0; /* köşeleri düz */
        }

        /* Hover Efekti */
        .dataTable2s_paginate .paginate_button:not(.disabled):not(.current):hover {
            color: #7367f0 !important;
            background: #f8f9fa !important;
            border-radius: 0; /* köşeleri düz */
        }

    /* Previous/Next Butonları */
    .dataTable2s_paginate .previous,
    .dataTable2s_paginate .next {
        padding: 0 12px;
        border-right: 1px solid #e4e7ea; /* ayırıcı çizgi */
    }

    .dataTable2s_paginate .next {
        border-right: none;
        border-left: 1px solid #e4e7ea; /* ayırıcı çizgi */
    }

/* Footer Bilgi Alanı */
.dataTable2s_info {
    padding: 1rem 0;
    color: #6e7687;
    font-weight: 500;
    border: 1px solid rgba(115, 103, 240, 0.1);
}

/* Sayfa Başına Kayıt Seçimi */
.dataTable2s_length select {
    padding: 0.375rem 2rem 0.375rem 1rem;
    border: 1px solid rgba(115, 103, 240, 0.1);
    border-radius: 0.375rem;
    background-color: #ffffff;
    color: #495057;
    font-weight: 500;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    transition: all 0.2s ease-in-out;
}

    .dataTable2s_length select:hover {
        border-color: #7367f0;
        box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.25);
    }

    .dataTable2s_length select:focus {
        border-color: #7367f0;
        box-shadow: 0 0 0 0.2rem rgba(115, 103, 240, 0.25);
        outline: none;
    }

/* Footer Wrapper */
.dataTable2s_wrapper2 .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(233, 236, 239, 0.5);
    background: linear-gradient(to bottom, transparent, rgba(115, 103, 240, 0.02));
    margin-top: 2rem;
    padding: 1.5rem;
    border-radius: 0 0 1rem 1rem;
    border-top: 2px solid rgba(115, 103, 240, 0.1);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.02);
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .dataTable2s_wrapper2 .bottom {
        flex-direction: column;
        align-items: stretch;
    }

    .dataTable2s_paginate {
        justify-content: center;
    }

    .dataTable2s_info {
        text-align: center;
    }

    .dataTable2s_length,
    .dataTable2s_filter {
        text-align: center;
    }

    .modern-user-menu {
        min-width: unset !important;
    }
    table tbody tr td:last-child {
        display: table-cell !important;
    }
    table.dataTable > tbody > tr.child ul.dtr-details {
        display: contents !important;
    }

    .header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
        height: 43px;
    }

    .card-datatable, .row-grouping-datatable, .modal-body {
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Hover Efektleri için Smooth Scroll */
.dataTable2s_wrapper2 {
    scroll-behavior: smooth;
}

    /* dataTable2 Footer ve Pagination İyileştirmeleri */
    .dataTable2s_wrapper2 .bottom {
        background: linear-gradient(to bottom, transparent, rgba(115, 103, 240, 0.02));
        margin-top: 2rem;
        padding: 1.5rem;
        border-radius: 0 0 1rem 1rem;
        border-top: 2px solid rgba(115, 103, 240, 0.1);
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.02);
    }

/* Pagination Container */
.dataTable2s_paginate {
    background: white;
    /* padding: 0.60rem; */
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(115, 103, 240, 0.1);
    transform: translateY(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 52px;
    margin-top: 78px;
}

    .dataTable2s_paginate:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1);
    }

    /* Pagination Butonları */
    .dataTable2s_paginate .paginate_button {
        min-width: 40px;
        height: 40px;
        margin: 0 2px;
        border: none;
        background: transparent !important;
        color: #495057 !important;
        font-weight: 600;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
    }

        /* Pagination Hover Efekti */
        .dataTable2s_paginate .paginate_button:not(.disabled):not(.current):hover {
            color: #7367f0 !important;
            transform: translateY(-2px);
        }

        .dataTable2s_paginate .paginate_button:not(.disabled):not(.current)::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background: #7367f0;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }

        .dataTable2s_paginate .paginate_button:not(.disabled):not(.current):hover::before {
            width: 80%;
        }

        /* Aktif Sayfa */
        .dataTable2s_paginate .paginate_button.current {
            background: #7367f0 !important;
            color: white !important;
            border-radius: 50%;
            transform: scale(1.1);
            box-shadow: 0 4px 10px rgba(115, 103, 240, 0.2);
            animation: pulseButton 1.5s infinite;
        }

@keyframes pulseButton {
    0% {
        box-shadow: 0 0 0 0 rgba(115, 103, 240, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(115, 103, 240, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(115, 103, 240, 0);
    }
}

/* Previous/Next Butonları */
.dataTable2s_paginate .previous,
.dataTable2s_paginate .next {
    font-size: 1.1rem;
    padding: 0 1rem;
}

/* Footer Bilgi Alanı */
.dataTable2s_info {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(115, 103, 240, 0.1);
    font-weight: 500;
    transition: all 0.3s ease;
}

    .dataTable2s_info:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1);
    }

/* Length Select */
.dataTable2s_length select {
    background: white;
    border: 1px solid rgba(115, 103, 240, 0.1);
    border-radius: 8px;
    padding: 0.5rem 2rem 0.5rem 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

    .dataTable2s_length select:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1);
        border-color: #7367f0;
    }

/* Responsive */
@media (max-width: 768px) {
    .dataTable2s_paginate {
        padding: 0.5rem;
        border-radius: 50px;
    }

        .dataTable2s_paginate .paginate_button {
            min-width: 35px;
            height: 35px;
        }

    .dataTable2s_info,
    .dataTable2s_length select {
        width: 100%;
        text-align: center;
    }
}


div.dataTable2s_wrapper2 div.dataTable2s_paginate {
    margin-top: 12px !important;
}

    div.dataTable2s_wrapper2 div.dataTable2s_paginate ul.pagination {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

/* Başlık Gradient */
.dataTable2 thead tr {
    background: linear-gradient(120deg, rgba(115, 103, 240, 0.05) 0%, rgba(115, 103, 240, 0.1) 50%, rgba(115, 103, 240, 0.05) 100% );
}

/* Footer Gradient - Başlık ile aynı */
.dataTable2 tfoot tr {
    background: linear-gradient(120deg, rgba(115, 103, 240, 0.05) 0%, rgba(115, 103, 240, 0.1) 50%, rgba(115, 103, 240, 0.05) 100% );
}

/* Tek Satırlar için Gradient */
.dataTable2 tbody tr:nth-child(odd) {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(249, 250, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100% );
}

/* Çift Satırlar için Gradient */
.dataTable2 tbody tr:nth-child(even) {
    background: linear-gradient(to right, rgba(252, 253, 255, 0.9) 0%, rgba(246, 247, 255, 0.8) 50%, rgba(252, 253, 255, 0.9) 100% );
}

/* Hover Efekti */
.dataTable2 tbody tr:hover {
    background: linear-gradient(to right, rgba(115, 103, 240, 0.05) 0%, rgba(115, 103, 240, 0.1) 50%, rgba(115, 103, 240, 0.05) 100% ) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(115, 103, 240, 0.08);
}

.main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(88deg, #d3d0f5, rgb(231 240 253));
    box-shadow: 0 0 2px 1px rgb(233 241 252);
    color: #fff;
    font-weight: 900;
    border-radius: 4px;
    font-size: 15px;
    /* font-style: italic; */
}


.main-menu.menu-light .navigation > li ul .active {
    background: none !important;
    box-shadow: 0 0 2px 1px rgb(233 241 252);
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
}

/* dataTable2 Düzenlemeleri */
.dataTable2s_wrapper2 {
    padding: 1rem;
}

/* Tablo genel düzeni */
.table.dataTable22 {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

    /* Başlık hücresi düzenlemeleri */
    .table.dataTable22 thead th {
        padding: 0.75rem !important;
        vertical-align: middle !important;
        border-bottom: 2px solid #e0e0e0 !important;
        white-space: nowrap;
        font-weight: 600;
    }

    /* Tablo hücresi düzenlemeleri */
    .table.dataTable22 tbody td {
        padding: 0.75rem !important;
        vertical-align: middle !important;
        border-bottom: 1px solid #f0f0f0;
        height: auto !important;
        line-height: 1.5 !important;
    }

    /* Minimum sütun genişliği */
    .table.dataTable22 th,
    .table.dataTable22 td {
        min-width: 100px;
    }

/* Sütun genişliklerini otomatik ayarla */
.table.dataTable22 {
    table-layout: auto !important;
}

    /* Satır hover efekti */
    .table.dataTable22 tbody tr:hover {
        background-color: rgba(245, 245, 245, 0.5) !important;
    }

    /* Çift satırlar için arka plan */
    .table.dataTable22 tbody tr:nth-child(even) {
        background-color: #fafafa;
    }

/* Responsive düzenlemeler */
@media screen and (max-width: 767px) {
    .table.dataTable22 {
        display: block;
        width: 100% !important;
        overflow-x: auto;
    }

        .table.dataTable22 th,
        .table.dataTable22 td {
            min-width: 80px;
        }
}

/* dataTable2 araçlar bölümü düzeni */
.dataTable2s_wrapper2 .dataTable2s_length,
.dataTable2s_wrapper2 .dataTable2s_filter {
    margin-bottom: 1rem;
}

/* Sayfalama düğmeleri */
.dataTable2s_wrapper2 .dataTable2s_paginate .paginate_button {
    /* padding: 0.5rem 0.75rem !important; */
    margin: 0 2px;
    border-radius: 4px;
}

    .dataTable2s_wrapper2 .dataTable2s_paginate .paginate_button.current {
        background: #ff9f43 !important;
        border-color: #ff9f43 !important;
        color: white !important;
    }

/* Scrollbar düzenlemesi */
.dataTable2s_scrollBody {
    scrollbar-width: thin;
}

    .dataTable2s_scrollBody::-webkit-scrollbar {
        height: 6px;
        width: 6px;
    }

    .dataTable2s_scrollBody::-webkit-scrollbar-thumb {
        background: #ff9f43;
        border-radius: 3px;
    }

/* Filtre kartı düzenlemeleri */
.filter-card {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.428rem;
    /* padding: 1rem; */
    margin-bottom: 1rem;
}

    .filter-card .card-body {
        padding: 0;
    }

    .filter-card .form-group {
        margin-bottom: 1rem;
    }

    .filter-card .col-form-label {
        font-size: 0.857rem;
        font-weight: 500;
        color: #5e5873;
    }

    .filter-card .select2-container {
        width: 100% !important;
    }

/* Yeşil ara butonunu gizle */
.btn-relief-success {
    display: none !important;
}

/* Filtre kartı içindeki butonlar için stil */
.filter-card .btn {
    margin-top: 0.5rem;
}

@media (max-width: 768px) {
    .filter-card .form-group {
        margin-bottom: 1rem;
    }

    .filter-card .text-end {
        text-align: left !important;
        margin-top: 1rem;
    }
}

/* dataTable2 için çerçeve ve stil */
.card-dataTable2 table {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.428rem;
    padding: 1rem;
    margin-top: 1rem;
}

.card-dataTable2 .dataTable2s_wrapper2 {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.428rem;
    padding: 1rem;
    overflow: overlay !important;
}

/* dataTable2'ın alt ve üst kısımlarındaki araçlar için stil */
.card-dataTable2 .dataTable2s_length,
.card-dataTable2 .dataTable2s_filter,
.card-dataTable2 .dataTable2s_info,
.card-dataTable2 .dataTable2s_paginate {
    padding: 0.5rem;
}

/* Export butonları için stil */
.card-dataTable2 #Export {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.428rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.card-dataTable2 .dt-buttons {
    padding: 0.5rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.card-dataTable2 .dt-button {
    margin: 0;
}

/* Üst kısım container'ı */
.dt-top-container {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

/* Export container düzenlemesi */
.card-dataTable2 [id^="Export"] {
    margin-top: 1rem;
}

/* Filtre başlık hover efekti */
.filter-card .card-header:hover {
    background-color: #f0f0f0;
    transition: background-color 0.3s ease;
}

/* Filtre icon transition */
.filter-card .card-header i {
    transition: transform 0.3s ease;
}

/* Filtre başlık ve icon stilleri */
.filter-card .card-header {
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
}

    .filter-card .card-header:hover {
        background-color: #f0f0f0;
        transition: background-color 0.3s ease;
    }

    .filter-card .card-header i {
        transition: transform 0.3s ease;
    }

/* Filtre gövdesi için animasyon */
.filter-card .card-body {
    transition: all 0.3s ease;
}

/* Filtre kartı başlık düzenlemeleri */
.filter-card .heading-elements {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .filter-card .heading-elements ul {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin: 0;
        padding: 0;
    }

    .filter-card .heading-elements li {
        display: flex;
        align-items: center;
    }

/* Sonuç Listesi kartı için stil */
.filter-card.result-card {
    margin-top: 1rem;
}

.filter-card .card-body {
    padding: 1.5rem;
}

/* Export butonları için düzenleme */
.filter-card #Export {
    margin-bottom: 1rem;
}


.pnlexport {
    margin-top: 26px;
    margin-left: 20px;
}

/* Başlık ve buton düzenlemeleri */
.filter-card .card-header {
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
}

/* Heading elements düzenlemesi */
.filter-card .heading-elements {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .filter-card .heading-elements ul {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin: 0;
        padding: 0;
    }

    .filter-card .heading-elements li {
        display: flex;
        align-items: center;
    }

/* Export buton düzenlemesi */
.export-icon {
    display: flex;
    align-items: center;
}

    .export-icon .btn {
        padding: 0.4rem;
        line-height: 1;
        height: 32px;
        width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Collapse buton düzenlemesi */
.filter-card .heading-elements a[data-action="collapse"] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    padding: 0;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .filter-card .heading-elements a[data-action="collapse"]:hover {
        background-color: rgba(115, 103, 240, 0.1);
    }

/* Card body padding düzenlemesi */
.filter-card .card-body {
    padding: 1.5rem;
}

/* Tablo padding düzenlemesi */
.filter-card .table {
    margin: 0;
}

/* Export buton düzenlemesi */
.filter-card .heading-elements .btn-icon {
    padding: 0.4rem;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-card .heading-elements .dropdown-menu {
    min-width: auto;
    padding: 0.5rem;
}

    .filter-card .heading-elements .dropdown-menu .btn {
        width: 100%;
        text-align: left;
        margin: 0.25rem 0;
    }

/* Modern Dashboard Card Styles */
.statistics-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
    transition: all 0.3s ease;
    overflow: hidden;
}

    .stat-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px 0 rgba(34, 41, 47, 0.15);
    }

.stat-card-content {
    padding: 1.5rem;
}

.stat-card-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.stat-card-details {
    flex: 1;
}

.stat-card-title {
    color: #5e5873;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.stat-card-number {
    color: #2c2c2c;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
}

.stat-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}

    .stat-card-icon i {
        width: 24px;
        height: 24px;
        color: #fff;
    }

    /* İkon arka plan renkleri */
    .stat-card-icon.student {
        background: linear-gradient(45deg, #7367f0, #9e95f5);
    }

    .stat-card-icon.teacher {
        background: linear-gradient(45deg, #28c76f, #48da89);
    }

    .stat-card-icon.staff {
        background: linear-gradient(45deg, #ff9f43, #ffb976);
    }

.stat-card-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(34, 41, 47, 0.1);
}

.trend-indicator {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
    font-weight: 500;
}

    .trend-indicator.up {
        color: #28c76f;
    }

    .trend-indicator.down {
        color: #ea5455;
    }

    .trend-indicator i {
        width: 16px;
        height: 16px;
    }

.period {
    color: #6e6b7b;
    font-size: 0.85rem;
}

/* Grafik alanı */
.stat-card-chart {
    margin-top: 1rem;
    height: 100px;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .statistics-cards {
        grid-template-columns: 1fr;
    }
}

/* Modern Dönem Seçici Güncellenmiş Stilleri */
.modern-term-selector {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(34, 41, 47, 0.08);
    overflow: hidden;
    min-width: 320px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    pointer-events: none;
}

    .modern-term-selector.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

.term-header {
    background: linear-gradient(135deg, #be1e2d 0%, #e74c3c 100%);
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

    .term-header::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
    }

.term-icon {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

    .term-icon i {
        width: 24px;
        height: 24px;
        color: #fff;
    }

.term-info {
    position: relative;
    z-index: 1;
}

.term-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    margin-bottom: 4px;
}

.term-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    display: block;
}

.term-list {
    padding: 1rem;
    max-height: 400px;
    overflow-y: auto;
}

.term-year-group {
    background: #fff5f5;
    border-radius: 12px;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

    .term-year-group.current-year {
        background: #fff5f5;
        border: 1px solid rgba(190, 30, 45, 0.2);
    }

.term-year-header {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(34, 41, 47, 0.05);
}

    .term-year-header i {
        width: 20px;
        height: 20px;
        color: #be1e2d;
    }

    .term-year-header span {
        font-weight: 600;
        color: #5e5873;
    }

.current-badge {
    background: rgba(190, 30, 45, 0.1);
    color: #be1e2d;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    margin-left: auto;
}

.term-items {
    padding: 0.5rem;
}

.term-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.8rem 1rem;
    border-radius: 8px;
    color: #6e6b7b;
    transition: all 0.2s ease;
    text-decoration: none;
    margin-bottom: 4px;
}

    .term-item:hover {
        background: rgba(190, 30, 45, 0.05);
        color: #be1e2d;
        transform: translateX(4px);
    }

    .term-item.active {
        background: rgba(190, 30, 45, 0.1);
        color: #be1e2d;
    }

.term-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .term-item-icon i {
        width: 18px;
        height: 18px;
        stroke-width: 2.5px;
    }

.term-item-name {
    font-weight: 500;
    font-size: 0.95rem;
}

/* Scroll çubuğu stilleri */
.term-list::-webkit-scrollbar {
    width: 6px;
}

.term-list::-webkit-scrollbar-track {
    background: transparent;
}

.term-list::-webkit-scrollbar-thumb {
    background: rgba(190, 30, 45, 0.2);
    border-radius: 10px;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .modern-term-selector {
        min-width: 280px;
    }

    .term-header {
        padding: 1.2rem;
    }

    .term-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 0.8rem;
    }

    .term-list {
        max-height: 350px;
    }
}

/* Loading animasyonu */
.term-item.loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

    .term-item.loading::after {
        content: '';
        position: absolute;
        right: 1rem;
        width: 16px;
        height: 16px;
        border: 2px solid rgba(115, 103, 240, 0.2);
        border-top-color: #7367f0;
        border-radius: 50%;
        animation: spin 0.6s linear infinite;
    }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Dropdown pozisyonu düzeltme */
.nav-item.dropdown .modern-term-selector {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 1rem;
    z-index: 1000;
}

    /* Dropdown ok işareti */
    .nav-item.dropdown .modern-term-selector::before {
        content: '';
        position: absolute;
        top: -8px;
        right: 20px;
        width: 16px;
        height: 16px;
        background: inherit;
        transform: rotate(45deg);
        border-radius: 4px;
        box-shadow: -3px -3px 5px rgba(34, 41, 47, 0.04);
        z-index: 0;
    }

/* Modern Header Dönem Seçici */
.modern-header-term {
    display: flex !important;
    align-items: center;
    gap: 12px;
    background: #525f7f !important;
    padding: 8px 16px !important;
    border-radius: 8px;
    color: #fff !important;
    transition: all 0.2s ease;
    margin: 0 15px;
}

    .modern-header-term:hover {
        background: #5d6b8c !important;
        transform: translateY(-1px);
    }

.term-icon-wrapper {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .term-icon-wrapper i {
        font-size: 16px;
        color: #fff;
    }

.term-info-wrapper {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.term-year {
    font-size: 0.75rem;
    color: #F5F5F5;
    opacity: 0.9;
}

.term-name {
    font-size: 0.9rem;
    font-weight: 600;
}

.arrow-icon {
    font-size: 12px;
    margin-left: auto;
    transition: transform 0.2s;
}

.show .arrow-icon {
    transform: rotate(180deg);
}

/* Dropdown Menu Stilleri */
.modern-term-dropdown {
    min-width: 220px;
    padding: 8px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
    margin-top: 10px !important;
}

    .modern-term-dropdown .dropdown-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 6px;
        transition: all 0.2s ease;
    }

        .modern-term-dropdown .dropdown-item i {
            font-size: 16px;
            color: #6B7B93;
            width: 20px;
        }

        .modern-term-dropdown .dropdown-item:hover {
            background: rgba(107, 123, 147, 0.05);
            color: #6B7B93;
        }

        .modern-term-dropdown .dropdown-item.active {
            background: rgba(107, 123, 147, 0.1);
            color: #6B7B93;
            font-weight: 500;
        }

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .modern-header-term {
        padding: 8px 12px;
    }

    .term-year {
        display: none;
    }

    .modern-term-dropdown {
        position: fixed !important;
        top: auto !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: calc(100% - 32px);
        max-width: 280px;
        margin-bottom: 20px !important;
    }
}

/* Firma Bilgisi Stili */
.company-info {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
    background: rgba(107, 123, 147, 0.08);
    border-radius: 8px;
    margin: 0 15px;
    transition: all 0.2s ease;
}

.company-icon {
    width: 32px;
    height: 32px;
    background: #6B7B93;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .company-icon i {
        font-size: 16px;
        color: #fff;
    }

.company-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: #6B7B93;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 992px) {
    .company-info {
        display: none;
    }
}

/* Modern User Menu Stilleri */
.modern-user-menu {
    min-width: 240px; /* Biraz daha geniş */
    padding: 12px; /* Padding artırıldı */
    border: none;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
    margin-top: 10px !important;
}

    .modern-user-menu .dropdown-item {
        display: flex;
        align-items: center;
        gap: 14px; /* Gap artırıldı */
        padding: 14px; /* Padding artırıldı */
        border-radius: 8px;
        transition: all 0.2s ease;
        font-size: 1rem; /* Font size artırıldı */
    }

        .modern-user-menu .dropdown-item i {
            font-size: 22px; /* İkon boyutu daha da büyütüldü */
            color: #7367f0; /* Mor renk */
            width: 28px; /* İkon container'ı büyütüldü */
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .modern-user-menu .dropdown-item span {
            font-weight: 500; /* Yazı kalınlığı artırıldı */
        }

        .modern-user-menu .dropdown-item:hover {
            background: rgba(115, 103, 240, 0.08); /* Hover arka plan rengi koyulaştırıldı */
            color: #7367f0;
            transform: translateX(3px); /* Hover'da sağa kayma efekti */
        }

            .modern-user-menu .dropdown-item:hover i {
                transform: scale(1.15); /* Hover'da daha belirgin büyüme */
                transition: transform 0.2s ease;
            }

    .modern-user-menu .dropdown-divider {
        margin: 10px 0; /* Margin artırıldı */
        border-color: rgba(115, 103, 240, 0.15); /* Ayraç çizgisi daha belirgin */
    }

    /* Çıkış butonu için özel stil */
    .modern-user-menu .dropdown-item.logout {
        color: #ea5455;
        margin-top: 4px; /* Üstten biraz boşluk */
    }

        .modern-user-menu .dropdown-item.logout i {
            color: #ea5455;
        }

        .modern-user-menu .dropdown-item.logout:hover {
            background: rgba(234, 84, 85, 0.08);
            color: #ea5455;
        }

.welcome-card {
    background: linear-gradient(135deg, #6b21a8 0%, #3730a3 100%);
    border-radius: 1rem;
    border: none;
    overflow: hidden;
    position: relative;
}

.welcome-content {
    position: relative;
    z-index: 1;
    padding: 1.5rem;
}

.welcome-header {
    text-align: center;
}

.degerlendirmeAvatar-wrapper {
    margin-bottom: 1.5rem;
}

.degerlendirmeAvatar {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 80px; /* 80px'den 120px'e çıkarıldı */
    height: 80px; /* 80px'den 120px'e çıkarıldı */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Gölge eklendi */
}

    .degerlendirmeAvatar .profile-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        border: 3px solid rgba(255, 255, 255, 0.5); /* Border kalınlığı ve opaklığı artırıldı */
        transition: transform 0.3s ease; /* Hover efekti için transition */
    }

    .degerlendirmeAvatar:hover .profile-photo {
        transform: scale(1.05); /* Hover'da hafif büyüme efekti */
    }

.degerlendirmeAvatar-icon {
    color: white;
    width: 60px; /* 40px'den 60px'e çıkarıldı */
    height: 60px; /* 40px'den 60px'e çıkarıldı */
}






.avatar-wrapper {
    margin-bottom: 1.5rem;
}

.avatar {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 150px; /* 80px'den 120px'e çıkarıldı */
    height: 150px; /* 80px'den 120px'e çıkarıldı */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Gölge eklendi */
}

    .avatar .profile-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        border: 3px solid rgba(255, 255, 255, 0.5); /* Border kalınlığı ve opaklığı artırıldı */
        transition: transform 0.3s ease; /* Hover efekti için transition */
    }

    .avatar:hover .profile-photo {
        transform: scale(1.05); /* Hover'da hafif büyüme efekti */
    }

.avatar-icon {
    color: white;
    width: 60px; /* 40px'den 60px'e çıkarıldı */
    height: 60px; /* 40px'den 60px'e çıkarıldı */
}

.welcome-title {
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.user-name {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.welcome-decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.decoration-left {
    position: absolute;
    left: -20px;
    bottom: -20px;
    opacity: 0.4;
    width: 150px;
}

.decoration-right {
    position: absolute;
    right: -20px;
    top: -20px;
    opacity: 0.4;
    width: 150px;
}

.header-navbar {
    margin-top: 2px !important;
}

/* Float Action Button Container */
.v-fab-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 20px; /* Arttırıldı */
}

/* Ana FAB butonu */
.v-fab-button {
    width: 70px; /* Daha da büyütüldü */
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #7367f0, #9e95f5);
    border: none;
    box-shadow: 0 4px 20px rgba(115, 103, 240, 0.4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 2;
}

    .v-fab-button i {
        font-size: 2.2rem; /* İkon daha da büyütüldü */
        transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .v-fab-button:hover {
        transform: scale(1.15);
        box-shadow: 0 6px 30px rgba(115, 103, 240, 0.6);
    }

/* Alt menü butonları */
.v-fab-actions {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Arttırıldı */
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: translateY(20px) scale(0.8);
}

    .v-fab-actions.show {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0) scale(1);
    }

.v-fab-item {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    color: #6e6b7b;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    transform: scale(0.9);
    opacity: 0;
    /* Gölge efekti */
    box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1);
}

    /* Hover efektleri - Sadeleştirildi */
    .v-fab-item:hover {
        transform: scale(1.1); /* Sadece büyüme efekti kalsın */
    }

    /* Her buton için özel hover efektleri */
    .v-fab-item.primary:hover {
        background: linear-gradient(45deg, #7367f0, #9e95f5);
        color: #fff;
    }

    .v-fab-item.success:hover {
        background: linear-gradient(45deg, #28c76f, #48da89);
        color: #fff;
    }

    .v-fab-item.warning:hover {
        background: linear-gradient(45deg, #ff9f43, #ffb976);
        color: #fff;
    }

    .v-fab-item.info:hover {
        background: linear-gradient(45deg, #00cfe8, #1ce7ff);
        color: #fff;
    }

/* Kademeli açılma animasyonu */
.v-fab-actions.show .v-fab-item {
    opacity: 1;
    transform: scale(1);
}

    .v-fab-actions.show .v-fab-item:nth-child(1) {
        transition-delay: 0.1s;
    }

    .v-fab-actions.show .v-fab-item:nth-child(2) {
        transition-delay: 0.2s;
    }

    .v-fab-actions.show .v-fab-item:nth-child(3) {
        transition-delay: 0.3s;
    }

    .v-fab-actions.show .v-fab-item:nth-child(4) {
        transition-delay: 0.4s;
    }

/* Nabız animasyonu */
@keyframes softPulse {
    0% {
        box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1), 0 0 0 0 rgba(115, 103, 240, 0.2);
    }

    70% {
        box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1), 0 0 0 20px rgba(115, 103, 240, 0);
    }

    100% {
        box-shadow: 0 4px 15px rgba(115, 103, 240, 0.1), 0 0 0 0 rgba(115, 103, 240, 0);
    }
}

.v-fab-item {
    animation: softPulse 3s infinite;
}

    /* Parıltı efekti için pseudo element */
    .v-fab-item::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient( 45deg, transparent, rgba(115, 103, 240, 0.1), transparent 60% );
        transform: rotate(45deg);
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        opacity: 0;
    }

    /* Hover efektleri */
    .v-fab-item:hover {
        transform: scale(1.15);
        border-color: #9e95f5;
        box-shadow: 0 6px 20px rgba(115, 103, 240, 0.25), inset 0 0 20px rgba(115, 103, 240, 0.1);
    }

        .v-fab-item:hover::after {
            animation: shine 1.5s infinite;
            opacity: 1;
        }

/* Parıltı animasyonu */
@keyframes shine {
    0% {
        transform: translateX(-200%) rotate(45deg);
    }

    100% {
        transform: translateX(200%) rotate(45deg);
    }
}

/* Tooltip geliştirmeleri */
.v-fab-item::before {
    content: attr(data-tooltip);
    position: absolute;
    right: calc(100% + 15px);
    background: linear-gradient(45deg, #2c2c2c, #3f3f3f);
    color: #fff;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: translateX(10px);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}

.v-fab-item:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* Buton hover efektleri */
.v-fab-item:hover {
    transform: scale(1.15) rotate(360deg);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.v-fab-item i {
    font-size: 1.8rem; /* Alt buton ikonları büyütüldü */
    transition: all 0.3s ease;
}

/* Her buton için özel renkler ve efektler */
.v-fab-item.primary:hover {
    background: linear-gradient(45deg, #7367f0, #9e95f5);
    color: #fff;
    box-shadow: 0 5px 20px rgba(115, 103, 240, 0.4);
}

.v-fab-item.success:hover {
    background: linear-gradient(45deg, #28c76f, #48da89);
    color: #fff;
    box-shadow: 0 5px 20px rgba(40, 199, 111, 0.4);
}

.v-fab-item.warning:hover {
    background: linear-gradient(45deg, #ff9f43, #ffb976);
    color: #fff;
    box-shadow: 0 5px 20px rgba(255, 159, 67, 0.4);
}

.v-fab-item.info:hover {
    background: linear-gradient(45deg, #00cfe8, #1ce7ff);
    color: #fff;
    box-shadow: 0 5px 20px rgba(0, 207, 232, 0.4);
}

/* Ana buton açık durumu */
.v-fab-button.active {
    transform: rotate(135deg) scale(1.15);
    background: linear-gradient(45deg, #ea5455, #f48687);
    box-shadow: 0 6px 30px rgba(234, 84, 85, 0.5);
}

    .v-fab-button.active:hover {
        transform: rotate(135deg) scale(1.2);
    }

/* Mobil uyumluluk */
@media (max-width: 768px) {
    .v-fab-container {
        bottom: 20px;
        right: 20px;
    }
}





table thead tr, table thead th, table tfoot tr, table tfoot th {
    padding: 5px 20px !important;
    background: linear-gradient(180deg, var(--primary-color), var(--bs-purple)) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    position: relative !important;
}

table tbody tr, table tfoot tr {
    border-style: hidden;
    border-width: initial;
}

.table tbody tr:hover {
    background-color: #dad7f3 !important;
}

table tbody tr td:last-child {
    display: flex
}

.dttable tbody tr td:last-child {
    display: table-cell
}

.dataTables_wrapper {
    padding: 0px 25px;
}

.page-item.active {
    background-color: white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
}

.page-link {
    color: #000000;
    background-color: #ddd5ff;
}

table {
    font-weight: 500;
}



div.dataTables_wrapper .dataTables_info {
    color: black;
}

div.dataTables_wrapper div.dataTables_length label {
    color: black;
}

div.dataTables_wrapper div.dataTables_filter label {
    color: black;
}

.card .table tbody tr:last-child td:last-child {
    width: max-content;
}

.maasP .card .table tbody tr:last-child td:last-child {
    width: 394px!important;
}

.main-menu.menu-light .navigation > li ul li ul a {
    min-height: fit-content;
}


    .main-menu.menu-light .navigation > li ul li ul a span {
        white-space: normal;
    }

.main-menu.menu-light .navigation > li ul li > a {
    min-height: fit-content;
}

    .main-menu.menu-light .navigation > li ul li > a span {
        white-space: normal;
    }

.main-menu.menu-light .navigation > li > a {
    min-height: fit-content;
}

    .main-menu.menu-light .navigation > li > a span {
        white-space: normal;
    }

.btn-close {
    display: block !important;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px); /* Arka planı bulanıklaştır */
    background: rgba(0, 0, 0, 0.3); /* Hafif bir karartma efekti */
    display: none;
}

.modal-open .modal-overlay {
    display: block;
}


.dataTables_scrollBody::-webkit-scrollbar {
    height: 8px; /* Scroll çubuğunu belirginleştir */
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #888; /* Kaydırma çubuğunun rengini belirginleştir */
    border-radius: 4px;
}

    .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
        background: #555;
    }