.aciklama_soru {
/ / img width: 64 px;
    margin: 0;
    padding: 0;
}

h1 {
    float: left;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 16pt;

}

.big-icon {
    font-size: 1.6em;
}

.acr_baslik_1 {
    font-size: 14pt;
    font-weight: 600;
    color: #333;
    margin: 0;
    padding: 0;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    display: none; /* Default olarak gizli */
}

.loading-overlay.show {
    display: flex;
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fade-in 0.3s ease both;
}

.acr_border_dotted {
    border: 1px dotted #e3e7e5;
}

.acr_a4 {
    width: 100%;
    height: 1040px;
}

.acr_a4_div {
    padding: 20mm 20mm 10mm 20mm;
    text-align: justify;
    font-size: 11pt;
    line-height: 14pt;
    width: 100%;
    height: 950px;

}

.acr_bg-mavi {
    border: 2px solid rgba(0, 149, 255, 0.35); /* Portakal renginde sınır */
    background-color: rgba(192, 246, 255, 0.31);
    border-radius: 10px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 20px; /* İçerik için dolgu alanı */
    margin: 5px; /* Çerçevenin dışındaki boşluk */
}

.acr_bg-yesil {
    border: 2px solid rgba(162, 255, 0, 0.43); /* Portakal renginde sınır */
    background-color: rgba(220, 246, 192, 0.26);
    border-radius: 10px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 20px; /* İçerik için dolgu alanı */
    margin: 5px; /* Çerçevenin dışındaki boşluk */
}

.acr_bg-mor {
    border: 2px solid rgba(116, 46, 255, 0.29); /* Portakal renginde sınır */
    background-color: rgba(203, 180, 255, 0.3);
    border-radius: 10px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 20px; /* İçerik için dolgu alanı */
    margin: 5px; /* Çerçevenin dışındaki boşluk */
}

.acr_bg-turuncu {
    border: 2px solid rgba(255, 109, 46, 0.23); /* Portakal renginde sınır */
    background-color: rgba(255, 220, 204, 0.23);
    border-radius: 10px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 20px; /* İçerik için dolgu alanı */
    margin: 5px; /* Çerçevenin dışındaki boşluk */
}

.acr_bg-gri {
    border: 2px solid rgba(138, 138, 138, 0.23); /* Portakal renginde sınır */
    background-color: rgba(231, 231, 231, 0.25);
    border-radius: 10px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 20px; /* İçerik için dolgu alanı */
    margin: 5px; /* Çerçevenin dışındaki boşluk */
}

.plan-cerceve {
    border: 2px solid #FFA500; /* Portakal renginde sınır */
    border-radius: 25px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 20px; /* İçerik için dolgu alanı */
    margin: 10px; /* Çerçevenin dışındaki boşluk */
}

.plan-baslik {
    font-size: 14px; /* Artırılmış metin boyutu */
    font-weight: 700; /* Kalın metin */
    color: #ffa600; /* Sarı metin rengi */
    margin: 0; /* Üst ve alt marjin */
}

.plan-baslik-2 {
    font-size: 12px; /* Artırılmış metin boyutu */
    font-weight: 700; /* Kalın metin */
    color: #252420; /* Sarı metin rengi */
    margin: 0; /* Üst ve alt marjin */
    background-color: #e5b480;
}

.alan-2024-div {
    font-size: 12px; /* Artırılmış metin boyutu */
    font-weight: 700; /* Kalın metin */
    color: #ffa600; /* Sarı metin rengi */
    margin: 0; /* Üst ve alt marjin */
}


.kazanim-2024-div {
    font-style: italic;
    font-size: 11px; /* Artırılmış metin boyutu */
    font-weight: 700; /* Kalın metin */
    color: #1a1a1a; /* Sarı metin rengi */
    margin: 0; /* Üst ve alt marjin */
}

