body {
    /*font-family: 'Roboto Slab', serif;*/
    font-family: Helvetica, sans-serif, Geneva, Tahoma, sans-serif;
    /*background-image: url('../img/gplaypattern.png');
    background-repeat: repeat;*/
}

.ust-bar {
    width: 100%;
    height: 20px;
    /*background: #337ab7;*/
    background: #0f1f3e;
    border-bottom: 2px solid #fff;
}

.navigate {
    z-index: 1000;
    position: relative;
    /*background: #015482;*/
    background: #1a2853;
    height: 62px;
}

.panel-primary {
    border-color: #1a2853 !important;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #1a2853 !important;
        border-color: #1a2853 !important;
        font-weight: 600;
    }

.logo {
    position: absolute;
    left: 60px;
    z-index: 1;
}

    .logo img {
        /*height: 62px;*/
    }

.ust-menu {
    position: absolute;
    list-style: none;
    height: 50px;
    /*background: #015482;*/
    background: #1a2853;
    left: 23%;
    font-size: 14px;
    font-weight: 600;
}

    .ust-menu > li {
        float: left;
        padding: 15px 20px;
        height: 50px;
        position: relative;
    }

        .ust-menu > li:hover {
            padding: 15px 18px;
            height: 50px;
            background: #0c5875;
            border-top: 2px solid rgba(51, 51, 51, 0.15);
            border-left: 2px solid rgba(51, 51, 51, 0.15);
            border-right: 2px solid rgba(51, 51, 51, 0.15);
        }

    .ust-menu li > a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
    }

.alt-menu {
    display: none;
    list-style: none;
    width: 150%;
    position: absolute;
    background: #f8f8f8;
    padding: 0 10px;
    margin-top: 13px;
    margin-left: -20px;
    border-bottom: 2px solid rgba(51, 51, 51, 0.15);
    border-left: 2px solid rgba(51, 51, 51, 0.15);
    border-right: 2px solid rgba(51, 51, 51, 0.15);
}

    .alt-menu li {
        padding: 5px 20px;
        width: 100%;
        background: #f8f8f8;
    }

        .alt-menu li:hover {
            background: #ffffff !important;
        }

        .alt-menu li a {
            color: #015482;
            font-size: 13px;
        }

.yan-menu {
    background: #ffffff;
    margin-top: 5px;
    position: relative;
    background: linear-gradient(to bottom, #ffffff 30%, #ffffff00 113%);
}

.yan-menu-baslik {
    /*background: #ba8555;*/
    /*background: #337ab7;*/
    background: #1a2853;
    padding: 8px;
    margin-top: 10px;
    width: 100%;
    FONT-WEIGHT: 600;
    text-transform: uppercase;
    /*border-bottom: 2px solid #fff;
    border-radius: 5px 5px 0 0;*/
}

.yonet-yonerge a {
    border: 1px solid rgb(1, 84, 130);
}

.yan-menu-baslik h3 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}

.yan-menu-ul {
    list-style: none;
    padding: 15px 20px 0 20px;
}


    .yan-menu-ul li {
        cursor: pointer;
        position: relative;
        border: 0.5px solid #bcbcbc;
        margin-bottom: 5px;
    }

        .yan-menu-ul li:hover {
            animation-duration: 2s;
            /*background: #eaeaea;*/
            background: #cd6d0a;
            color: #FFF;
        }

    .yan-menu-ul > li a {
        color: #000;
        text-decoration: none;
        font-size: 14px;
        padding: 5px 10px;
        width: 100%;
        left: 0;
        top: 0;
        font-weight: 600;
        display: block;
    }

        .yan-menu-ul > li a:hover {
            color: #FFF;
            text-decoration: none;
            font-size: 14px;
            padding: 5px 10px;
            width: 100%;
            left: 0;
            top: 0;
            font-weight: 700;
            display: block;
        }

        .yan-menu-ul > li a i {
            position: absolute;
            right: 10px;
            top: 10px;
        }

