:root {
    --eduColor: #231877;
    --eduColor2: #44389d;
    --eduColor3: #909ba1;
    --eduColor4: #cee6f3;
    --background: #f2f2f2;
    --pembe: #fc4b6c;
    --turuncu: orange;
    --yesil: green;
}

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.pembe { color: var(--pembe); }
.turuncu { color: var(--turuncu); }
.yesil { color: var(--yesil); }

.kalin { font-weight: bold !important; }

.wsnormal { white-space: normal; }
.wsnormal tr, .wsnormal td, .wsnormal th { white-space: normal; }

.wsnw { white-space: nowrap; }

.bbgri { border-bottom: 1px solid #bfbfbf; }
.bgri { border: 1px solid #bfbfbf; }

.brad-10 { border-radius: 10px; }
.brad-5 { border-radius: 5px; }

tr.kalin td, tr.kalin th { font-weight: bold !important; }

.pl-10 { padding-left: 10px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }

.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }

.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }

.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }

.pb-10 { padding-bottom: 10px; }
.p-10 { padding: 10px; }

.float-right { float: right; }

.vat { vertical-align: top !important; }
.vam, tr.vam th, tr.vam td, tr td.vam, tr th.vam { vertical-align: middle; }



ul.dbStd { list-style: none; margin: 0px; padding: 0px; }

.opacPlaceholder { opacity: 0; pointer-events: none; }


#sidebarnav > .sidebar-item > .sidebar-link > svg { width: 20px !important; height: 20px !important; margin-left: 4px !important;  }

.text-green { color: var(--yesil); }

.eduColor { color: var(--eduColor); }
.eduBackColor { background-color: var(--eduColor); }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pointer-none { pointer-events: none; }
.pointer-all { pointer-events: all; }

.curpo { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn:hover { background-color: var(--eduColor2); border-color: var(--eduColor2); }

.page-wrapper {
    background: url('../assets/images/edulog_back.png') !important;
}

.auth-wrapper {
    background: url('../assets/images/edulog_back.png') !important;
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1] {
    /* background: var(--background) !important; */
    /* background: transparent !important; */
    background: url(../assets/images/edulog_back.png) !important;
}

.topbar .top-navbar .navbar-nav>.nav-item.nbOzel:hover {
    background: var(--background);
}

.nav-link:focus, .nav-link.nbOzel:hover {
    color: var(--eduColor) !important;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
    background: var(--eduColor);
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: var(--eduColor3);
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover i, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover i {
    color: #fff;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
    background-color: var(--eduColor2);
}


#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer {
    background: var(--eduColor);
}

.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
    padding-left: 10px;
}