.goster-2024-span {
    position: relative; /* Pozisyon ayarı, before elemanı için referans noktası oluşturur */
    margin-left: 11px; /* Sol kenardan marjin */
    font-weight: 400; /* Font kalınlığı */
    font-size: 12px; /* Metin boyutu */
    color: #4f4f4f; /* Metin rengi */
    padding-left: 35px; /* Checkbox için sol tarafta yer açar */
}

.goster-2024-span:before {
    content: '\2713'; /* Onay işareti simgesi */
    position: absolute; /* Pozisyon tipi */
    left: 0; /* Sol kenardan konumlandırma, padding-left ile aynı olmalı */
    top: 50%; /* Üst kenardan konumlandırma, ortalanmış olur */
    transform: translateY(-50%); /* Yatay eksende ortalar */
    color: #FFC107; /* İşaret simgesinin rengi */
    font-size: 8px; /* İşaret simgesinin boyutu */
    background-color: #fffdf3; /* Sarı arkaplan rengi */
    border: 1px solid #FFC107; /* Sol tarafta kalın sarı çizgi */
    padding: 0 5px; /* İçerik etrafında dolgu */
}

/* Eğer .checklist-item sınıfı ile çakışma olursa, aşağıdaki gibi bir seçici kullanabilirsiniz */
.goster-2024-span.checklist-item:before {
    content: '\2713'; /* Onay işareti simgesi */
    position: absolute; /* Pozisyon tipi */
    left: 0; /* Sol kenardan konumlandırma, padding-left ile aynı olmalı */
    top: 50%; /* Üst kenardan konumlandırma, ortalanmış olur */
    transform: translateY(-50%); /* Yatay eksende ortalar */
    color: #FFC107; /* İşaret simgesinin rengi */
    font-size: 8px; /* İşaret simgesinin boyutu */
    background-color: #fffdf3; /* Sarı arkaplan rengi */
    border: 1px solid #FFC107; /* Sol tarafta kalın sarı çizgi */
    padding: 0 5px; /* İçerik etrafında dolgu */
}

.plan-header-title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFD700; /* Sarı arkaplan */
    color: #000000; /* Metin rengi siyah */
    font-size: 16px; /* Artırılmış metin boyutu */
    font-weight: 700; /* Kalın metin */
    border: 2px solid #FFA500; /* Çerçeve rengi */
    border-radius: 20px; /* Köşeleri daha yuvarlaklaştırma */
    padding: 2px 4px; /* İç dolgu */
    margin: -32px auto; /* Üst ve alt marjin, yanlarda otomatik merkezleme */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); /* Daha belirgin gölge efekti */
    width: 80%; /* Genişlik yüzde cinsinden ayarlanmıştır */
}


.bulten_table {
    font-size: smaller;
}

.bulten_etk_foto {
    width: 60px;
    height: 100%;
    object-fit: cover;
}

.acr_a4_img {
    position: absolute;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 1050px;
}

.acr_tarih {
    font-size: 7pt;
}

.bulten_aciklama {
    font-size: 8pt;
}

.gunu_degerlendirme {
    vertical-align: top;
    height: 80px;
}

.egitim_akisi {
    font-size: 9pt;
}

h6 {
    font-size: 10pt !important;
}

.imza_2 {
    height: 0;
}

.imza_1 {
    height: 100px;
}

.imza_2 {
    height: 200px;
}

