/* Genel */
@import "open-sans.css";

html, body {
    height: 100%;
}

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

a:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
}

.btn-kisiselPortal {
    color: #ffffff;
    font-size: 14px !important;
    height: 32px !important;
    width: 100% !important;
    border: 1px solid #CAE5EC;
    border-radius: 7px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    background: none !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    background-color: #73BFD7 !important;
}

    .btn-kisiselPortal:hover {
        color: #ffffff;
        background-color: #4DA8C3 !important;
    }

    .btn-kisiselPortal span {
        margin-top: 10px;
        margin-left: 5px;
        margin-bottom: 9px;
        display: inline-table;
    }

    .btn-kisiselPortal img {
        width: 30px;
        margin-bottom: -6px;
    }

body {
    /*position: relative;*/
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Open Sans';
    overflow-y: auto;
}

.pager {
    margin: 8px 3px;
    padding: 3px;
}

    .pager span, .pager a {
        margin: 4px 3px;
        border: 1px solid #ddd;
        border-radius: 3px;
        min-width: 40px;
        min-height: 30px;
        line-height: 30px;
        display: inline-table;
        text-align: center;
        padding: 3px 5px;
    }

        .pager a:hover {
            background-color: #B4D1D9;
            text-decoration: none;
            color: #ffffff;
        }

    .pager .disabled {
        border: 1px solid #ddd;
        color: #cccccc;
    }

    .pager .current {
        background-color: #36869E;
        border: 1px solid #6e99aa;
        color: #fff;
        font-weight: bold;
    }

div {
    /*height:100%;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    div.fullheight {
        height: 100%;
    }

    div.leftcol {
        height: 100%;
    }

    div.rightcol { /*2% !important*/
        height: 100%;
        background-color: #ffffff;
    }

    div.leftcontent {
        width: inherit;
        height: inherit;
        background-color: #73BFD7;
        /*background-color:rgba(115,191,215,0.5);*/
        position: fixed;
        z-index: 999;
    }
        /*22.07.22 eklendi start*/

        div.leftcontent .iski-social .onAltiMilyonDiv {
            right: 0 !important;
            position: absolute;
            bottom: -10px;
            width: 11%;
            height: 100%;
        }

            div.leftcontent .iski-social .onAltiMilyonDiv .img-responsive {
                max-height: 100px;
                position: absolute;
                right: 0;
                bottom: 0;
            }

/*22.07.22 eklendi end*/

.img-responsive-ataturk {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
}

div.leftcol .backwideimage {
    /*content: "";*/
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    /*opacity: 0.2;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}

    div.leftcol .backwideimage .fill {
        background-position: 0 0;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

div.leftcontent .backimage {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    filter: alpha(opacity=50); /* IE 5-7		*/
}

    div.leftcontent .backimage img {
        width: inherit;
    }

.iski-logo {
    padding-top: 2%;
    padding-bottom: 2%;
}

.iski-logo, .iski-social {
    padding-right: 20px;
    padding-left: 20px;
    z-index: 999;
}

    .iski-social.tobottom {
        position: absolute;
        display: table;
        bottom: 10px;
    }

    .iski-logo.totop, .iski-social.totop {
        padding: 1% 2% !important;
        float: right;
    }

    .iski-social.tobottom a.clear {
        padding-top: 0 !important;
        width: auto;
        background: none;
    }

        .iski-social.tobottom a.clear img {
            width: 155px;
            height: 154px;
        }

    .iski-logo img {
        width: 100%;
        /*width:150px;*/
        float: right;
    }

.ibb-logo {
    position: absolute;
    display: table;
    bottom: 0;
    right: 25px;
    z-index: 9999999;
}

    .ibb-logo img {
        /*width:70px;*/
        width: 150px;
        height: 149px;
    }

.alo185, .alo153 {
    position: absolute;
    /*display:table;
		top:10px;
		left:25px;	*/
    bottom: 20px;
    right: 175px;
    z-index: 9999999;
    /*opacity:0.5;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    filter: alpha(opacity=50); /* IE 5-7		*/
    margin-right: 3%;
}

    .alo185 .subExBtn, .alo153 .subExBtn {
        width: 70px;
        height: 70px;
        border-radius: 8px;
        background-color: #4797B0;
        float: right;
        margin: 2px;
    }

    .alo185 .subExBtn {
        width: 50px;
        height: 50px;
    }

    .alo185 a.subExBtn:hover, .alo153 a.subExBtn:hover {
        background-color: #36869E;
    }

    .alo185 .subExBtn img, .alo153 .subExBtn img {
        width: 100%;
        height: 100%;
    }

    .alo185 .subExBtn img {
        padding: 5px;
    }

.alo153 {
    /*bottom:auto;*/
    top: 14px;
    right: 185px;
}

.alo185 {
    right: 185px;
}
/*.alo153 img
    {
        width:60px;
    }
	.alo185 img{
        
        width:60px;

	}	*/
