.soruDogruCevap {
    font-size: 16px;
    color: darkslateblue;
}

.soruZorlukAdi {
    font-size: 10px;
    color: darkslateblue;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px;
    font-size: 13px;
    vertical-align: middle;
}

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 65vh;
}

    .table-scroll table {
        width: 100%;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
    }

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td {
    padding: 5px 10px;
    background: #fff;
    vertical-align: top;
}

.table-scroll thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 4;
}

.raportable {
}

    .raportable .iconcaret {
        font-size: 1.2em;
        padding: 0px 10px 0 0;
        cursor: pointer;
    }

    .raportable .alt {
        display: none;
    }

    .raportable .ust.odd {
        background-color: #EFEFEF;
    }

    .raportable .alt > td {
        padding: 0;
    }

    .raportable .alt table tr.odd th {
        background-color: #EFEFEF !important;
    }

    .raportable tr:first-child:not(.odd) th {
        font-size: 15px;
        font-weight: 600;
    }


.renk {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 23px;
}

    .renk.btn {
        padding: 0 !important;
    }

    .renk i {
        font-size: 18px !important;
    }

    .renk.kirmizi {
        color: #FF0000 !important;
    }

    .renk.yesil {
        color: #1EA28C !important;
    }

    .renk.tamyesil {
        color: #1EA28C !important;
    }

    .renk.sari {
        color: #FF7618 !important;
    }

    .renk.mavi {
        color: #4B8DF8 !important;
    }

    .renk.mor {
        color: #593c8f !important;
    }

.raporrenkkutusu {
    padding: 6px 6px;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    margin-bottom: 0px;
    outline: 0;
    margin-bottom: -2px;
}

    .raporrenkkutusu.dogru {
        background-color: #24FF00;
    }

    .raporrenkkutusu.yanlis {
        background-color: #FF0000;
    }

    .raporrenkkutusu.bos {
        background-color: #7E7E7E;
    }

.scrollbar-track-y {
    opacity: 1 !important;
}

    .scrollbar-track-y .scrollbar-thumb {
        border-radius: 5px !important;
    }

.alert {
    border-radius: 4px !important;
    -moz-box-shadow: 0px 3px 3px 2px #bdbdbd;
    -webkit-box-shadow: 0px 3px 3px 2px #bdbdbd;
    box-shadow: 0px 3px 3px 2px #bdbdbd;
}

section[data-scrollbar] {
    height: 70vh;
    overflow: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.scroll-content {
    padding-bottom: 10px;
}

    .scroll-content > .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-bottom: 25px !important;
    }

.grafik {
    width: 100%;
    height: 20px;
    display: block;
}

    .grafik span {
        float: left;
        height: 100%;
        display: block;
        overflow: hidden;
    }

        .grafik span span {
            font-weight: bold;
            font-size: 8px;
            color: #fff;
            text-align: center;
            padding-top: 3px;
            width: 100%;
        }

    .grafik .dogru {
        background-color: #24FF00;
    }

    .grafik .yanlis {
        background-color: #FF0000;
    }

    .grafik .bos {
        background-color: #7E7E7E;
    }

/* Sayfa yüklenme arkaplanı */
#pageLoading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.65);
    z-index: 100000;
}

.aliciItem {
    font-weight: bold;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#donemlerList {
    background-color: #151f58;
    color: #fff;
    border: none;
    margin-top: 5px;
    width: 200px;
    border: none;
    min-width: 240px;
    display: none;
}



.nopadding {
    padding: 0px;
}

.treemenu {
    padding: 0px;
    margin: 0px;
}

    .treemenu li {
        float: right;
        line-height: 45px;
        height: 35px;
        list-style: none;
        border-left: 1px solid #ccc;
    }

        .treemenu li a {
            padding: 0 10px;
            color: #666;
            display: block;
        }

.margin-top-20 {
    margin-top: 20px;
}

.portlet > .portlet-title > .tools > a.plus {
    margin-bottom: 2px;
    background-image: url(images/portlet-expand-plus.png);
    width: 14px;
}

    .portlet > .portlet-title > .tools > a.plus:hover {
        margin-bottom: 2px;
        background-image: url(images/portlet-expand-plus-white.png);
        width: 14px;
    }


.donemRakamSpan, .donem2011, .donem2012, .donem2013, .donem2014, .donem2015 {
    display: none;
}

.raporTable td a {
    color: #000;
}

.raporTable td {
    font-size: 14px;
}