.sol-menu {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.icerik {
    position: relative;
    min-height: 1px;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.dil {
    position: relative;
    text-align: right;
}

    .dil a {
        color: #fff;
        margin-right: 7px;
        text-decoration: none;
        padding: 0px 10px 0 10px;
        font-size: 12px;
        font-weight: 600;
    }

        .dil a:hover {
            /*background: #015482;*/
            font-weight: 700;
        }

li.aktif {
    background-color: #ab2245 !important;
}

.icerik-baslik {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

.dez-accordion .panel {
    border-radius: 0;
    margin-bottom: 10px;
}

.acod-head {
    position: relative;
}

.acod-title {
    margin-top: 0;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 5px;
}

.acod-head .fa {
    margin-right: 5px;
}

.acod-head a {
    display: block;
    padding: 12px 40px 12px 15px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
}

    .acod-head a,
    .acod-head a:hover,
    .acod-head a.collapsed:hover {
        color: #000;
        /*font-weight: 800;*/
    }

        .acod-head a.collapsed,
        .acod-head a.collapsed:after {
            color: #000;
        }

        .acod-head a:after {
            font-family: 'FontAwesome';
            content: "\f068";
            float: right;
            color: #EFBB20;
            font-size: 14px;
            font-weight: normal;
            position: absolute;
            right: 12px;
            top: 12px;
        }

        .acod-head a.collapsed:after {
            content: "\f067";
        }

.acod-body {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid transparent;
    margin-top: -1px;
}

.acod-content {
    margin: 20px;
}

.dez-accordion.rounded .panel:first-child .acod-head a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dez-accordion.rounded .panel:last-child .acod-head a.collapsed {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dez-accordion.rounded .panel:last-child .acod-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .dez-accordion.rounded .panel:last-child .acod-body.in {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
/*== accordian space between panel ==*/

.dez-accordion.space .panel {
    margin-bottom: 5px;
}

.dez-accordion.rounded.space .panel .acod-head a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .dez-accordion.rounded.space .panel .acod-head a.collapsed {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.dez-accordion.rounded.space .panel .acod-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*== accordian background for title ==*/

.dez-accordion.bg-title .acod-head a {
    background-color: #e0e0e0;
    box-shadow: inset -1px -1px 20px 0px #0f1f3e;
    /*background-color: #e0e0e0;*/
    /*box-shadow: inset -1px -1px 20px 0px #57a6ea;*/
}
/*== accordian no cover border with content area ==*/


.dez-accordion.no-cover .acod-body {
    border: none;
}

.dez-accordion.no-cover .acod-content {
    /*padding-left: 20px;
    margin-right: 10px;
    border-left: 2px solid #9a9a9a;*/
    margin-left: 0;
    position: relative;
}

/*.dez-accordion.no-cover .acod-content:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -5px;
        width: 8px;
        height: 8px;
        background-color: #fff;
        border: 2px solid #9a9a9a;
    }*/
/*== accordian title bottom bordered ==*/

.dez-accordion.border-bottom .acod-head a {
    border-left: none;
    border-right: none;
    border-top: none;
    padding-left: 0;
}
/*== accordian title bottom bordered with colored ==*/

.dez-accordion.border-bottom.no-border .acod-head a {
    border: none;
}

.dez-accordion.no-border .acod-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bolum-accord {
}

    .bolum-accord li {
        list-style: none;
        padding: 5px 0 5px 0;
    }

        .bolum-accord li a {
            color: #000;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
        }

            .bolum-accord li a:hover {
                padding: 5px 0 5px 0;
                box-shadow: inset -1px -1px 30px 0px #ffa536;
                border-radius: 5px;
                font-weight: 600;
            }

.icerik p, .icerik span, .icerik strong, .icerik li, .icerik a, .icerik .panel-body {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 13px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.adbaslik {
    background-color: #F6F6F6;
}

    .adbaslik h6 {
        font-size: 15px;
        font-weight: bold;
        color: white;
    }

    .adbaslik ul {
        padding: 10px 0 0 20px;
    }

        .adbaslik ul li {
            text-decoration: none;
            list-style: none;
        }

            .adbaslik ul li a {
                text-decoration: none;
                color: #666666;
            }

                .adbaslik ul li a:hover {
                    color: black;
                }

.abilgi {
    text-align: right;
    float: left;
    margin-right: 10px;
    color: black;
}

    .abilgi ul, .aalan ul {
        list-style: none;
    }

.aalan {
    text-align: left;
    float: left;
}

.adres {
    width: 718px;
    height: auto;
    display: block;
    float: left;
    padding: 20px 0 20px 20px;
    line-height: 25px;
}

.m-a0 {
    margin: 0;
}

.m-a5 {
    margin: 5px;
}

.m-a10 {
    margin: 10px;
}

.m-a15 {
    margin: 15px;
}

.m-a20 {
    margin: 20px;
}

.m-a25 {
    margin: 25px;
}

.m-a30 {
    margin: 30px;
}

.m-t0 {
    margin-top: 0;
}

.m-t5 {
    margin-top: 5px;
}

.m-t10 {
    margin-top: 10px;
}

.m-t15 {
    margin-top: 15px;
}

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

.m-t25 {
    margin-top: 25px;
}

.m-b0 {
    margin-bottom: 0;
}

.m-b5 {
    margin-bottom: 5px;
}

.m-b10 {
    margin-bottom: 10px;
}

.m-b15 {
    margin-bottom: 15px;
}

.m-b20 {
    margin-bottom: 20px;
}

.m-b25 {
    margin-bottom: 25px;
}

.m-l0 {
    margin-left: 0;
}

.m-l5 {
    margin-left: 5px;
}

.m-l10 {
    margin-left: 10px;
}

.m-l15 {
    margin-left: 15px;
}

.m-l20 {
    margin-left: 20px;
}

.m-l25 {
    margin-left: 25px;
}

.m-r0 {
    margin-right: 0;
}

.m-r5 {
    margin-right: 5px;
}

.m-r10 {
    margin-right: 10px;
}

.m-r15 {
    margin-right: 15px;
}

.m-r20 {
    margin-right: 20px;
}

.m-r25 {
    margin-right: 25px;
}

.p-a0 {
    padding: 0;
}

.p-a5 {
    padding: 5px;
}

.p-a10 {
    padding: 10px;
}

.p-a15 {
    padding: 15px;
}

.p-a20 {
    padding: 20px;
}

.p-a25 {
    padding: 25px;
}

.p-t0 {
    padding-top: 0;
}

.p-t5 {
    padding-top: 5px;
}

.p-t10 {
    padding-top: 10px;
}

.p-t15 {
    padding-top: 15px;
}

.p-t20 {
    padding-top: 20px;
}

.p-t25 {
    padding-top: 25px;
}

.p-b0 {
    padding-bottom: 0;
}

.p-b5 {
    padding-bottom: 5px;
}

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

.p-b15 {
    padding-bottom: 15px;
}

.p-b20 {
    padding-bottom: 20px;
}

.p-b25 {
    padding-bottom: 25px;
}

.p-l0 {
    padding-left: 0;
}

.p-l5 {
    padding-left: 5px;
}

.p-l10 {
    padding-left: 10px;
}

.p-l15 {
    padding-left: 15px;
}

.p-l20 {
    padding-left: 20px;
}

.p-l25 {
    padding-left: 25px;
}

.p-r0 {
    padding-right: 0;
}

.p-r5 {
    padding-right: 5px;
}

.p-r10 {
    padding-right: 10px;
}

.p-r15 {
    padding-right: 15px;
}

.p-r20 {
    padding-right: 20px;
}

.p-r25 {
    padding-right: 25px;
}

.renk-1 {
    color: #ab2245;
}

.form-control {
    color: #015482;
}

table * {
    color: #000;
}

table.zorunlu-dersler {
    background: #fff8f2;
}

    table.zorunlu-dersler thead > tr > th {
        color: #fff;
    }

    table.zorunlu-dersler thead > tr:first-child {
        background: #50657f;
    }

    table.zorunlu-dersler thead > tr:nth-child(2) {
        background: #507f70;
    }

    table.zorunlu-dersler thead > tr:last-child {
        background: #ba8555;
    }


table.secmeli-dersler thead > tr:first-child {
    background: #ea4335;
}

table.secmeli-dersler thead > tr:last-child {
    background: #435367;
}

table.secmeli-dersler {
    background: #ffe1c7;
}

    table.secmeli-dersler thead > tr > th {
        color: #fff;
    }

table.zorunlu-dersler thead tr th:nth-child(1) {
    width: 10%;
    text-align: center;
}

table.secmeli-dersler thead tr th:nth-child(1) {
    width: 10%;
    text-align: center;
}

.dez-tabs.border .tab-pane {
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: -1px;
}

.program-ogrenme-baslik {
    /*width:5%;*/
    /*padding: 5px 0;
    position: relative;
    width: 100%;
    float: left;
    background-color: #f5f5f6;
    list-style-type: none;
    height: auto;
    border: 1px solid #DADADA;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

    .program-ogrenme-baslik span {
        padding-top: 10px;
        width: 36px;
        height: 100%;
        float: left;
        background-color: #1D4382;
        color: white;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 10px;
    }

.program-ogrenme-icerik {
    /*width:95%;*/
}

.toplamDersCikti thead tr {
    background: #015482;
}

    .toplamDersCikti thead tr th {
        color: #fff;
        text-align: center;
    }


.ders-bilgileri thead > tr {
    background: #015482;
    /*background: #e96422;*/
}

    .ders-bilgileri thead > tr > th {
        color: #fff;
    }

.print-document {
    position: relative;
}

    .print-document button {
        position: absolute;
        right: 3%;
        top: 75px;
        /*background: #337ab7;
        color: #fff;
        border: 2px solid #fff;*/
    }

/*.print-document button:hover {
            background: #015482;
        }*/

.nav-tabs li a {
    background: #7a9caf;
    color: #fff;
}

    .nav-tabs li a:hover {
        color: #0c5875;
    }

#mufredat td, #mufredat th {
    text-align: center;
}

.tt {
    color: #fff;
    padding: 8px 7px;
}

.tt {
    cursor: help;
}

.program-ciktilari td:first-child {
    background: #fff !important;
    color: #0c5875 !important;
}

.program-ciktilari td:nth-last-child(2), .program-ciktilari td:nth-last-child(1) {
    background: #fff !important;
    color: #015482 !important;
}

.program-ciktilari tr td:first-child {
    width: 25%;
}

.overflow {
    width: 100%;
    overflow-x: scroll;
}

/*.table{
    border:1px solid #ddd;
}*/

/*table th:nth-child(0){width:10%;}*/
#mufredat table th:nth-child(1) {
    width: 10%;
    padding: 3px 0;
}

#mufredat table th:nth-child(2) {
    width: 65%;
}

#mufredat table th:nth-child(3) {
    width: 5%;
}

#mufredat table th:nth-child(4) {
    width: 5%;
}

#mufredat table th:nth-child(5) {
    width: 5%;
}

#mufredat table th:nth-child(6) {
    width: 5%;
}

#mufredat table th:nth-child(7) {
    width: 5%;
}


h1.gbs-title {
    font-size: 15px;
}

h2.gbs-title, h3.gbs-title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: contents;
}

h4.gbs-title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: contents;
}

.table-custom-style thead tr th, .table-custom-style tbody tr td {
    border: 2px solid #173b41 !important;
}

.bolum-accord i.fa {
    color: #f78b06;
}