#iski-search-container {
    /*background-color:#ff0000;*/
    display: table;
    width: 500px;
    height: 50px;
    float: right;
    position: relative;
    line-height: 32px;
    margin-left: 5px;
    margin-top: 5px;
}

#iski-search-button {
    /*margin:0;
		float:right;
		position:absolute;
		right:0;
		height:inherit;	
		width:50px;		*/
}

#iski-search {
    height: inherit;
    float: right;
    border: 0;
    font-size: 32px;
    border-radius: 32px;
    width: 50px;
    visibility: hidden;
    background-color: #ffffff;
    overflow: hidden;
}

#iski-search-text {
    /*display:none;
		width:430px;		
		display:table;		
		margin-left:20px;
		margin-top:2px;
		border:0;		*/
}

    #iski-search-text:focus {
        outline: none;
    }

#imaginary_container {
    width: 100%;
    float: right;
    /*margin-top:20%; Don't copy this */
}

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.iski-social a {
    border-radius: 32px;
    background-color: rgba(255,255,255,0.3);
    font-size: 24px;
    /*line-height:32px;		*/
    text-align: center;
    display: table;
    width: 40px;
    height: 40px;
    /*padding:1%;*/
    padding-top: 8px;
    float: right;
    margin-left: 5px;
    color: #ffffff;
    margin-top: 5px;
}

    .iski-social a:hover {
        background-color: #4DA8C3;
    }