.page-row-count {
    margin-bottom: 12px;
}

.btnDataTableSil {
    display: none;
}
/* Tree */
.tree-main {
    overflow: auto;
}

.tdDelete {
    width: 30px;
}

.chkDelete {
    width: 16px;
    height: 16px;
}

.tabletools-dropdown-on-portlet .btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #ea9f96;
    color: #efb3ab;
    padding: 3px 8px;
}


.tabletools-on-modal {
    margin-top: -60px;
    float: right;
    margin-right: 24px;
}

/*#region Etkinlik-Döküman Yönetim */

div[id^="file-"] .thumbnail h3 {
    margin: 0 0 10px 0;
    word-wrap: break-word;
}

div[id^="file-"] .thumbnail img {
    float: right;
    width: 64px;
}

.ajax-upload-dragdrop {
    padding: 36px 10px;
    margin-bottom: 0;
}
/*#endregion*/

.secili {
    background: #d3eda3;
}

.errorValidate + label {
    display: inline;
    font-size: 12px;
    padding: 1px 4px 1px 4px;
    background-color: #f3565d;
    text-shadow: none !important;
    font-weight: 300;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.validValidate + label {
}

/* Top Menu */
#top_puansistemi .badge {
    top: 3px;
    right: 26px;
}

#ogrenci_ders_grafikler {
    width: 400px;
    margin-bottom: 20px;
    margin-top: -6px;
}

@media (min-width: 991px) {
    #ogrenci_ders_grafikler {
        position: absolute;
        left: 50%;
        top: 5px;
        margin-left: -100px;
        z-index: 1000;
    }
}



/* Ders Programı Hazırlama */
#tbl_dersprogramitd {
    padding: 0px;
}

.dersItem {
    width: 100%;
    height: 70px;
    padding: 10px 0px;
    text-align: center;
    background-color: #fff;
    color: #666;
    white-space: normal;
    cursor: move;
}

    .dersItem small {
        color: #ff6a00;
        font-size: 10px;
    }

.rakam {
    position: relative;
}

.spanRakam {
    position: absolute;
    left: 7px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 14px;
    background-color: #666;
    color: #fff;
    top: 50px;
}

.aramaTag {
    float: left;
    padding: 4px 20px;
    margin: 12px 5px;
    text-align: center;
    color: #333;
    background-color: #EEF7FB;
    border: 1px solid #EEF7FB;
}

    .aramaTag span {
        right: 3px;
        left: 3px;
    }


.dersButtonActive {
    float: left;
    margin: 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    background: #4B8DF8;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .dersButtonActive:hover {
        color: #fff;
        text-decoration: none;
        background-color: #4B8DF8;
    }

.dersButton {
    float: left;
    margin: 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    background: #D84A38;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .dersButton:hover {
        color: #fff;
        text-decoration: none;
        background-color: #D63A29;
    }

#ust_arama_sonucu_baslik {
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #444;
}

#ust_arama_sonucu .external {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 10px;
    color: #666;
}

    #ust_arama_sonucu .external i {
        margin-top: 3px;
        float: right;
    }

#ust_arama_sonucu_liste_ogrenci {
    height: 200px;
}

#ust_arama_sonucu_liste_ogrenci, #ust_arama_sonucu_liste_ogretmen {
    overflow: hidden;
    width: auto;
}

    #ust_arama_sonucu_liste_ogrenci > li > a,
    #ust_arama_sonucu_liste_ogretmen > li > a {
        display: block;
        clear: both;
        font-weight: 300;
        overflow: hidden;
        line-height: 20px;
        white-space: normal;
        font-size: 13px;
        padding: 10px;
        border-bottom: 1px solid #f4f4f4 !important;
        color: #666;
    }

        #ust_arama_sonucu_liste_ogrenci > li > a > .photo,
        #ust_arama_sonucu_liste_ogretmen > li > a > .photo {
            float: left;
            padding-right: 6px;
        }

            #ust_arama_sonucu_liste_ogrenci > li > a > .photo img,
            #ust_arama_sonucu_liste_ogretmen > li > a > .photo img {
                width: 60px;
                height: 60px;
            }

        #ust_arama_sonucu_liste_ogrenci > li > a > .subject,
        #ust_arama_sonucu_liste_ogretmen > li > a > .subject {
            display: block;
        }

        #ust_arama_sonucu_liste_ogrenci > li > a > .from,
        #ust_arama_sonucu_liste_ogretmen > li > a > .from {
            font-size: 14px;
            font-weight: 400;
            color: #02689b;
        }