.ps-container {
    background: var(--eduColor);
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link.active {
    color: #fff;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    color: #fff;
    background-color: var(--eduColor2);
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] {
    background: var(--eduColor);
}

.girissayfasi {
    background-image: url(../assets/images/edulog_kullanicigiris.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
}

.veliListeOgesi {
    padding: 10px;
    border: 1px solid #bfbfbf;
    margin-right: 10px;
    border-radius: 10px;
}

.solMenuAjax {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}

.solMenuAjax li {
    padding: 10px;
    display: inline-block;
    width: calc(100% - 20px);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    padding-right: 20px;
}

.solMenuAjax li.selected {
    color: var(--pembe);
}


.solMenuAjax li:not(:first-child) {
    border-top: 1px solid var(--eduColor4);
}

.solMenuAjax li.ozel {
    border-radius: 5px;
    border: 1px solid #bfbfbf;
}


/* .solMenuAjax li:not(.ozel):first-child .siralama i.fa-chevron-up, .solMenuAjax li:not(.ozel):last-child .siralama i.fa-chevron-down {
    display: none;
} */

.solMenuAjax li:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-align: center;
    width: 1.25em;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f054";
    position: absolute;
    left: calc(100% - 20px);
    top: 14px;
}

.solMenuAjax li.loading:after {
    content: "\f013";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.ustMenuAjax {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
}

.ustMenuAjax li {
    flex: 1 1 0px;
    text-align: center;
    border-bottom: 1px solid var(--eduColor4);
    padding: 5px;
    cursor: pointer;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.ustMenuAjax li.selected {
    color: var(--pembe);
}


.ustMenuAjax li:not(:first-child) {
    border-left: 1px solid var(--eduColor4);
}

.sekmeIcerigi, .sekmeIcerigi > .row:not(.rowStandard) {
    min-height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}


.dosis .sekmeler:empty { display: none; }


.dosis.modKlasor .dosyaGoruntuleme { display: none; }
.dosis.modDosya .yolbar, .dosis.modDosya .icerik { display: none; }

.dosis .gosyaGoruntuleme > div:not(.active) { display: none; }


.dosis .sekmeler {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    margin-bottom: -12px;
}

.dosis .sekmeler li {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 120px;
    transition: all 0.3s;
    margin: 0px;
    padding: 0px;
    margin-right: -4px;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    cursor: pointer;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.dosis .sekmeler li.active {
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #bfbfbf;
    margin-right: -5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.dosis .sekmeler li:not(.active) {
    margin-top: 20px;
}

.dosis .sekmeler li:first-child {
    margin-right: -5px;
    border-top-left-radius: 4px;
}

.dosis .sekmeler li:last-child {
    border-right: 1px solid #bfbfbf;
    border-top-right-radius: 4px;
}

.dosis .sekmeler li div {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 33px;
}

.dosis .sekmeler li div .dosyaAdi {
    display: inline-block;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    transition: all 0.3s;
    left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dosis .sekmeler li:hover div .dosyaAdi {
    width: calc(100% - 40px);
}

.dosis .sekmeler li:hover div  i.fa-times {
    pointer-events: all;
    right: 0px;
}

.dosis .sekmeler li div i {
    position: absolute;
    left: 0px;
    padding-top: 13px;
    padding-bottom: 12px;
}


.dosis .sekmeler li div i.fa-times {
    pointer-events: none;
    transition: all 0.3s;
    left: auto;
    right: -20px;
}

.dosis .dosyaGoruntuleme > div:not(.active) {
    display: none;
}

.dosis .dosyaGoruntuleme > div iframe {
    display: inline-block;
    width: 100%;
    height: 800px;
}



.dosis .yolBar {
    white-space: nowrap;
    width: 100%;
    display: flex;
}

.dosis .yolBar .yol {
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #bfbfbf;
    padding: 10px;
    width: calc(100% - 130px);
    display: inline-block;
}

.dosis .yolBar .yeniKlasor {
    border: 1px solid var(--turuncu);
    padding: 10px;
    display: inline-block;
    width: 124px;
    color: var(--turuncu);
    margin-left: 10px;
    white-space: nowrap;
    transition: all 0.3s;
}

.dosis .yolBar .yeniKlasor:hover {
    background: var(--turuncu);
    color: #FFF;
}



.dosis .icerik h2 {
    font-size: 0.9rem;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
    text-align: right;
}

.dosis .icerik h6 {
    text-align: right;
}

.dosis .icerik .klasorler, .dosis .icerik .dosyalar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-top: 30px;
}

.dosis .icerik .klasorler {
    border-bottom: 1px solid #bfbfbf;
}


.dosis .icerik .klasorler .ogeIcerik, .dosis .icerik .dosyalar .ogeIcerik, .dosis .icerik .uplIcerik .ogeIcerik {
    width: calc(100% - 50px);
}

.dosis .icerik .card-body {
    position: relative;
}

.dosis .icerik .card-body .opsiyonlar {
    position: absolute;
    text-align: center;
    left: 0px;
    bottom: -5px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.dosis .icerik .card-body:hover .opsiyonlar {
    bottom: 0px;
    opacity: 1;
    pointer-events: all;
}

.dosis .icerik .card-body i.fa-edit, .dosis .icerik .card-body i.fa-trash, .dosis .icerik .card-body i.fa-download {
    color: var(--eduColor3);
    transition: all 1s;
}

.dosis .icerik .card-body:hover i.fa-edit {
    color: var(--eduColor2);
}

.dosis .icerik .card-body:hover i.fa-trash {
    color: var(--pembe);
}

.dosis .icerik .card-body:hover i.fa-download {
    color: var(--turuncu);
}


.dosis .uploadContainer .uploadInContainer {
    text-align: center;
    color: #FFF;
    padding: 20px;
    background-color: var(--eduColor2) !important;
    transition: all 0.3s;
}

.dosis .uploadContainer .uploadInContainer.dragging {
    background-color: var(--turuncu) !important;
}

.dosis .uploadContainer .uploadInContainer .uploadMessage {
    pointer-events: none;
}


.dosis .uploadContainer .uploadInContainer .uploadMessage i.fa-download {
    transform: rotate(0deg);
    transition: all 0.3s;
}

.dosis .uploadContainer .uploadInContainer.dragging .uploadMessage i.fa-download {
    transform: rotate(180deg);
}

.dosis .uploadContainer .uploadInContainer.dragging .uploadMessage span.notdragging {
    display: none;
}

.dosis .uploadContainer .uploadInContainer:not(.dragging) .uploadMessage span.dragging {
    display: none;
}


.dosis .uploadContainer .uploadingElements {
    border-top: 1px solid #bfbfbf;
    padding-top: 30px;
    padding-bottom: 30px;
}

.dosis .uploadContainer .uploadingElements[data-uploadcount="0"] {
    display: none;
}

.dosis .uploadContainer .uplIcerik {
    padding-left: 15px;
    padding-right: 15px;
}



.dosis .uploadContainer .uplIcerik .yukleme > .card {
    border: 1px dashed #bfbfbf !important;

}

.dosis .uploadContainer .uplIcerik .yukleme i.fa-file {
    transition: all 0.3s;
}

.dosis .uploadContainer .uplIcerik .yukleme.uploadingNow i.fa-file {
    /* color: var(--eduColor); */
    animation: yuklemeAnimasyonu 5s infinite !important;
}

@keyframes yuklemeAnimasyonu {
    0% { color: var(--eduColor); }
    25% { color: var(--pembe); }
    50% { color: var(--turuncu); }
    100% { color: var(--eduColor); }
}


table.dersSecim tbody tr td.secim i { display: none; }
table.dersSecim tbody tr td.secim.durum_1 i.yesil { display: inline-block; }
table.dersSecim tbody tr td.secim.durum_0 i.pembe { display: inline-block; }
table.dersSecim tbody tr td.secim.loading i.turuncu { display: inline-block; }


ul.dersYetkiSecimleri {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.dersYetkiSecimleri > li.dersYetkiSecimi {
    padding: 10px;
    transition: all 0.3s;
}

ul.dersYetkiSecimleri > li.dersYetkiSecimi.durum_1:not(.loading) { background: var(--pembe); color: #FFF; }

ul.dersYetkiSecimleri > li.dersYetkiSecimi.loading span { display: none; }
ul.dersYetkiSecimleri > li.dersYetkiSecimi.loading { text-align: center; }
ul.dersYetkiSecimleri > li.dersYetkiSecimi:not(.loading) i { display: none; }


div.sinifAdi {
    text-align: center;
    font-weight: bold;
    color: var(--pembe);
}

ul.akdSinifListe {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-bottom: 40px;
}

ul.akdSinifListe li {
    
}

.sinifOgrenciDetayListe {

}

.sinifOgrenciDetayListe li {
    padding: 10px;
}

.sinifOgrenciDetayListe li:not(:first-child) {
    border-top: 1px solid #bfbfbf;
}

.sinifOgrenciDetayListe li span {
    display: inline-block;
    width: calc(100% - 24px);
}

.sinifOgrenciDetayListe li i {

}

ol.siralamali {
    
}

ol.siralamali li {
    
}

ol.siralamali li:before {
    color: var(--pembe);
    font-weight: bold;
}


.acmalikapamali, .acmalikapamali li ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
}

.acmalikapamali li {
    margin-top: 5px;
}

.acmalikapamali li ul {
    
}

.acmalikapamali ul > li i {
    transition: all 0.3s;
}

.acmalikapamali ul > li.acik > i {
    transform: rotate(90deg);
    color: var(--pembe);
}

.acmalikapamali ul > li .adi {
    display: inline-block;
    /* width: 400px; */
}

.acmalikapamali ul > li .secenekler {
    
}

.acmalikapamali ul > li .secenekler > select {
    display: inline-block;
    width: 200px;
}


ul.uniteKonulari {

}

ul.uniteKonulari li {
    white-space: nowrap;
}



ul.uniteKonulari li > span.konuAdi span.konuAdiIc {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

ul.uniteKonulari li > span.sira { width: 20px; text-align: center; }

ul.uniteKonulari li > span.konuAdi { width: calc((100% - 40px) * 0.6); }



ul.uniteKonulari li > span.sil { width: calc((100% - 40px) * 0.1); text-align: center; }

ul.uniteKonulari li > span.soruSayisi { width: calc((100% - 40px) * 0.3); text-align: center; }

ul.uniteKonulari li > span {
    display: inline-block;
    height: 26px;
}

ul.uniteKonulari li > span:not(.dd-handlex) {
    display: inline-block;
    padding-top: 12px;
}

ul.uniteKonulari > li:not(:first-child) {
    border-top: 1px solid #bfbfbf;
}



ul.uniteKonulari > li > span.ackapa > i {
    transition: all 0.3s;
}

ul.uniteKonulari > li.acik > span.ackapa > i {
    transform: rotate(90deg);
}


ul.uniteKonulari > li:not(.acik) > .onem {
    display: none !important;
}

ul.uniteKonulari > li.acik > .onem {
    display: block !important;
}

ul.uniteKonulari > li > .onem span.fernusID  {
    padding: 10px;
    text-align: center;
    border: 1px solid #bfbfbf;
    margin-top: 10px;
    display: inline-block;
    border-radius: 10px;
    width: 100%;
}



ul.xackapa {

}

ul.xackapa ul > li {
    
}

ul.xackapa li:not(.acik) > ul {
    display: none !important;
}

.takvimHaftalar {

}

.takvimHaftalar .haftaIci {
    border: 1px solid #bfbfbf;
    margin-top: 20px;
    border-radius: 10px;
}

.takvimHaftalar .haftaIci .haftaIcerik li::marker {
    color: var(--pembe);
}

.takvimHaftalar .haftaDurum_0 {
    background-color: var(--pembe);
    color: #FFF;
}

.suruklemeStandartItem {
    display: none;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 100000;
    background: var(--pembe);
    color: #FFF;
    padding: 20px;
    border-radius: 200px;
}

.suruklemeStandartItem.surukleniyor {
    display: inline-block;
}

.suruklemeStandartItem i {
    
}


ul.kazanimlar {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.uniteKonulari ul.kazanimlar, .uniteKonulari ul.kazanimlar ul.altKazanimlar {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.uniteKonulari ul.kazanimlar ul.altKazanimlar {
    margin-left: 20px;
}


.ksbsoru:not(.kazanimvar) .kazanimKaldirBut { display: none; }
.ksbsoru.kazanimvar .kazanimEkleBut { display: none; }


#sorular .sorular .soruListeItem.onay_1 .onayla { display: none; }
#sorular .sorular .soruListeItem.onay_0 .onaylama { display: none; }

#soruSecimler .sorular .soruListeItem.onay_1 .onayla { display: none; }
#soruSecimler .sorular .soruListeItem.onay_0 .onaylama { display: none; }

#secilecekSorular .secilecekSorularListesi .soruListeItem.onay_1 .onayla { display: none; }
#secilecekSorular .secilecekSorularListesi .soruListeItem.onay_0 .onaylama { display: none; }


.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: 60px !important;
    padding-top: 1.4rem;
}


.sinavSoruTbody tr:first-child i.fa-chevron-up { display: none; }
.sinavSoruTbody tr:last-child i.fa-chevron-down { display: none; }

#sorularSecilmis .dersContainer:first-child .dersKaydirma .fa-chevron-up { display: none; }
#sorularSecilmis .dersContainer:last-child .dersKaydirma .fa-chevron-down { display: none; }

.container-fluid.container-ayarlanmis { padding: 10px 0px;max-width:90%; }
.sabit-yukseklik { width: 100%; min-height: calc(100vh - 255px); }

.sinavContent .sorular, .sinavContent .optikCevaplar {
    display: inline-block;
    width: 100%;
    height: calc(100vh - 255px - 100px);
    overflow-y: auto;
}

.sinavContent .sorular img.soruResim { max-width: 90%; max-height: 90%; }

/* .soru-begen, .soru-begenme, .soru-yorum { margin: 0px !important; }
.soru-begenme, .soru-yorum { margin-left: 20px !important; } */

.soruActions { padding-top: 10px; }
.soruActions a { margin: 0px !important; }
.soruActions a:not(:first-child) { margin-left: 20px !important; }

/* .soruOptik.aktifSoru .soruNo .icSoruSayisi { opacity: 1; color: var(--pembe); }
.soruOptik:not(.aktifSoru) .soruNo .icSoruSayisi { opacity: 0; } */

.soruOptik .cevaptd {
    padding-left: 0px;
    padding-right: 0px;
}

.soruOptik .cevaptd span.cevap {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #bfbfbf;
    text-align: center;
    padding-top: 3px;
    border-radius: 20px;
    cursor: pointer;
}

.soruOptik .cevaptd span.cevap.selected {
    background-color: var(--pembe);
    color: #FFF;
}

.scrollyap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    height: 50%;
    background-color: #35b5e830;
    border: 2px solid #fff;
    border-top: 15px solid #fff;
}

.scrollyap::-webkit-scrollbar {
    width: 8px;
}

.scrollyap::-webkit-scrollbar-track {
    padding: 2px 0;
}

.scrollyap.scrollmor::-webkit-scrollbar-thumb { background-color: var(--eduColor); }



.soruSecimRow.soruVar .ekleBut { display:none; }
.soruSecimRow:not(.soruVar) .kaldirBut { display:none; }

.odakGoruntu .odakSorular:not(.odakAcik) { display: none; }

.odakSorular .odakSoru:first-child .soruYukari { display: none; }
.odakSorular .odakSoru:last-child .soruAsagi { display: none; }


.cevapSelectorDers.soruCevapTablosu { display: inline-block; width: 100%; height: calc(100vh - 400px); }

.cevapSelectorTable tr td:first-child {
    white-space: nowrap;
    font-size: 12px;
}

.cevapSelectorTable tr:not(.selected) td:first-child span {
    
}

.cevapSelectorTable tr td {
    padding-left: 0px;
    padding-right: 0px;
}

.cevapSelectorTable tr td span.cevap {
    border: 1px solid #bfbfbf;
    display: inline-block;
    padding: 2px;
    height: 26px;
    width: 26px;
    border-radius: 22px;
}

.cevapSelectorTable tr.soruSelected td {

}

.cevapSelectorTable tr.soruSelected td span.cevap {
    
}

.optikSoru tr td.selected span {  }

tr.optikSoru, tr.optikSoru * { transition: all 0.3s; }

tr.optikSoru:not(.soruSelected) td:first-child > span { opacity: 0; }
tr.optikSoru td:first-child > span { color: var(--pembe); }


tr.optikSoru.soruSelected td.selected .cevap { background-color: var(--pembe); color: #fff; }
tr.optikSoru:not(.soruSelected) td.selected .cevap { background-color: #bfbfbf; color: #fff; }

.optikBolum > .cevapSelector, .optikBolum > .toggler { transition: all 0.3s; }

.optikBolum:not(.cevaplarGorunur) > .cevapSelector { opacity: 0; }
.optikBolum:not(.cevaplarGorunur) > .toggler { transform: rotate(180deg); }


.sinavAnalizKazanim:hover .sinavAnalizKazanimDetay { opacity: 1; color: red; transition: all 0.3s; font-weight: bold; }
.sinavAnalizKazanim:not(:hover) .sinavAnalizKazanimDetay { opacity: 0; }