.goengbtn {
    border-radius: 0px !important;
    background: none !important;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.iski-social .social-sub {
    position: absolute;
    bottom: 20px;
    /*22.07.22 comment edildi*/
    /*right: 175px;*/
}

.iski-main-nav-container {
    z-index: 9999999;
}

.iski-main-nav {
    min-height: 10px;
    background: none !important;
    border-radius: 0;
    border: 0 !important;
    margin: 0 !important;
    margin-top: 12px !important;
}

    .iski-main-nav .container-fluid .navbar-collapse .nav > li > a {
        padding-right: 0 !important;
        padding: 10px 50px;
    }

    .iski-main-nav .container-fluid .navbar-header .navbar-toggle {
        border: 0;
        padding: 0;
    }

        .iski-main-nav .container-fluid .navbar-header .navbar-toggle:hover,
        .iski-main-nav .container-fluid .navbar-header .navbar-toggle:focus {
            background: none;
        }

        .iski-main-nav .container-fluid .navbar-header .navbar-toggle .icon-bar {
            background-color: #3C8AA1;
            width: 30px;
            height: 5px;
        }

    .iski-main-nav .container-fluid .navbar-collapse {
        border: 0 !important;
        box-shadow: none;
    }

    .iski-main-nav .container-fluid .nav-tabs {
        white-space: nowrap;
        border: 0 !important;
    }

.nav-tabs.nav-justified > li > a {
    border: 0 !important;
}

.iski-main-nav .container-fluid .navbar-collapse .nav li.active > a,
.iski-main-nav .container-fluid .navbar-collapse .nav li > a:hover {
    background: none;
    color: #5F5F5F;
    max-height: 300px !important;
}

.iski-main-nav .container-fluid .navbar-collapse .nav li a {
    color: #ffffff;
}

.iski-main-nav .dropdown.open a.dropdown-toggle {
    background: none !important;
}

.iski-main-nav .dropdown:hover .dropdown-menu,
.iski-main-nav .dropdown.open .dropdown-menu {
    background: rgba(103,163,186,0.8); /*#67A3BA;*/
    border: 1px solid #B9D5DE;
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    max-height: 500px;
    overflow: auto;
    /*left:15px !important; */
    left: 50px !important;
    visibility: visible;
    display: block;
}

    .iski-main-nav .dropdown:hover .dropdown-menu > li > a,
    .iski-main-nav .dropdown.open .dropdown-menu > li > a {
        /*padding-right:20px !important;*/
    }

.iski-lang-nav-container {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 !important;
}

.iski-lang-nav {
    margin: 10px;
    padding: 0;
    list-style: none;
    margin-right: 10px;
    float: left;
}

    .iski-lang-nav li {
        margin: 0px;
        float: left;
    }

        .iski-lang-nav li a {
            color: #3B8CA7;
            text-decoration: none;
            padding: 0 5px !important;
        }

            .iski-lang-nav li a.current, .iski-lang-nav li a:hover {
                color: #F7941E;
            }

        .iski-lang-nav li.divider {
            border: 1px solid #3B8CA7 !important;
            height: 12px !important;
            padding: 0 !important;
            margin: 4px 0px;
        }

.table-responsive .tbrsp-to-right {
    display: block;
    background: url('img/table-responsive-arrow-right.svg') #F7941D no-repeat right top;
    background-size: contain;
    position: absolute;
    right: 20px;
    width: 30px;
    height: 30px;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

@media (max-width: 767px) {

    .onAltiMilyonDiv {
        display: none !important;
    }

    .nav-tabs.nav-justified > li > a {
        text-align: left !important;
    }

    body {
        overflow-y: auto !important;
    }

    .iski-social {
        /*padding-top:3%;*/
    }

        .iski-social .social-sub {
            position: absolute;
            display: table;
            top: 100%;
            bottom: 0;
            right: 8%;
            float: right;
        }

        .iski-social.tobottom {
            margin-top: 10px;
            position: relative;
            float: left;
        }

        .iski-social a {
            border-radius: 24px;
            width: 42px;
            height: 42px;
            font-size: 28px;
            /*padding:2%;*/
            padding-top: 6px;
        }

            .iski-social a img {
                height: inherit;
            }

        .iski-social.tobottom a.clear {
            width: 80%;
            height: auto;
            padding-right: 0 !important;
        }

            .iski-social.tobottom a.clear img {
                width: inherit;
                height: inherit;
                margin-top: -13% !important;
                margin-right: -30% !important;
            }

    .btn-kisiselPortal {
        white-space: normal;
    }

    .iski-logo img {
        float: left;
        /*width:145px;*/
    }

    .ibb-logo {
        top: 0;
        right: 0px;
        width: auto;
        overflow: hidden;
    }

        .ibb-logo img {
            float: right;
            height: 70px;
            margin-right: -15px;
        }

    .alo185 {
        /*display:none;*/
    }

    .alo185, .alo153 {
        /*top:55px;*/
        top: 60px;
        right: 25px;
        left: auto;
        width: 30px;
        margin-bottom: -10px;
        z-index: 99999;
        /*right:65px;*/
    }

    .alo153 {
        right: 59px;
        width: 90px;
    }

        .alo185 img, .alo153 img {
            /*width:40px;*/
        }

        .alo185 .subExBtn, .alo153 .subExBtn {
            width: 30px;
            height: 30px;
        }

        .alo153 .subExBtn {
            /*margin-right:20px;*/
        }

    div.leftcol {
        height: auto;
        padding: 0;
        /*background-color:#73BFD7;*/
    }

    div.leftcontent {
        position: relative;
        margin: 0;
        /*background:none;*/
    }

        div.leftcontent .backimage {
            display: none;
        }

    div.leftcol .backwideimage {
        position: absolute;
    }

    #iski-search-container {
        width: 120px;
        height: 30px;
        float: left;
    }

    #iski-search-text {
        /*width:70px;
			font-size:18px;
			margin-top:0;
			margin-bottom:3px;
			margin-left:30px;			
			height:30px;*/
    }

    #iski-search-button {
        left: 0;
        right: auto;
        width: 30px;
    }

    #iski-search {
        float: left;
        width: 30px;
    }

    .iski-main-nav .dropdown:hover .dropdown-menu {
        display: none;
    }

    .iski-main-nav .dropdown.open .dropdown-menu {
        width: 100%;
    }

    .iski-main-nav .dropdown.open:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 1600px) {
    div.leftcol .backwideimage {
        background-size: cover;
    }

        div.leftcol .backwideimage .fill {
            background-position: 0 0;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }

    .nav-tabs.nav-justified {
        display: table;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .iski-social a {
        /*padding-top:10px;*/
    }

    .iski-main-nav {
        max-width: 300px;
        float: right;
    }

        .iski-main-nav .container-fluid .navbar-collapse, .iski-main-nav .container-fluid .navbar-collapse * {
            /*height:20px !important;
			border:0 !important;*/
            padding: 0 !important;
        }

            .iski-main-nav .container-fluid .navbar-collapse .nav li {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

                .iski-main-nav .container-fluid .navbar-collapse .nav li.divider {
                    border: 1px solid #ffffff !important;
                    height: inherit !important;
                    padding: 0 !important;
                }

            .iski-main-nav .container-fluid .navbar-collapse .nav li {
                float: none !important;
                text-align: right;
            }

                .iski-main-nav .container-fluid .navbar-collapse .nav li.divider {
                    display: none;
                }

        .iski-main-nav .dropdown:hover .dropdown-menu {
            display: none;
        }

        .iski-main-nav .dropdown.open .dropdown-menu {
            position: relative;
            float: right;
        }

        .iski-main-nav .dropdown.open:hover .dropdown-menu {
            display: block;
        }

        .iski-main-nav .dropdown:hover .dropdown-menu,
        .iski-main-nav .dropdown.open .dropdown-menu {
            max-height: 300px;
            margin-right: 25px;
        }

        .iski-main-nav .nav > li > a {
            display: inline;
        }

        .iski-main-nav .dropdown.open .dropdown-menu > li > a {
            padding-right: 0 !important;
        }

        .iski-main-nav .dropdown .caret {
            float: none;
        }

    #iski-search-container {
        width: 200px;
    }

    #iski-search-text {
        /*width:130px;*/
    }

    .alo185 {
        /*top:60%;*/
        top: auto;
        bottom: 8px;
        /*right:20px;*/
    }

        .alo185 img, .alo153 img {
            width: 60px;
        }
}

@media (max-width: 1024px) {
    .iski-lang-nav-container {
        position: relative;
    }
}

@media (max-width: 1500px) {
    .nav-tabs.nav-justified > li {
        display: block;
        float: right;
    }
}
/* Genel */