/*
.page-header.navbar,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: #FF9B00;
}
.page-header.navbar .search-form {
    background: #FF7E00;
}
.page-header.navbar .search-form .input-group .form-control,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 13px 10px;
    color: #fff;
}
::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #fff;
}*/


@media screen and (max-width: 1024px) {
    .aramaFormTop {
        display: none;
    }
}

.ogretmen1SagMenu {
    position: fixed;
    top: 46px;
    width: 235px;
    height: 100%;
    overflow: scroll;
}


.btn-sq-lg {
    width: 16%;
    font-weight: bold;
    box-sizing: border-box;
    height: 115px !important;
    padding: 30px 0;
}

.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
}

@media screen and (max-width: 1024px) {
    .aramaFormTop {
        display: none;
    }

    .ogretmen1SagMenu {
        display: none;
    }

    .kullanimBilgileri {
        display: none;
    }
}



@media (max-width: 768px) {
    .btn-responsive {
        padding: 2px 4px;
        font-size: 80%;
        line-height: 1;
        border-radius: 3px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding: 4px 9px;
        font-size: 90%;
        line-height: 1.2;
    }
}

.sinavZamani {
    text-align: center;
    padding: 10px 0px;
}

    .sinavZamani span {
        font-size: 12px;
        padding: 0 5px;
    }

    .sinavZamani [data-heading] {
        display: block;
        font-weight: bold;
    }

    .sinavZamani [data-hours], .sinavZamani [data-minutes], .sinavZamani [data-seconds] {
        font-weight: bold;
    }

    .sinavZamani [data-text] {
        display: block;
        font-weight: bold;
    }

.siraBilgileri {
    width: 100%;
    font-size: 11px;
    display: block;
}

    .siraBilgileri .oturum {
        width: 100%;
        display: block;
    }

        .siraBilgileri .oturum .baslik {
            font-size: 13px;
            font-weight: bold;
            display: block;
            text-align: center;
        }

        .siraBilgileri .oturum .adi {
            font-weight: bold;
            font-size: 12px;
        }

        .siraBilgileri .oturum .soru {
        }

            .siraBilgileri .oturum .soru .oturumSoruNo {
                color: #f00;
            }

            .siraBilgileri .oturum .soru .oturumToplamSoru {
            }

    .siraBilgileri .toplam {
    }

        .siraBilgileri .toplam .adi {
            font-weight: bold;
        }

        .siraBilgileri .toplam .soruNo {
            color: #f00;
        }

        .siraBilgileri .toplam .oturumToplamSoru {
        }

.siklar {
    margin-top: 10px;
}

    .siklar .btn {
        width: 100%;
    }

#buttonsgroup {
    z-index: 9;
}

    #buttonsgroup .btn {
        border-radius: 3px !important;
    }

#accordion .card-header {
    padding: 2px 1px;
}

#accordion .btn-link {
    font-size: 12px;
}

#accordion .card-body {
    padding: 10px 5px;
}

#accordion .list-group {
    margin-bottom: 0px;
}

#accordion .list-group-item {
    padding: 6px 15px;
    font-size: 13px;
}

#accordion .panel-default .panel-heading {
    cursor: pointer;
    background-color: #F5F5F5 !important;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #ddd !important
}

    #accordion .panel-default .panel-heading .panel-title a {
        display: block;
        cursor: pointer;
        font-size: 13px;
        text-decoration: none;
        font-weight: 600;
    }

#accordion .list-group-item span.soruNo {
    font-weight: bold;
    min-width: 55px;
    display: inline-block;
}

#accordion .list-group-item span.bilgi {
    color: #FF7618;
    padding-right: 10px;
    font-weight: 400;
}

#accordion .list-group-item span.dogru {
    color: #24FF00 !important;
}

#accordion .list-group-item span.yanlis {
    color: #E63946 !important;
}

#accordion .list-group-item span.bos {
    color: #C1C1C1 !important;
}

#accordion .list-group-item span.cevapAnahtari {
    color: #FF7618;
    font-weight: 400;
}

#accordion .list-group-item span.dogruCevap {
    color: darkgreen;
    font-weight: 400;
}

#accordion .list-group-item span.bosCevap {
    color: gray;
    font-weight: 400;
}

#accordion .list-group-item span.video {
    float: right;
    padding-right: 1px;
    color: #1EA28C;
}