@media print {
    .gunu_degerlendirme {
        vertical-align: top;
        height: 120px;
    }

    .imza_2 {
        height: 0;
    }

    .imza_1 {
        height: 350px;
    }

    .imza_2 {
        height: 450px;
    }

    .egitim_akisi {
        font-size: 11pt;
    }

    h6 {
        font-size: 11pt !important;
    }

    .acr_a4 {
        width: 100%;
        height: 1450px;
    }

    .bulten_etk_foto {
        width: 90px;
        height: 100%;
        object-fit: cover;
    }

    .bulten_table {
        font-size: inherit;
    }

    .acr_a4_div {
        padding: 40mm 30mm 10mm 30mm;
        text-align: justify;
        font-size: 11pt;
        line-height: 16pt;
    }

    .acr_a4_img {
        position: absolute;
        z-index: -1;
        object-fit: cover;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
}

.swiper {
    width: 100%;
    height: 800px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.printable {
    display: none;
    visibility: hidden;
}

.alan-div {
    font-weight: bold;
    margin-top: 10px;
    font-size: 1.1em;
}

.acr_pointer {
    cursor: pointer;
}

.kazanim-span {
    font-style: italic;
}

.goster-span {
    font-size: 0.9em;
    color: #666666;
}

.acr_icon {
    font-size: 1.2em !important;
}

.acr_nav-item {
    font-size: 1em;
}

.nav-item {
    margin-top: 5px !important;
}

@media screen and (max-width: 768px) {
    .nav-item {
        margin-top: 5px !important;
        padding: 4px 0 4px 0 !important;
    }
    .d-block {
        display: block !important;
    }
    .d-none {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .nav-item {
        margin-top: 5px !important;
        padding: 4px 0 4px 0 !important;
    }

    .d-md-none {
        display: none !important;
    }
}

.sidebar {
    /* Firefox için */
    scrollbar-width: none !important;
    /* IE ve Edge için */
    -ms-overflow-style: none !important;
    /* Chrome, Safari ve Opera için */
    overflow: -moz-scrollbars-none !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.sidebar::-webkit-scrollbar {
    display: none !important;
    scrollbar-width: none !important;

}

.acr_nav-treeview {
    font-size: 0.9em;
    background-color: rgb(51, 51, 51) !important;
    color: #c5c5c5 !important;
}

.acr_nav_link {
    padding: 5px 0 5px 0 !important;
    border-left-color: #1c1c1c !important;
}

.acr_nav_link.active {
    background-color: rgba(228, 246, 166, 0.82) !important;
    color: #141c14 !important;
}
a {
    color: #245875;
}
.skin-blue .main-header .navbar {
    background-color: #357da8 !important;
}
.content-wrapper {
    background-color: #d9dce0 !important;
    padding-top: 5px !important;
}

.user-panel {
    height: 45px;
}

.acr_nav_link_alt_menu {
    width: calc(250px - .7rem * 2) !important;
    background-color: rgba(255, 255, 255, 0.09) !important;
    margin-bottom: 0 !important;
    color: #ececec !important;
    padding: 2px 0 2px 0 !important;
}

.acr_nav_link_alt_menu.active {
    background-color: #b2b990 !important;
    color: #1c1c1c !important;
}

.acr_nav-icon {
}

.kavram-kategori-span {
    color: #0a6ea0;
}


.acr_nav_arrow {
    top: 0.4rem !important;
}

.acr_hr {
    clear: both;
    min-height: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #d5d4d4;
}

.acr_hr_20 {
    clear: both;
    min-height: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

@media print {

    header, footer, aside, nav, form, iframe, .menu, .hero, .adslot {
        display: none;
    }
}

.acr_div_hover {
    background: linear-gradient(90deg, rgb(249, 251, 255) 0%, rgb(255, 250, 250) 50%, rgba(255, 255, 255, 1) 100%);
    color: #333333;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    padding-left: 10px;
}

.acr_div_row {
    background: linear-gradient(90deg, rgb(249, 251, 255) 0%, rgb(255, 250, 250) 50%, rgba(255, 255, 255, 1) 100%);
    color: #333333;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    padding-left: 10px;
}

.acr_div_row_active {
    background: linear-gradient(90deg, rgb(229, 255, 220) 0%, rgba(117, 255, 103, 0.5) 50%, rgb(120, 166, 94) 100%);
    color: #212121;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    padding-left: 10px;
}

.acr_div_hover:hover {
    background: linear-gradient(90deg, rgb(220, 234, 255) 0%, rgba(252, 231, 231, 0.5) 50%, rgba(255, 255, 255, 1) 100%);
    color: #212121;
}

.acr-hr {
    padding: 0;
    margin: 0;
}

.backgorund-image-size {
    background-size: 100% 100%;
}

.sayfa-sonu {
    width: 100%;
    height: 100px;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    page-break-after: always;
}