#accordion .list-group-item.active span.video {
    color: #FFF;
}

.soruBilgileri {
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    background-color: #24B3FF;
    padding: 3px 20px;
}

    .soruBilgileri .soruno {
        font-weight: bold;
    }

.soru .text {
}

/* Preloader */

#preloader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
}

    #preloader:before {
        content: 'Yükleniyor...';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        position: fixed;
        font-weight: bold;
        font-size: 40px;
    }

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/Content/_admin/img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px -100px;
}

.dersler .buttons {
    cursor: pointer;
    height: 100px;
    padding: 17px 15px 15px;
    display: inline-block;
    margin-right: 10px;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.6);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .1s ease-in-out;
    width: 100%;
}

    .dersler .buttons.blue {
        background-color: #152058;
    }

    .dersler .buttons.white {
        background-color: #fefeff;
        border: 1px solid #FF7618;
    }

    .dersler .buttons:hover {
        transform: scale(1.05);
    }

    .dersler .buttons .left {
        width: 18%;
        float: left;
        padding-top: 7px;
    }

        .dersler .buttons .left img {
            width: 70%;
        }

    .dersler .buttons .right {
        width: 70%;
        font-size: 20px;
        font-weight: 600;
        float: left;
        padding-top: 20px;
    }

    .dersler .buttons.white .right {
        padding-top: 10px;
    }

    .dersler .buttons .right .name {
        font-size: 17px;
        font-weight: 600;
        color: #000;
        display: block;
    }

    .dersler .buttons.blue .right .name {
        color: #fff;
    }

    .dersler .buttons .right .desc {
        font-size: 17px;
        font-weight: 500;
        color: #000;
        display: block;
    }

.btn-full {
    width: 100%;
}

.booklist .book {
    height: 250px;
    margin-bottom: 60px;
    overflow: hidden;
    cursor: pointer;
}

    .booklist .book .image {
        width: 100%;
        overflow: hidden;
        height: 110px;
        margin-bottom: 6px;
        padding: 0 50px;
    }

        .booklist .book .image img {
            max-width: 100%;
        }

    .booklist .book .text {
        width: 100%;
        overflow: hidden;
        text-align: center;
        line-height: 16px;
        height: 50px;
    }

        .booklist .book .text span {
            font-size: 13px;
            font-weight: 600;
        }

    .booklist .book .action {
        width: 100%;
        text-align: center;
    }

        .booklist .book .action .btn.btn-warning {
            background-color: #FF9900;
            color: #fff;
        }

            .booklist .book .action .btn.btn-warning:hover {
                background-color: #F4980E;
            }

.ms-container {
    width: 100% !important;
}

.panel.card {
    padding: 10px 20px;
}

    .panel.card .panel-body {
        padding: 15px 15px 0px 15px;
    }

.panel.panel-red {
    background-color: #d84a38;
}

.panel.panel-purple {
    background-color: #8e44ad;
}

.panel.panel-green {
    background-color: #176087;
}

.panel.panel-blue {
    background-color: #4b8df8;
}

.panel.panel-yellow {
    background-color: #FF7618;
}

.panel.panel-blue-ebonyclay {
    background-color: #2B2D42;
}

.panel h3 {
    color: #fff;
}

    .panel h3 small {
        color: #d8d7d7;
    }

.panel h4 a {
    color: #fff;
}

#accordion .panel h4 a {
    color: #f00;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.table-small td, .table-small th {
    font-size: 8px !important;
    padding: 5px !important;
}

.collapse {
    overflow: hidden !important;
}

    .collapse.in {
        overflow: auto;
    }

.easy-pie-chart {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 1.2em;
    margin-bottom: 0.3em;
    position: relative;
}

    .easy-pie-chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .easy-pie-chart span {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 1.2em;
        margin-bottom: 0.3em;
    }

.easy-chart label {
    overflow: hidden;
    text-align: center;
    height: 40px;
}

.easy-chart {
    margin-bottom: 2px;
}

.page-footer .footer-fixed {
    position: fixed;
    bottom: 0;
    width: 90%;
    z-index: 99;
}

    .page-footer .footer-fixed div {
        text-align: center;
        background-color: #152058;
        color: #fff;
        font-size: 15px;
        padding: 10px 0;
    }

        .page-footer .footer-fixed div a {
            color: #FF7618;
            text-decoration: none;
        }

            .page-footer .footer-fixed div a:hover {
                text-decoration: underline;
            }