table.dataTable.dtr-inline.collapsed tbody td:first-child, table.dataTable.dtr-inline.collapsed tbody th:first-child {
    padding-left: 24px !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 2px !important;
}

#selection_tools div button {
   // width: 100%;
}

.linkContainer .linkAd {
    min-height: 48px;
}

.KelimeGiris textarea {
    min-height: 100px;
    padding: 5px !important;
}

html, body {
    height: 100%;
}

.haberpagecover table caption a.btn {
    float: right;
}

table caption button {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    padding: 4px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 4px;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
}

.DetayliAra button.btn.dropdown-toggle.btn-default {
    height: 38px;
    margin-top: 0px !important;
    padding-right: 30px !important;
    border-radius: 0px;
    background: #f9f9f9;
    width: 100% !important;
}

.DetayliAra .btn-group {
    width: 100% !important;
}

.DetayliAra .modal-body {
    position: relative;
    padding: 15px;
    width: 100%;
    display: inline-block;
}

a {
    cursor: pointer !important;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 9999999 !important;
}

.isStoreLogin {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
}

.canli_borsa_link {
    position: fixed;
    z-index: 99999;
    bottom: 0px;
    right: 50px;
}

.modal-dialog1 {
    width: auto !important;
    height: auto !important;
    max-width: 1200px;
    max-height: 600px;
    margin: 30px auto;
    top: 8% !important;
}

.reklamBottom #google_ads_frame1 {
    width: 100% !important;
}

#SonrakiAyaGit, #OncekiAyaGit {
    min-width: 130px;
    margin-left: 10PX;
}


.btnHaberGit {
    min-width: 130px;
    margin-left: 10PX;
}

.reklamicon {
    width: 14px !important;
    height: 14px !important;
    background: url(../images/r_icon.png) no-repeat center center;
    border: 0px !important;
    border-radius: 0px !important;
}

    .reklamicon:hover {
        width: 14px !important;
        height: 14px !important;
        background: url(../images/r_icon_hvr.png) no-repeat center center;
    }

#tblEkonomikTakvim {
    width: 100% !important;
}

#linkContainer {
    display: table;
}

#alphabetDiv div {
    border: 1px solid #DEDEDE;
    padding: 5px 0px;
}

#linkContainer .col-sm-4 {
    padding: 10px;
    border: 1px solid #DEDEDE;
    margin: 6px;
    width: 32%;
    min-height: 80px;
}

    #linkContainer .col-sm-4 a {
        display: block;
        ? padding:6px;
        width: 100%;
        height: 100%;
    }

    #linkContainer .col-sm-4:hover {
        background: #01B060;
        color: #fff !important;
        -webkit-transition: background-color 500ms linear;
        -moz-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
    }

    #linkContainer .col-sm-4 .linkKod {
        font-weight: bold;
        font-size: 15px;
        min-width: 100px;
    }

    #linkContainer .col-sm-4 a:hover {
        color: #fff !important;
    }

/*table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space:initial !important;
}*/
.wrapper .canli_veri_btn {
    float: right;
    margin-right: 5px;
    background: #0071C1;
}

.hisselerimUyariNot {
    display: none;
    color: red;
}

#hisselerimButtons {
    padding-top: 10PX;
}

#btnEkle, #btnCikar {
    margin-bottom: 5px;
}

#btnEkle {
    margin-top: 20px;
}

#btnKayet {
    margin-top: 85px;
    background-color: #01B061 !important;
    color: #fff !important;
}

#btnTabloAyarKayetSag {
    background-color: #01B061 !important;
    color: #fff !important;
    height: 39px;
    width: 143px !important;
    float: left;
    margin-right: 5px;
}

#btnTabloAyarKayetSol {
    background-color: #01B061 !important;
    color: #fff !important;
    height: 39px;
    width: 143px !important;
    float: left;
    margin-left: 5px;
}

#tblEkonomikTakvim img {
    padding: 0px !important;
}

#hisseEkleKaldirCollapse .anlik_veri_secim {
    margin-top: 0px !important;
}

.HisseEkleKaldir {
    font-weight: normal;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    background: #fff;
    color: #333;
    height: 40px;
    padding-top: 8PX !important;
    line-height: 22px;
    border: 1px solid rgb(150, 150, 150) !important;
    background-color: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
    background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
    background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
    background-image: linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}

.show-menu .canli_veri_btn {
    float: right;
    margin-right: 5px;
    background: #0071C1 !important;
    width: 100%;
    text-align: center;
    padding: 0px !important;
}

.canli_veri_btn a {
    text-align: center !important;
    background: #0071C1 !important;
    padding: 0px !important;
}

.show-menu .canli_veri_btn:hover {
    background: #0071C1 !important;
    width: 100%;
}

#nav-menu ul.main {
    line-height: 33px;
}

#nav-menu .canli_veri_btn {
    display: none;
}

a.dt-button {
    height: 40px;
    padding-top: 10px !important;
}

    a.dt-button span {
        vertical-align: middle;
    }

.dt-buttons {
    display: inline-block;
}

a.dt-button.active > span {
    font-weight: bold;
}

th, td {
    width: auto;
}


table.dataTable thead th, table.dataTable thead td {
    padding-left: 10px !important;
    padding-right: 12px !important;
}

body {
    background: #f4f4f4 !important;
    font-size: 12px !important;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #616161;
    margin: 0;
    padding: 0;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

table {
    width: 100%;
}

.content-wrapper {
    width: 1030px;
    margin: 0 auto;
    /*clear: both;*/
}

#div_hisseEndeks .multiselect.btn .caret {
    margin-left: 0;
    float: right;
    margin-top: 8px;
}

#div_hisseEndeks .multiselect.btn {
    text-align: left;
}

.note-folded {
    width: 100%;
}

#nav_container {
    background-color: #01b060;
}

#selection_tools {
    width: 100%;
    background-color: #2f303a;
    margin: 10px 0 10px 0;
    padding: 10px 0px 10px 0px;
    border-radius: 3px;
    position: relative;
}

.table-help {
    float: right;
}

.note-folded h1, .note-folded h2 {
    display: inline-block;
}

.show-on-mobile {
    display: none !important;
}

.hukukiSartlar {
    color: #85929e !important;
}

#help-container-fluid .content-wrapper {
    width: 100%;
}

.hukukiSartlar:hover {
    text-decoration: underline;
}


.tarih_secim {
    float: left;
}

#selection_tools .tarih_secim p {
    color: #fff;
    margin-bottom: 5px !important;
    float: left;
    margin-right: 5px;
}

.featured-column {
    width: 100%;
    margin: 0px 0px 30px 0px;
    padding: 46px 80px 33px 80px;
    background: #ecf0f1 url(../images/sample_images/bg_featured.png) repeat-y top center !important;
}

.vertical_menu {
    padding: 0px !important;
}

.col-para-birimi {
    width: 120px !important;
}

.featured-column-gallery {
    width: 100%;
    margin: 0px 0px 30px 0px;
    padding: 32px 0px 34px 0px;
    background: #34495e url(../images/sample_images/bg_featured2.png) repeat-y top center !important;
}

    .featured-column-gallery h1, .featured-column-gallery h2, .featured-column-gallery h3, .featured-column-gallery h4, .featured-column-gallery h5, .featured-column-gallery h6, .featured-column-gallery p {
        color: #fff;
    }

    .featured-column-gallery .list_carousel {
        margin-bottom: -34px;
    }
/*canli_haber*/
#share-facebook, #share-twitter, #share-linkedin, #share-google {
    padding-right: 10px;
    padding-top: 10px;
    float: left;
}

.HaberSaati {
    float: left;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.social-share {
    display: table;
    width: 100%;
}

#Haber-navbar .navbar-toggle {
    background-color: rgb(47, 48, 58) !important;
}

.HaberAnaSayfaIcerik .HaberCover {
    overflow: hidden;
    position: relative;
}

.slider_yazi {
    position: absolute;
    z-index: 9;
    color: #FFF;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.43);
    padding: 10px 10px 20px 10px;
}

.HaberBaslik {
    font-size: 18px;
    font-weight: bold;
    line-height: normal !important;
}

.HaberOzet {
    line-height: 17px !important;
}

.HaberOzetIng {
    line-height: 23px !important;
}

.reklam_anasayfa_right {
    margin-bottom: 10px;
}

    .reklam_anasayfa_right img {
        width: 100%;
    }

/*.HaberAnaSayfaIcerik {
    display: inline-block;
}*/

.HaberAnaSayfaIcerik .HaberCover {
    background: #e6e6e6;
    border: 1px solid #D4D4D4;
    height: 93px;
    margin-bottom: 10px;
}

    .HaberAnaSayfaIcerik .HaberCover .HaberBaslik {
        font-size: 14px !important;
        margin-top: 5px;
    }

.HaberAnaSayfaIcerik img {
    max-height: 90px;
    float: left;
    padding: 5px;
}

.haberpagecover {
    display: table;
}

.KapHeader {
    background: #01b060;
    padding: 15PX;
    color: #fff;
    margin-top: 10px;
}

    .KapHeader H2 {
        margin: 0px;
        padding: 0px;
        font-size: 16px;
    }

.KapCover {
    margin-top: 10px;
    display: inline-block;
    overflow: hidden;
}

    .KapCover p {
        margin: 0px;
        height: 71px;
    }

.Kap_haberleri {
    display: inline-block;
    margin-bottom: 15px;
}

.Kap_icerik {
    padding-left: 10px;
    width: 78%;
    float: left;
    border-left: 1px solid #ccc;
}

#KapLink {
    right: 24px;
    position: absolute;
    top: 19px;
}

.Kaptime {
    width: 60px;
    display: block;
    float: left;
    overflow: hidden;
    overflow: hidden;
    padding: 10px 0;
    margin-right: 5px;
}

.KapTable {
    width: 100%;
    height: 50px;
    display: table;
    float: left;
}

.KapCell {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

    .KapCell .dd {
        width: 100%;
        height: 22px;
        display: block;
        overflow: hidden;
        float: left;
        color: #aa9c9c;
        font: bold 28px/22px Arial;
        text-align: center;
    }

    .KapCell .mm {
        width: 100%;
        height: 14px;
        display: block;
        overflow: hidden;
        float: left;
        color: #9E9E9E;
        font: bold 12px/14px Arial;
        text-align: center;
    }

    .KapCell .xx {
        width: 100%;
        height: 14px;
        display: block;
        overflow: hidden;
        float: left;
        color: #fff;
        font: bold 11px/14px Arial;
        background: #9E9E9E;
        text-align: center;
    }

#Haber-navbar .icon-bar {
    margin: 5px !important;
}

#Haber-navbar .navbar-toggle {
    padding: 5px !important;
}

.HaberMenu {
    padding-left: 0px !important;
    background: #d8d8d8;
    min-height: 45px;
    /*margin-top: 10px;*/
}

#Haber-navbar {
    padding-bottom: 3px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.navbar-collapse {
    padding-left: 0px !important;
}

.navbar-inverse {
    background-color: #d8d8d8 !important;
    border-color: rgba(8, 8, 8, 0) !important;
}

.HaberMenu li {
    float: left;
    list-style: none;
    font-size: 14px;
    font-weight: bold;
}

.HaberMenu .menu1 {
    border-bottom: 3px solid #235da8;
}

.HaberMenu li a {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    color: #808080 !important;
}

.HaberMenu .active a {
    color: #fff !important;
    background-color: #9A9A9A !important;
}

.HaberMenu .menu2 {
    border-bottom: 3px solid #23a845;
}

.HaberMenu .menu3 {
    border-bottom: 3px solid #eb1c34;
}

.HaberMenu .menu4 {
    border-bottom: 3px solid #ff9600;
}

.HaberMenu .menu5 {
    border-bottom: 3px solid #00c393;
}

.HaberMenu .menu6 {
    border-bottom: 3px solid #235DA8;
}

.HaberMenu .menu7 {
    border-bottom: 3px solid #23a845;
}

.HaberMenu .menu8 {
    border-bottom: 3px solid #eb1c34;
}

.HaberMenu a.active {
    background: #949494;
    color: #fff !important;
}

.HaberMenu li:hover {
    background: rgba(0,0,0,.1);
}

/*canli_haber*/
/***** Header Styling *****/
header {
    width: 100%;
    background: #2f303a;
    margin: 0 auto;
    position: relative;
    z-index: 999999;
}

    header .logo {
        left: 0;
        top: 0;
        z-index: 10;
        float: left;
        display: inline-block;
    }

    header .wrapper {
        max-width: 1030px !important;
        width: auto !important;
        height: 48px;
    }

#top-info {
    height: 98px;
}

.top-search {
    width: 24%;
    position: relative;
    top: 18px;
    right: 20px;
    float: right;
}

#top-socials {
    width: 100%;
}

    #top-socials ul {
        position: relative;
        top: 35px;
        right: 16px;
        float: right;
    }

        #top-socials ul li {
            width: 30px;
            height: 30px;
            font-size: 17px;
            margin-right: 0px;
            display: inline-block;
            transition: all 0.3s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -o-transitionn: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -webkit- border-radius: 3px -moz- border-radius: 3px border-radius: 3px;
        }

            #top-socials ul li i {
                position: relative;
                top: 1.4px;
                left: 6.6px;
            }

            #top-socials ul li:hover i {
                color: #d3d3d3;
            }

            #top-socials ul li.facebook-color:hover {
                background-color: #3b5998;
            }

            #top-socials ul li.twitter-color:hover {
                background-color: #33ccff;
            }

            #top-socials ul li.dribbble-color:hover {
                background-color: #EA4C89;
            }

            #top-socials ul li.googleplus-color:hover {
                background-color: #DD4B39;
            }

            #top-socials ul li.linkedin-color:hover {
                background-color: #006699;
            }

            #top-socials ul li a, #top-socials ul li a:visited {
                color: #61758a;
            }

#top-search {
    width: 207px;
    height: 31px;
    position: relative;
    margin: -48px 20px 0px 0px;
    float: right;
}

    #top-search ul {
        width: 140px;
        height: 31px;
        background: #304458;
        -webkit-border-top-left-radius: 500px;
        -webkit-border-bottom-left-radius: 500px;
        -moz-border-radius-topleft: 500px;
        -moz-border-radius-bottomleft: 500px;
        border-top-left-radius: 500px;
        border-bottom-left-radius: 500px;
    }

        #top-search ul li {
            display: inline-block;
            position: relative;
            top: -9px;
            left: -7px;
            float: left;
        }

            #top-search ul li input {
                width: 136px !important;
                background-color: transparent;
                border: none !important;
                margin-top: 0px;
                font-size: 12px;
                color: #7e8892;
            }

                #top-search ul li input[type="text"]:focus {
                    border-color: none !important;
                    background-color: transparent !important;
                    -webkit-box-shadow: none !important;
                    -moz-box-shadow: none !important;
                    box-shadow: none !important;
                }

.search-panel {
    display: none;
    position: relative;
    float: right;
}

a.trigger {
    width: 31px;
    height: 31px;
    background: #304458;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    font-size: 16px;
    color: #5f7387;
    display: block;
    float: right;
}

a.active.trigger {
    width: 31px;
    height: 31px;
    background: #304458;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

a.trigger i {
    top: 4px;
    left: 8px;
    position: relative;
}

@-moz-document url-prefix() {
    a.trigger i {
        top: 3px;
    }
}

#logo {
    width: 123px\9;
    height: 28px\9;
    position: relative;
    top: 18px;
    left: 2px;
    float: left;
}

    #logo img {
        width: auto;
        height: auto;
    }
/***** Tab Styling *****/
ul.tabs {
    display: block;
    margin-bottom: 0px;
    height: 46px;
    list-style: none;
    padding: 5px 0 0 2px;
    float: left;
    font-weight: bold;
}

    ul.tabs li {
        float: left;
    }

        ul.tabs li a {
            display: block;
            line-height: 40px;
            border: solid 1px #ddd;
            color: #a2a2a2;
            background: rgba(250, 250, 250, 0);
            font-size: 12px;
            text-decoration: none;
            border-width: 1px 1px 0;
            margin: 0 0 0 -1px;
            padding: 0 14px;
            position: relative;
            z-index: 100;
            font-size: 12px;
            text-transform: uppercase;
        }

        ul.tabs li.active a {
            background: url(../images/tab_bg_line.png) repeat-x top #fff;
            font-size: 12px;
            position: relative;
            height: 45px;
            top: -2px;
            padding-top: 4px;
            border-bottom: none;
            color: #01B060;
            position: relative;
            z-index: 100;
        }

.tab_content, .tab_content-bottom {
    padding: 13px;
}

    .tab_content p {
        font-size: 13px;
        line-height: 24px;
        padding-top: 5px;
    }

.tab_container {
    width: 99.6% !important;
    margin: 0px 0px 12px 1px;
    border-top: none;
    clear: both;
    background: #fff;
    border: solid 1px #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    float: left;
}

/***** Tab Styling *****/

.input-sm {
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: inherit !important;
    font-size: 14px !important;
}

input[type=search] {
    height: 30px;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: inherit !important;
    font-size: 14px !important;
}


.btn.btn-success, .btn.btn-success:focus {
    background: #01B060 !important;
    border: none;
    outline: none;
}

.selection-tool {
    min-height: 50px;
}

.btn.btn-success:hover {
    background: #2fb8a0 !important;
    border: none;
    outline: none;
}

/***** Inputs and Buttons Starts *****/

.note-folded {
    position: relative;
    padding: 9px 13px;
    color: #fff;
    background: #95a5a6;
    -webkit-border-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /*overflow: hidden;*/
}

    .note-folded.green {
        background: #01b060;
    }

select {
    text-indent: 0px;
    color: #999;
    /*padding-right: 10px;*/
    padding-left: 7px;
}

input[type="text"], input[type="password"], input[type="email"], .labelinputs, select, .indicator_input .btn-group .multiselect, #selection_tools button.btn.dropdown-toggle {
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    text-indent: 3px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
    background: #fff;
    color: #333;
    outline: 0;
    height: 30px;
    line-height: 22px;
}

.indicator_input .btn-group {
    float: right;
    width: 70%;
}



    .indicator_input .btn-group span {
        float: none !important;
        width: 40px !important;
    }

    .indicator_input .btn-group input {
        height: 35px;
    }

    .indicator_input .btn-group .caret {
        right: 6px;
        position: absolute;
        top: 50%;
    }

textarea {
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 4px 0 8px 0 !important;
    background: #fff;
    color: #333;
    outline: 0;
}

.button.green {
    background: #01b060;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
}

.button.small {
    font-size: 12px;
    padding: 10px 12px;
}

.button {
    display: inline-block;
    text-transform: uppercase;
    background: #34495e;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 5px 10px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
}

/***** Inputs and Buttons Finishes ****/

/***** Mainmenu Styling *****/

.left-menu {
    width: 80%;
    height: 65px;
    float: left;
}

.right-menu {
    width: 20%;
    height: 65px;
    float: left;
}

.tinynav {
    display: none;
}

.wrapper {
    width: 1030px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#mainmenu {
    width: 100%;
    margin: 0px 0px 0px -16px;
    float: left;
}

    #mainmenu ul {
        font-family: 'Roboto', Helvetica, Arial;
        font-weight: 300;
        font-size: 15px;
        float: left;
    }

        #mainmenu ul li {
            color: #fff;
            list-style: none;
            line-height: 15px;
            position: relative;
            border-right: 1px solid #34495e;
            padding: 19px 18px 15px 16px;
            transition: all 0.3s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -o-transitionn: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            float: left;
        }

span.desc-menu {
    color: #7e8892;
    padding-bottom: 20px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    position: relative;
}

#mainmenu ul li a, #mainmenu ul li a:visited {
    display: block;
    color: #d4d7db;
    text-decoration: none;
}

#mainmenu ul li:hover {
    background: url(../images/active_menu_green.gif) top repeat-x;
    background-color: rgba(26, 188, 156, 0.1);
    text-decoration: none;
    color: #2f87aa;
}

#mainmenu ul li:first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    padding-left: 20px;
}

#mainmenu ul li.dropdown .selected {
    background-image: none !important;
    background-color: rgba(26, 188, 156, 0.1);
}

#mainmenu ul li.selected {
    background: url(../images/active_menu_green.gif) top repeat-x;
    background-color: rgba(26, 188, 156, 0.1);
    text-decoration: none;
    color: #2f87aa;
}

    #mainmenu ul li.selected a {
        text-decoration: none;
        color: #d4d7db;
    }

    #mainmenu ul li.selected ul li a {
        text-decoration: none;
        color: #d4d7db;
    }

        #mainmenu ul li.selected ul li a:hover {
            text-decoration: none;
            color: #d4d7db;
        }

#mainmenu ul li li:hover {
    background: none;
    background-color: rgba(26, 188, 156, 0.1);
}

#menu li li {
    border-right: none;
    position: relative;
    z-index: 100;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#menu ul {
    display: none;
    position: absolute;
    padding: 0px;
    top: 66px;
    left: -19px;
    width: 160px;
    background-color: #34495e;
    -webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.2);
    box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.2);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 990;
}

    #menu ul ul, #menu ul ul ul {
        display: none;
        position: absolute;
        top: 0px;
        left: 137px;
        width: 160px;
        padding-top: 0px;
        -webkit-border-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 5px;
        -moz-border-radius-topleft: 0;
        border-radius: 3px;
        border-top-left-radius: 0;
        z-index: 999;
    }

#menu li ul a, #menu li ul a:visited {
    width: 160px;
    color: #d4d7db;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 18px;
    z-index: 190;
    text-decoration: none;
    padding: 9px 18px 10px 18px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

    #menu li ul a:hover {
        border: none;
        padding-left: 22px;
    }

#menu ul ul li:first-child a {
    margin-top: 0px;
}
/***** Page Title and Breadcrumb Stylesheet *****/
#pagetitle-container {
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 18px 0 0 0;
    border-bottom: 1px solid #dadada;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(64,64,64,0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(64,64,64,0.1);
    box-shadow: 0px 3px 0px 0px rgba(64,64,64,0.1);
}

    #pagetitle-container h1 {
        margin-bottom: -5px;
        font-weight: 700;
        color: #3b5166;
    }

    #pagetitle-container h3 {
        margin-bottom: -3px;
        color: #909090;
    }

.breadcrumb {
    bottom: -50px;
    position: relative;
    float: left;
}

    .breadcrumb ul {
        background-color: #fff;
        margin-top: -42px;
        padding: 0 6px 0 8px;
        float: right;
    }

        .breadcrumb ul li {
            font-size: 12px;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: normal;
            color: #bbb;
            padding: 0px 0px 0px 4px;
            display: inline-block;
        }

            .breadcrumb ul li:after {
                font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 11px;
                color: #c9c9c9;
                content: "\2F";
                margin-left: 8px;
                top: 0px;
                position: relative;
            }

            .breadcrumb ul li:last-child:after {
                content: "";
                display: inline-block;
            }

            .breadcrumb ul li.current-page a, .breadcrumb ul li.current-page a:visited {
                color: #1abc9c;
                text-decoration: none;
            }

            .breadcrumb ul li a, .breadcrumb ul li a:visited {
                color: #bbb;
                text-decoration: none;
            }

/***** Extra Stylesheet *****/
.note .row {
    margin-bottom: -23px;
}

.note-folded .row {
    margin-bottom: -23px;
    overflow: hidden;
}

.big-heading {
    font-size: 52px;
}

.midtext {
    font-size: 22px;
    margin-right: 10px;
}

@media \0screen {
    .ie8fix {
        float: left;
        padding: 0;
    }

    .circular-bar-green, .circular-bar-blue {
        display: none;
    }

    .circular-bar-orange, .circular-bar-red, .circular-bar {
        display: none;
    }
}

#masorny {
    clear: both;
}

.masonry, .masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.masonry {
    -webkit-transition-property: width, height;
    -moz-transition-property: width, height;
    -ms-transition-property: width, height;
    -o-transition-property: width, height;
    transition-property: width, height;
}

    .masonry .masonry-brick {
        -webkit-transition-property: left, right, top;
        -moz-transition-property: left, right, top;
        -ms-transition-property: left, right, top;
        -o-transition-property: left, right, top;
        transition-property: left, right, top;
    }

.no-border {
    margin: 15px 0;
}

    .no-border i {
        font-size: 56px;
        line-height: 24px;
    }

    .no-border.small i {
        font-size: 32px;
        line-height: 24px;
    }

.circle-border {
    width: 140px;
    height: 140px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    color: #8c8c8c;
}

.square-border {
    width: 140px;
    height: 140px;
    text-align: center;
    background: #fafafa;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,1);
    box-shadow: 0px 0px 0px 1px rgba(221,221,221,1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6x;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    color: #8c8c8c;
}

.column .circle-border, .column .square-border, .column .no-border {
    transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
}

.circle-border {
    float: left;
}

    .circle-border.small, .square-border.small {
        width: 65px;
        height: 65px;
        margin: 7px 5px 0 auto;
    }

        .circle-border.small i, .square-border.small i {
            font-size: 22px;
            line-height: 18px;
        }

    .circle-border p, .square-border p {
        font-family: 'Roboto', Helvetica, Arial;
        font-size: 14px;
        font-weight: 300;
        margin-top: -25px;
        line-height: 16px;
        color: #aaa;
    }

    .circle-border i, .square-border i {
        font-size: 44px;
        line-height: 118px;
        display: inline-block;
    }

.icon-left {
    margin: 7px 15px 0 0 !important;
    float: left !important;
}

.icon-right {
    margin: 7px 0 0 15px !important;
    float: right !important;
}

.flatborder i {
    display: block;
    text-align: center;
    margin: 0px auto 8px auto;
    float: none;
}

.flatborder.left i {
    margin-right: 12px;
    top: 3px;
    position: relative;
    float: left;
}

.flatborder.right i {
    margin-left: 12px;
    top: 3px;
    position: relative;
    float: right;
}

ul.client-box {
    width: 100%;
    margin: 0px 0px 25px 0px !important;
    padding-left: 0px !important;
    float: left;
}

    ul.client-box li {
        width: 18.95%;
        height: 30px;
        text-align: center;
        margin: 0px 5px 10px 5px;
        padding: 5px 0px 53px 0px;
        display: inline-block;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        float: left;
        border-right: 1px solid #eaeaea;
    }

        ul.client-box li.no-border {
            border-right: none;
        }

        ul.client-box li img {
            width: 130px;
            height: 48px;
        }

        ul.client-box li:hover {
        }

.text-overflow ul {
    margin-left: 70px;
    overflow: hidden;
}

ul.pricing-payment {
    width: 100%;
    margin: 0 -16px 0 -7px;
    float: left;
}

    ul.pricing-payment li {
        width: 12.206%;
        height: 64px;
        list-style: none;
        text-align: center;
        margin: 0 1px 7px 1px;
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        float: left;
    }

        ul.pricing-payment li:hover {
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }

        ul.pricing-payment li img {
            width: 64px;
            height: 64px;
        }

.icon-margin {
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.column .teaser {
    margin-bottom: 19px;
}

.teaser ul.social-list {
    margin-bottom: -9px;
}

.list-line-contact li {
    margin-bottom: 16px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e6e6e6;
}

.list-line li {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e6e6e6;
}

.title-line span {
    background: #fff;
    padding-right: 12px;
    position: relative;
    top: -14px;
}

.title-line {
    margin: 12px 0px 24px 0px;
    background: #e6e6e6;
    height: 4px;
}

.handwrite {
    font-family: "Pacifico", Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
}

.quote-box {
    background-color: #1abc9c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    overflow: hidden;
    margin: 10px 0px;
    padding: 14px 19px 4px 19px;
}

blockquote.float-none:before {
    display: none !important;
}

blockquote .quote-box p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.special-position {
    margin-top: 0px !important;
}
/* Animated Column */
.animated-column {
    padding: 12px 18px 6px 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-bottom: 8px;
}

.active-animated {
    cursor: default;
    background: #e4e6e6;
}

.animated-column, .animated-column i {
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
}

    .animated-column:hover {
        cursor: default;
    }

.no-bg:hover {
    background: none !important;
}

.animated-column:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/* BG Color - used when change color backround of icon */
.bg-grey {
    background: #95a5a6 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
}

.bg-green {
    background: #1abc9c !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
}

.bg-blue {
    background: #3498db !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
}

.bg-orange {
    background: #e67e22 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
}

.bg-red {
    background: #e74c3c !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
    box-shadow: 0px 0px 0px 1px rgba(221,221,221,0);
}
/***** Newsletter Box Stylesheet *****/
.newsletter-box {
    position: relative;
    margin: 10px auto 34px auto;
    z-index: 100;
    padding: 29px 30px 3px 30px;
    background: #fff; /* Old browsers */
    background: -moz-repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px, #fff 70px, #fff 80px); /* FF3.6+ */
    background: -webkit-repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px, #fff 70px, #fff 80px); /* FF3.6+ */
    background: -o-repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px, #fff 70px, #fff 80px); /* FF3.6+ */
    background: repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px, #fff 70px, #fff 80px); /* FF3.6+ */
    -webkit-box-shadow: 0px 1px 6px #cfcfcf;
    -moz-box-shadow: 0px 1px 6px #cfcfcf;
    box-shadow: 0px 1px 6px #cfcfcf;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .newsletter-box:after {
        background: #fff;
        margin-top: 10px;
        position: absolute;
        content: " ";
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

#newletterform input {
    width: 39.1%;
    margin-right: 12px;
    float: left;
}

#newletterform button {
    margin-top: 2px;
}

@media \0screen {
    #newletterform button {
        margin-top: 0px;
        padding: 5px 16px 5px 16px;
    }
}

x:-o-prefocus, #newletterform button {
    margin-top: 0px;
    padding: 5px 16px 5px 16px;
}

::-ms-reveal, #newletterform button {
    margin-top: 0px;
    padding: 5px 16px 5px 16px;
}

    #newletterform button:nth-of-type(1n) {
        margin-top: 0px\9;
        padding: 5px 16px 5px 16px\9;
    }

@-moz-document url-prefix() {
    #newletterform button {
        margin-top: 0px;
    }
}
/***** Shape Images Stylesheet *****/
.three .shape, .block-grid.four-up .shape {
    width: 214px;
    height: 235px;
    position: relative;
    margin: 5px 0 10px 0;
}

@-moz-document url-prefix() {
    .three .shape, .block-grid.four-up .shape {
        height: 234px;
    }
}

.four .shape, .block-grid.three-up .shape {
    width: 296px;
    height: 325px;
    position: relative;
    margin: 5px 0 10px 0;
}

@-moz-document url-prefix() {
    .four .shape, .block-grid.three-up .shape {
        height: 323px;
    }
}

.six .shape, .block-grid.two-up .shape {
    width: 463px;
    height: 508px;
    position: relative;
    margin: 5px 0 10px 0;
}

@-moz-document url-prefix() {
    .six .shape, .block-grid.two-up .shape {
        height: 506px;
    }
}

.four .shape img, .block-grid.three-up .shape img {
    height: 100% !important;
}

.three .shape img, .block-grid.four-up .shape img {
    height: 100% !important;
}

.six .shape img, .block-grid.two-up .shape img {
    height: 100% !important;
}

.three .shape .overlay, .block-grid.four-up .shape .overlay {
    width: 214px;
    height: 235px;
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 500;
    pointer-events: none;
    background-repeat: no-repeat;
    outline: 0;
}

@-moz-document url-prefix() {
    .three .shape .overlay, .block-grid.four-up .shape .overlay {
        height: 234px;
    }
}

@-moz-document url-prefix() {
    .three .lightbox-item, .block-grid.four-up .lightbox-item {
        height: 234px;
    }
}

.three .shape .lightbox-item-overlay-content:nth-of-type(1n) {
    z-index: 600\9;
    background-color: transparent\9;
    background-image: url(../images/shape_hexagon_hover.png\9);
    background-size: 214px 235px\9;
}

.block-grid.four-up .shape .lightbox-item-overlay-content:nth-of-type(1n) {
    z-index: 600\9;
    background-color: transparent\9;
    background-image: url(../images/shape_hexagon_hover.png\9);
    background-size: 214px 235px\9;
}

x:-o-prefocus, .three .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 214px 235px;
}

x:-o-prefocus, .block-grid.four-up .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 214px 235px;
}

::-ms-reveal, .three .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 214px 235px;
}

::-ms-reveal, .block-grid.four-up .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 214px 235px;
}

.four .shape .overlay, .block-grid.three-up .shape .overlay {
    width: 296px;
    height: 325px;
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 500;
    pointer-events: none;
    background-repeat: no-repeat;
    outline: 0;
}

@-moz-document url-prefix() {
    .four .shape .overlay, .block-grid.three-up .shape .overlay {
        height: 323px;
    }
}

@-moz-document url-prefix() {
    .four .lightbox-item, .block-grid.three-up .lightbox-item {
        height: 323px;
    }
}

.four .shape .lightbox-item-overlay-content:nth-of-type(1n) {
    z-index: 600\9;
    background-color: transparent\9;
    background-image: url(../images/shape_hexagon_hover.png\9);
    background-size: 296px 324px\9;
}

.block-grid.three-up .shape .lightbox-item-overlay-content:nth-of-type(1n) {
    z-index: 600\9;
    background-color: transparent\9;
    background-image: url(../images/shape_hexagon_hover.png\9);
    background-size: 296px 324px\9;
}

x:-o-prefocus, .four .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 296px 324px;
}

x:-o-prefocus, .block-grid.three-up .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 296px 324px;
}

::-ms-reveal, .four .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 296px 324px;
}

::-ms-reveal, .block-grid.three-up .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 296px 324px;
}

.six .shape .overlay, .block-grid.two-up .shape .overlay {
    width: 463px;
    height: 508px;
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 500;
    pointer-events: none;
    background-repeat: no-repeat;
    outline: 0;
}

@-moz-document url-prefix() {
    .six .shape .overlay, .block-grid.two-up .shape .overlay {
        height: 506px;
    }
}

@-moz-document url-prefix() {
    .six .lightbox-item, .block-grid.two-up .lightbox-item {
        height: 506px;
    }
}

.six .shape .lightbox-item-overlay-content:nth-of-type(1n) {
    z-index: 600\9;
    background-color: transparent\9;
    background-image: url(../images/shape_hexagon_hover.png\9);
    background-size: 463px 507px\9;
}

.block-grid.two-up .shape .lightbox-item-overlay-content:nth-of-type(1n) {
    z-index: 600\9;
    background-color: transparent\9;
    background-image: url(../images/shape_hexagon_hover.png\9);
    background-size: 463px 507px\9;
}

x:-o-prefocus, .six .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 463px 507px;
}

x:-o-prefocus, .block-grid.two-up .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 463px 507px;
}

::-ms-reveal, .six .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 463px 507px;
}

::-ms-reveal, .block-grid.two-up .shape .lightbox-item-overlay-content {
    z-index: 600;
    background: transparent url(../images/shape_hexagon_hover.png);
    background-size: 463px 507px;
}

.shape hr {
    border-width: 1px 0 0 !important;
}

.four .shape h6, .block-grid.three-up .shape h6 {
    margin-top: 27%;
}

.six .shape h6, .block-grid.two-up .shape h6 {
    margin-top: 42%;
}
/* shapes mask */
.three .shape .overlay.hexagon, .block-grid.four-up .shape .overlay.hexagon {
    background: url(../images/shape_hexagon.png);
    background-size: 214px 235px;
}

@media \0screen {
    .three .shape .overlay.hexagon, .block-grid.four-up .shape .overlay.hexagon {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/shape_hexagon.html', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/shape_hexagon.png', sizingMethod='scale')";
    }
}

@-moz-document url-prefix() {
    .three .shape .overlay.hexagon, .block-grid.four-up .shape .overlay.hexagon {
        background-size: 214px 234px;
    }
}

.four .shape .overlay.hexagon, .block-grid.three-up .shape .overlay.hexagon {
    background: url(../images/shape_hexagon.png);
    background-size: 296px 325px;
}

@media \0screen {
    .four .shape .overlay.hexagon, .block-grid.three-up .shape .overlay.hexagon {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/shape_hexagon.html', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/shape_hexagon.png', sizingMethod='scale')";
    }
}

@-moz-document url-prefix() {
    .four .shape .overlay.hexagon, .block-grid.three-up .shape .overlay.hexagon {
        background-size: 296px 323px;
    }
}

.six .shape .overlay.hexagon, .block-grid.two-up .shape .overlay.hexagon {
    background: url(../images/shape_hexagon.png);
    background-size: 463px 508px;
}

@media \0screen {
    .six .shape .overlay.hexagon, .block-grid.two-up .shape .overlay.hexagon {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/shape_hexagon.html', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/shape_hexagon.png', sizingMethod='scale')";
    }
}

@-moz-document url-prefix() {
    .six .shape .overlay.hexagon, .block-grid.two-up .shape .overlay.hexagon {
        background-size: 463px 506px;
    }
}
/***** Portfolio Area Stylesheet *****/
#pf-filter ul {
    margin-bottom: 30px;
    padding: 0px;
    float: left;
}

    #pf-filter ul li i {
        color: #c4c4c4;
        font-size: 16px;
        margin-right: 7px;
        top: -4px;
        position: relative;
    }

    #pf-filter ul li {
        font-size: 11px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        list-style: none;
        display: inline-block;
        float: left;
    }

        #pf-filter ul li:after {
            font-size: 11px;
            color: #bbb;
            content: "\2F";
            margin-left: 2px;
            top: 0px;
            position: relative;
        }

        #pf-filter ul li:first-child:after {
            content: "";
            display: none;
        }

        #pf-filter ul li:last-child:after {
            content: "";
            display: inline-block;
        }

        #pf-filter ul li a {
            padding: 0px 10px;
            color: #b6b6b6;
            text-decoration: none;
        }

            #pf-filter ul li a:hover {
                color: #1abc9c;
                text-decoration: none;
            }

            #pf-filter ul li a:active, #pf-filter ul li a.selected {
                color: #1abc9c;
                text-decoration: none;
            }

.pf-slide {
    height: 320px;
    margin: 10px 0 15px 0 !important;
    background: #dcdcdc;
}
/***** Blog Area Stylesheet *****/
#masorny .teaser {
    padding-left: 22px;
    padding-right: 22px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(125,125,125,0.1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(125,125,125,0.1);
    box-shadow: 3px 3px 5px 0px rgba(125,125,125,0.1);
}

#masorny .teaser-preview-box {
    margin-left: -22px;
    margin-right: -22px;
}

    #masorny .teaser-preview-box .mejs-container {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    #masorny .teaser-preview-box iframe {
        height: 108px !important;
    }

.teaser-preview-box .banner-blog, .teaser-preview-box .banner-blog img {
    width: 295px !important;
    height: 127px !important;
    -webkit-border-radius: 6px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius: 6px !important;
    -moz-border-radius-bottomright: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.teaser-preview-box {
    -webkit-border-radius: 6px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius: 6px !important;
    -moz-border-radius-bottomright: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    overflow: hidden;
    margin-bottom: 14px;
}

    .teaser-preview-box .note {
        border: none;
        background: #95a5a6;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        color: #fff !important;
        margin: 0px;
    }

        .teaser-preview-box .note blockquote p, .teaser-preview-box .note blockquote cite, .teaser-preview-box .note blockquote:before {
            color: #fff !important;
        }

        .teaser-preview-box .note p.lead {
            width: 100%;
            font-size: 15px;
            margin-bottom: 6px;
            line-height: 22px;
            color: #fff !important;
        }

    .teaser-preview-box iframe {
        width: 100%;
        margin-bottom: -7px;
    }

article {
    width: 100%;
    margin: 10px 0 22px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    float: left;
}

    article h4 {
        color: #1abc9c;
    }

    article img {
        height: 227px;
        background: #dcdcdc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        float: left;
    }

    article .banner-blog ul li img {
        height: 227px !important;
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        border-radius: 6px !important;
    }

    article iframe {
        background: #dcdcdc;
        width: 100%;
        height: 227px;
        margin-bottom: -7px !important;
    }

    article .quote-note {
        margin-bottom: 23px;
        float: left;
    }

    article .blog-media {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 21px;
    }

    article .blog-audio {
        margin-bottom: 61px;
    }

    article h4 {
        margin-top: -5px;
    }

    article a.button {
        float: left;
    }

.mejs-container {
    width: 99.9% !important;
    height: 40px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin: 0px;
    float: left;
}

video {
    width: 100% !important;
}

.blog-slide {
    height: 227px;
    margin-bottom: 18px !important;
    background: #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
}

.quote-note {
    background-image: url(../images/testi-bg.gif);
    background-repeat: repeat-y;
    border: solid 1px #dbdcde;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 5px 0 25px 0;
    padding: 21px 20px 23px 20px;
    position: relative;
    float: left;
}

    .quote-note:after {
        left: 4px;
        right: 4px;
        bottom: -5px;
        box-shadow: 0 0 2px #ddd;
    }

    .quote-note, .quote-note:before, .quote-note:after {
        border: 1px solid #dbdcde;
    }

        .quote-note:before, .quote-note:after {
            content: "";
            position: absolute;
            bottom: -4px;
            left: 6px;
            right: 6px;
            height: 3px;
            border-top: none;
            -webkit-border-bottom-right-radius: 12px;
            -webkit-border-bottom-left-radius: 12px;
            -moz-border-radius-bottomright: 12px;
            -moz-border-radius-bottomleft: 12px;
            border-bottom-right-radius: 12px;
            border-bottom-left-radius: 12px;
        }

ul.post-info {
    width: 100%;
    margin: -7px 0px 20px 0px;
    font-size: 11px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    float: left;
}

    ul.post-info li {
        margin-right: 15px;
        display: inline-block;
        color: #c0c0c0;
    }

        ul.post-info li a, ul.post-info li a:visited {
            color: #c0c0c0;
            text-decoration: none;
        }

            ul.post-info li a:hover {
                color: #1abc9c;
                text-decoration: none;
            }

        ul.post-info li i {
            font-size: 11px;
            margin-right: 5px;
            color: #c8c7c7;
            position: relative;
            top: 1px;
        }

#search input[type="text"] {
    width: 100%;
    padding-right: 5px;
    float: left;
}

#search button {
    background: none;
    margin: 1px 0px 0px -25px;
    padding: 4px 0 0 0;
    font-size: 16px;
    float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #search button {
        margin: 5px 0px 0px -25px;
    }
}

#search button i {
    color: #bfbfbf;
}
/* Blog Pagination */
.blog-pagination {
    width: 100%;
    margin: 0px 0px 30px 0px;
    float: left;
}

.pages {
    line-height: 28px;
    clear: left;
}

.blogpages {
    margin: 8px 0;
}

.pfpages {
    margin: -15px 0 12px;
}

.pageof {
    font-size: 12px;
    display: block;
    color: #8c8c8c;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 3px 14px 3px 0px;
}

.pages a {
    font-size: 12px;
    display: block;
    color: #8c8c8c;
    float: left;
    background: #fff;
    border: solid 1px #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    text-decoration: none;
    margin: 0 5px 5px 0;
    padding: 3px 14px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

    .pages a:hover, .pages a.current {
        color: #fff;
        background: #1abc9c;
        border: 1px solid #1abc9c;
    }
/* Sharing Social */
.sharing-box {
    width: 100%;
    float: left;
    margin-top: 27px;
    padding: 0px;
}

.share-facebook {
    width: 200px;
    float: left;
}

.share-social {
    margin: -10px 10px 0 0;
    float: right;
}
/* Comment list */
#comment {
    width: 100%;
    float: left;
    padding: 5px 0 8px;
}

.comment-text h5 {
    margin-bottom: -2px;
}

#comment ol {
    list-style-type: none !important;
    margin: 0;
    padding: 10px 0 0;
}

    #comment ol li ol {
        margin: 0px 0px 20px 80px;
    }

.commentlist li {
    position: relative;
    list-style: none;
    line-height: 22px;
    list-style-position: outside;
}

    .commentlist li small {
        font-size: 11px;
        text-transform: uppercase;
    }

    .commentlist li p {
        margin-top: 10px;
    }

.avatar {
    width: 64px;
    height: 64px;
    position: absolute;
    background-color: #e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    top: 4px;
    left: 0;
}

    .avatar img {
        width: 64px;
        height: 64px;
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px;
    }

.comment-text {
    background-color: #fafafa;
    border: solid 1px #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-left: 80px;
    width: auto;
    margin-bottom: 10px;
    padding: 14px 20px 13px 20px;
}

    .comment-text h6.subheader {
        margin-bottom: -12px !important;
    }

a.reply {
    float: right;
    margin-top: -20px;
    -webkit- border-radius: 3px -moz- border-radius: 3px border-radius: 3px;
}

    a.reply:hover {
        background: #30dab8 !important;
    }

    a.reply, a.reply:visited {
        padding: 1px 9px;
        font-size: 10px;
        color: #fff;
        text-decoration: none;
        background: #1abc9c;
        transition: background .25s ease-in-out;
        -moz-transition: background .25s ease-in-out;
        -webkit-transition: background .25s ease-in-out;
        position: relative;
        top: -20px;
    }
/* Comment form */
#commentform-wrap {
    width: 70%;
    margin-top: 26px;
    float: left;
}

fieldset {
    padding-top: 10px;
    border: 0;
}

form#comment-form label {
    font-size: 13px;
    line-height: 38px;
    width: 37%;
    margin-bottom: 0px;
    float: right;
    clear: both;
}

form#comment-form input {
    width: 60%;
    margin-bottom: 15px;
    float: left;
}

form#comment-form textarea {
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
}

form#comment-form .buttoncontact {
    background: #1abc9c;
}

    form#comment-form .buttoncontact:hover {
        background: #30dab8;
    }

form#comment-form em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline;
}
/* Sidebar styling */
aside {
    width: 100%;
    margin: 0px 0 19px 0;
    float: left;
}
/* Popular List */
ul.popular-list {
    width: 100% !important;
    margin: -6px 0px 22px 0px;
    padding-left: 0px;
    float: left;
}

    ul.popular-list li p.popular-title {
        font-size: 13px;
        text-transform: uppercase;
        line-height: 24px;
        margin: 3px 0 0 0;
    }

    ul.popular-list li img {
        width: 68px;
        height: 68px;
        margin: 3px 13px 4px 0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 3px;
        float: left;
    }

    ul.popular-list li {
        width: 100% !important;
        list-style-type: none;
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 0px;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        float: left;
    }

        ul.popular-list li:hover {
            padding-left: 15px;
            background-color: #f0f0f0;
        }

        ul.popular-list li p.comment-count a, ul.popular-list li p.comment-count a:visited, ul.popular-list li p.author-name a, ul.popular-list li p.author-name a:visited {
            width: 70%;
            margin: -1px;
            font-size: 12px;
            text-decoration: none;
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #1abc9c;
            float: left;
        }

        ul.popular-list li a, ul.popular-list li a:visited {
            color: #8c8c8c;
            text-decoration: none;
        }

            ul.popular-list li a:hover {
                color: #8c8c8c;
                text-decoration: none;
            }
/* Tag Cloud */
.tag-cloud {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    width: 100%;
    float: left;
    margin: 7px 0 22px;
}

    .tag-cloud a, .tag-cloud a:visited {
        display: block;
        color: #838383;
        background-color: #f2f2f2;
        text-decoration: none;
        float: left;
        margin: 0 8px 8px 0;
        padding: 1px 9px 2px 9px;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 3px;
    }

        .tag-cloud a:hover {
            display: block;
            color: #d4d4d4;
            background-color: #5e5e5e;
            -webkit-border-top-right-radiu text-decoration:none;
            float: left;
            margin: 0 8px 8px 0;
            padding: 1px 9px 2px 9px;
            border: 1px solid #5e5e5e;
        }

.archive-count a, .archive-count a:visited {
    display: inline-block;
    margin-left: 7px;
    padding: 2px 4px;
    font-size: 11px;
    line-height: 14px;
    color: #fff !important;
    background-color: #bdbdbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    position: relative;
    top: -1px;
}
/***** Contact Area Stylesheet *****/
#map {
    width: 100%;
    height: 350px;
    background: #f6f6f6;
    margin: -28px 0px 20px 0px;
    float: left;
}

address i {
    font-size: 13px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

#contact-form-area {
    width: 100%;
    margin: 10px 0px 10px 0px;
    float: left;
}

fieldset {
    border: 0;
}

form#contactform label {
    font-size: 13px;
    line-height: 32px;
    width: 15%;
    margin-bottom: 0px;
    float: left;
    clear: both;
}

form#contactform input {
    width: 55%;
    margin: 0px 15px 15px 0px;
    float: left;
}

form#contactform textarea {
    width: 75%;
    margin-bottom: 15px;
    float: left;
    overflow: hidden;
}

form#contactform .buttoncontact {
    background: #1abc9c;
}

    form#contactform .buttoncontact:hover {
        background: #30dab8;
    }

form#contactform em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline;
}

.loading {
    font-size: 13px;
    height: 20px;
    background: url(../images/loading.gif) 0 4px no-repeat;
    margin: 5px 0px 0px 7px;
    padding: 0px 0px 0px 23px;
    color: #797979;
    float: left;
}

.success-contact {
    width: 100%;
    font-size: 13px;
    text-align: center;
    color: #749958;
    background-color: #d8f1c6;
    border: 1px solid #b3cda1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
    clear: both;
    display: block;
    margin: 4px 0 0px 0px;
    padding: 9px 10px 11px 10px;
}


/***** Bottom Content Styling *****/


#bottom-content {
    width: 100%;
    padding: 29px 0px 13px 0px;
    background-color: #eaeaea;
}

    #bottom-content h1, #bottom-content h2, #bottom-content h3, #bottom-content h4, #bottom-content h5, #bottom-content h6 {
        color: #a1a1a1;
    }

    #bottom-content p {
        color: #abaaaa;
    }

    #bottom-content ul.block-grid-nomargin li {
        margin-top: 15px;
        margin-bottom: 30px;
        padding: 12px 15px 0px 15px;
    }

        #bottom-content ul.block-grid-nomargin li p {
            margin-bottom: 5px;
        }

    #bottom-content a.raquo i {
        font-size: 7px;
        margin-left: 3px;
    }

.bottom-fact h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #bebdbd !important;
}

.bottom-fact p {
    text-transform: uppercase;
}

.with-border {
    border-right: 1px solid #d5d5d5;
}

ul.icon-fact {
    width: 87%;
    margin: 0px 0px 10px 15px;
    padding: 0px;
    list-style-type: none;
    float: left;
}

    ul.icon-fact li {
        width: 28px;
        height: 0px;
        margin: 0px 3px 24px 3px !important;
        display: inline-block;
        float: left;
    }

        ul.icon-fact li i {
            font-size: 28px;
            color: #c5c5c5;
            position: relative;
            top: -3px;
            left: -14px;
            line-height: 0px;
        }

            ul.icon-fact li i.icon-plus {
                font-size: 16px;
                position: relative;
                top: -9px;
                left: -12px;
            }
/***** Footer Styling *****/
footer {
    width: 100%;
    background-color: #dedede;
    margin: 0 auto;
    padding: 36px 0px 21px 0px;
}

    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
        color: #073E5A;
        font-weight: bold;
    }

    footer p {
        font-size: 11px;
        line-height: 18px;
        color: #85929e;
    }

#footer {
    margin: 10px auto 0px auto;
}

.footer-logo {
    margin-bottom: 4px;
}

.footer-logo {
    width: auto;
    height: auto;
}

.overlay-login {
    position: fixed;
    z-index: 999999999999999;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(47, 48, 58,.97);
    padding-top: 65px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: top ease-in-out .5s, opacity ease-in-out .8s;
    -o-transition: top ease-in-out .5s, opacity ease-in-out .8s;
    transition: top ease-in-out .5s, opacity ease-in-out .8s;
    -moz-transition: top ease-in-out .5s, opacity ease-in-out .8s;
}

    .overlay-login.visible {
        top: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.big-heading {
    font-size: 32px;
}

.overlay-login .inner-section {
    position: relative;
    padding: 10px 35px;
}

.overlay-login .close-login {
    position: absolute;
    top: -40px;
    right: 35px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    padding: 11px 0;
    background: #70869a;
    cursor: pointer;
}

form.login-form {
    margin: 40px 0 10px;
}

    form.login-form p {
        padding: 10px 0;
        margin: 0;
    }

.btn-line.btn-success {
    border: 1px solid #81b9c3;
    background: 0 0;
    padding-top: 9px;
    padding-bottom: 9px;
}

    .btn-line.btn-success:hover {
        border-color: transparent;
        background: #41c3ac !important;
    }

.overlay-login .my-form-control, .page-full .my-form-control {
    -webkit-transition: border-color ease-in-out .15s, background ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, background ease-in-out .15s;
    transition: border-color ease-in-out .15s, background ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, background ease-in-out .15s;
}

    .overlay-login .my-form-control:focus, .page-full .my-form-control:focus {
        border-color: #40607c !important;
        background: #2e4c66;
        color: #fff;
    }

.button-paddings {
    padding-top: 40px !important;
}


ul.cekince {
    border-bottom: 1px solid #415971;
    margin-top: 1px;
    padding-bottom: 13px;
}

    ul.cekince li {
        font-size: 11px;
        color: #85929e;
        display: inline-block;
        margin-right: 25px;
    }

        ul.cekince li.phone:before {
            font-family: 'WebHostingHub-Glyphs';
            background: none;
            width: auto;
            height: auto;
            font-style: normal;
            color: #61758a;
            content: '\f15b';
            font-size: 14px;
            margin-right: 6px;
            position: relative;
            top: 3px;
        }

        ul.cekince li.email:before {
            font-family: 'WebHostingHub-Glyphs';
            background: none;
            width: auto;
            height: auto;
            font-style: normal;
            color: #61758a;
            content: '\f028';
            font-size: 14px;
            margin-right: 6px;
            position: relative;
            top: 4px;
        }

ul.footer-link {
    margin-top: -5px;
}

    ul.footer-link li {
        padding-right: 10px;
        font-size: 11px;
        color: #85929e;
        display: inline-block;
    }

        ul.footer-link li:after {
            font-size: 12px;
            color: #85929e;
            content: "\7C";
            margin-left: 14px;
            top: -1px;
            position: relative;
        }

        ul.footer-link li:last-child:after {
            content: "";
            display: none;
        }

        ul.footer-link li a, ul.footer-link li a:visited, ul.cekince li a, ul.cekince li a:visited {
            color: #85929e;
            text-decoration: none;
        }
/***** Twitter *****/
.twitter-icon i {
    font-size: 60px;
    color: #c3c3c3;
}

ul#twitter {
    width: 90%;
    margin: -10px auto 0px auto;
    list-style: none;
    text-align: center;
}

#twitter li {
    margin: 0;
    padding: 0px 0px 26px 0px;
    font-family: 'Roboto', Helvetica, Arial;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    line-height: 30px;
    color: #abaaaa;
}

#twitter a {
    color: #1abc9c;
}

#twitter b a, #twitter b a:hover {
    display: none;
}
/***** Flickr *****/
ul#flck-thumb {
    margin: -18px -5px 10px -3px;
}

    ul#flck-thumb div.no-image {
        display: none;
    }

.thumbs {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .thumbs div {
        width: 87px;
        height: 87px;
        list-style: none;
        float: left;
        margin: 0px 7px 14px 7px;
    }

        .thumbs div a {
        }

        .thumbs div img {
            width: 100%;
            height: 100%;
            display: block;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 3px;
        }

        .thumbs div a img {
            border: none;
        }

#flickr-noscript {
    display: none;
}
/********** finnet *********/
/********** finnet *********/
/********** finnet *********/
/********** finnet *********/

.user ul {
    list-style: none;
    float: right;
    margin-bottom: 0px !important;
}

    .user ul li {
        float: right;
        margin-left: 5px;
        margin-top: 17px;
    }

#trial_section {
    background-color: #2f303a;
    margin-bottom: 10px;
}

    #trial_section h2 {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 5px !important;
    }

    #trial_section p {
        line-height: 16px;
        margin-bottom: 5px;
        color: #fff;
        font-size: 12px !important;
        display: table;
    }

    #trial_section .animated-column a.button {
        margin-top: 5px;
    }

    #trial_section .column {
        margin-bottom: 5px !important;
        margin-top: 5px;
    }

    #trial_section .row .four {
        width: 33%;
    }

    #trial_section .animated-column:hover {
        cursor: default;
    }

.content-wrapper #yorum {
    height: 1050px;
    background-color: #666;
    float: right;
    display: none;
}

#slider_column {
    margin-bottom: 10px !important;
}

.banner {
    margin-bottom: 10px;
}
/*#slider_column .banner_2 {
	padding-top:15px;
}*/
#slider_column .banner_2 img {
    margin-top: 5px;
    width: 100% !important;
    height: auto;
}

.row table {
    width: 100% !important;
    font-size: 12px;
}


/*Aana sayfa grafik yükseklik*/

#tabs_sec_1 .tab_container {
    padding: 15px !important;
}

#tabs_sec_1 .tab_content {
    padding: 0px !important;
}
/******kapanış tablosu start*******/
#kapanis_ozet .row .two {
    padding: 0px !important;
    width: auto !important;
    padding-left: 5px !important;
    margin-bottom: 0px !important;
    border-right: 1px solid #ccc !important;
}

.note-folded:before {
    display: none !important;
}

#kapanis_ozet h1 {
    line-height: 22px;
    float: left;
}

#canli_borsa {
    float: right;
}

    #canli_borsa img {
        float: left;
    }

#kapanis_ozet .row {
    margin-left: 0px !important;
    width: 100% !important;
    background-color: #FFF;
    border: 1px solid #CCC;
}

    #kapanis_ozet .row .two .endeks {
        white-space: nowrap;
        font-weight: bold;
    }

    #kapanis_ozet .row .two.column .table-grey tbody tr .alis, #kapanis_ozet .row .two.column .table-grey tbody tr .satis, #kapanis_ozet .row .two.column .table-grey tbody tr .puan {
        font-size: 11px !important;
        border-bottom: 0px !important;
    }

    #kapanis_ozet .row .two.column .table-grey tbody tr .degisim {
        border-bottom: 0px !important;
    }

    #kapanis_ozet .row .two img {
        max-width: inherit !important;
    }

    #kapanis_ozet .row .two table td {
        padding: 5px 5px !important;
        background-color: transparent;
        border: 0px !important;
    }

    #kapanis_ozet .row .two table {
        margin: 0px !important;
    }

.table_cover {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

table {
    border: 1px solid #CCC !important;
}




/* piyasa_veri TAB **********************************************************************************************/
#piyasa_veri .left {
    width: auto;
    float: left;
}

#piyasa_veri #tabs_sec_1 {
    height: 302px;
}
/*Kapanış değerleri düşüşteyse kullanılır.Başlangıç*/
#piyasa_veri .deger_arrow {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    float: left;
    background: transparent url(../images/red_arow_25x25.png) no-repeat;
}

#piyasa_veri .left.low span {
    color: #b7293d;
    font-size: 25px;
    font-weight: bold;
}
/*Kapanış değerleri düşüşteyse kullanılır.Bitiş*/

/*Kapanış değerleri yükselişteyse kullanılır.Başlangıç*/
#piyasa_veri .deger_arrow_high {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    float: left;
    background: transparent url(../images/green_arow_25x25.png) no-repeat;
}

#piyasa_veri .left.high span {
    color: #289f39;
    font-size: 25px;
    font-weight: bold;
}
/*Kapanış değerleri yükselişteyse kullanılır.Bitiş*/

/*Kapanış değerleri önceki değeriyle aynıysa kullanılır.Başlangıç*/
#piyasa_veri .deger_arrow_equal {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    float: left;
    background: transparent url('../images/esittir_25x25.png') no-repeat;
}

#piyasa_veri .left.equal span {
    color: #ff4e00;
    font-size: 25px;
    font-weight: bold;
}
/*Kapanış değerleri önceki değeriyle aynıysa kullanılır.Bitiş*/


#piyasa_veri .right {
    float: left;
    width: 120px;
    margin-left: 10px;
    border-left: 1px solid #CCC;
    padding-left: 10px;
}

    #piyasa_veri .right .degisim, #piyasa_veri .right .hacim, #piyasa_veri .right .yuksek, #piyasa_veri .right .dusuk {
        font-size: 11px;
        color: #d83c3c;
        float: left;
        font-weight: bold;
        height: 15px;
        line-height: 15px;
        margin-right: 10px;
    }

    #piyasa_veri .right small {
        font-size: 11px;
        color: #666;
        font-weight: bold;
    }

#piyasa_veri .button.green {
    width: 100% !important;
    text-align: center;
}

    #piyasa_veri .button.green:hover {
        background-color: #2f303a;
    }


/* piyasa_veri TAB **********************************************************************************************/
.endeks table td img {
    width: 14px;
    height: 10px;
    max-width: none !important;
}



.finnet_table caption {
    position: relative;
    padding: 6px 13px;
    color: #fff;
    background: #01B060;
    -webkit-border-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
}

    .finnet_table caption h1, #borsada_bugun .note-folded h1, #seans_istatistik h1 {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

#slideshow-container #piyasa_veri {
    margin-bottom: 9px !important;
}

#borsada_bugun {
    margin: 0px 0px 12px 1px;
    border-top: none;
    clear: both;
    background: #fff;
    border: solid 1px #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    float: left;
}

    #borsada_bugun table td {
        padding: 4px 6px !important;
    }

    #borsada_bugun .endeks {
        margin-top: 10px !important;
    }

    #borsada_bugun table {
        margin-bottom: 0px !important;
    }


#seans_istatistik {
    width: 100%;
    margin: 0px 0px 12px 1px;
    border-top: none;
    clear: both;
    background: #fff;
    border: solid 1px #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    float: left;
}

#gunun_yorumu {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 18px;
    text-align: left;
}

#kapanis_graph {
    padding-top: 10px;
}
/******kapanış tablosu end*******/

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

/******canlı veri start*******/

/* Checkbox switch */

.checkbox-switch {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 88px;
    height: 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 13px;
    font-size: 13px;
    border: 1px solid #95a5a6;
    float: left;
}

    .checkbox-switch input.input-checkbox {
        position: absolute;
        left: 0;
        top: 0;
        width: 88px;
        height: 30px;
        padding: 0;
        margin: 0;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
    }

    .checkbox-switch .checkbox-animate {
        position: relative;
        width: 88px;
        height: 40px;
        /*background-color: #95a5a6;*/
        -webkit-transition: background 0.25s ease-out 0s;
        transition: background 0.25s ease-out 0s;
    }

        .checkbox-switch .checkbox-animate:before {
            content: "";
            display: block;
            position: absolute;
            width: 28px;
            height: 28px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            background-color: #7f8c8d;
            top: 5px;
            left: 5px;
            -webkit-transition: left 0.3s ease-out 0s;
            transition: left 0.3s ease-out 0s;
            z-index: 10;
        }

    .checkbox-switch input.input-checkbox:checked + .checkbox-animate {
        /*background-color: #2ecc71;*/
    }

        .checkbox-switch input.input-checkbox:checked + .checkbox-animate:before {
            left: 55px;
            background-color: #27ae60;
        }

    .checkbox-switch .checkbox-off,
    .checkbox-switch .checkbox-on {
        float: left;
        color: #808080;
        padding-top: 6px;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .checkbox-switch .checkbox-off {
        margin-left: 42px;
        opacity: 1;
    }

    .checkbox-switch .checkbox-on {
        display: none;
        float: right;
        margin-right: 35px;
        opacity: 0;
        margin-left: 5px;
    }

    .checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off {
        display: none;
        opacity: 0;
    }

    .checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on {
        display: block;
        opacity: 1;
    }



#topOfTable #tblEndeksAnlikVeri_filter input {
    height: 40px;
}

#tblHisseAnlikVeri_filter {
    padding-right: 0px !important;
}

    #tblHisseAnlikVeri_filter input {
        height: 40px;
        width: 100% !important;
    }

    #tblHisseAnlikVeri_filter label {
        height: 40px;
        width: 100% !important;
        display: block !important;
    }


#tblEndeksAnlikVeri_filter {
    padding-right: 0px !important;
}

    #tblEndeksAnlikVeri_filter input {
        height: 40px;
        width: 100% !important;
    }

    #tblEndeksAnlikVeri_filter label {
        height: 40px;
        width: 100% !important;
        display: block !important;
    }



#tblAnlikVeri_filter {
    padding-right: 0px !important;
    float: right;
}

    #tblAnlikVeri_filter input {
        height: 40px;
        width: 100% !important;
    }

    #tblAnlikVeri_filter label {
        height: 40px;
        width: 100% !important;
        display: block !important;
    }

.anlik_veri_secim .left_sec {
    margin-left: 0px;
    padding-left: 0px !important;
    float: left;
    display: flex;
}

.anlik_veri_secim .right_sec {
    margin-right: 0px;
    padding-right: 0px !important;
    float: right;
}


.anlik_veri_secim {
    margin-top: 15px;
}

.artan_azalan {
    margin-bottom: 5px;
}

.endeks_sec, .artan_azalan {
    height: 40px;
}

.endeks_1_cover {
    background-color: #444444;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    height: 45px;
    float: left;
    padding-left: 0px !important;
}

.endeks_2_cover {
    background-color: #444444;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    height: 45px;
    float: right !important;
    padding-left: 0px !important;
}

.endeks_3_cover {
    background-color: #444444;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    height: 45px;
    float: right !important;
    padding-left: 0px !important;
}


#lblEndeksAd1, #lblEndeksAd2, #lblEndeksAd3 {
    padding: 10px;
    float: left;
}

.canli_veri_arrow {
    float: left;
}

#lblEndeksKapanis1 {
    float: left;
    font-size: 32px;
    line-height: 30px;
    margin-right: 5px;
}

.endeks_kapanis_cover {
    float: left;
    border-right: 1px solid #808080;
    margin: 0px 5px;
    padding: 0px 5px;
}

#lblEndeksFark {
    float: left;
}

#lblEndeksYFark {
    float: left;
}

.guncelleme {
    float: left;
    width: 100%;
    line-height: 9px;
}

#lblEndeksGuncellemeTarih {
    float: left;
}

.guncelleme .etiket {
    float: left;
    margin-right: 10px;
}

.netDegisimEtiket {
    float: left;
    margin-right: 5px;
}

.yuzdeDegisimEtiket {
    float: left;
    margin-right: 13px;
}

.hacimtl_cover {
    float: left;
    border-right: 1px solid #808080;
    margin: 0px 5px;
    padding: 0px 5px;
}

.hacimadet_cover {
    float: left;
    border-right: 1px solid #808080;
    margin: 0px 5px;
    padding: 0px 5px;
}

#div_endeks1 {
    float: left;
}

#lblEndeksKapanis2, #lblEndeksKapanis3 {
    float: left;
    padding: 10px;
    border-left: 1px solid #fff;
}

#div_endeks2, #div_endeks3 {
    margin-left: 15px;
}
/******canlı veri end*******/




@media only screen and (max-width: 1010px) {
    .eski-giris {
        display: none;
    }

    #Homebody_reklam {
        display: none;
    }

    .hata_kod {
        margin-bottom: -60px;
    }

    #tabs_sec_2 .tabs {
        height: auto;
    }

    #tabs_sec_2 ul li {
        min-height: 44px;
        width: 100%;
    }

    #tabs_sec_3 .tabs {
        height: auto;
    }

    #tabs_sec_3 ul li {
        min-height: 44px;
        width: 100%;
    }
}

@media only screen and (max-width: 910px) {

    #linkContainer .col-sm-4 {
        width: 30%;
    }

    .help-button {
        float: right;
        POSITION: ABSOLUTE;
        RIGHT: 8PX;
    }

    .right_sec, .left_sec {
        float: none !important;
        margin-left: 0px;
        padding-left: 0px !important;
    }

    #borsada_bugun {
        height: auto;
    }

    .haber_content .baslik {
        font-weight: bold;
        text-align: left !important;
        margin-top: 20px;
        padding-top: 12px;
        border-top: 1px solid #fff;
    }

    #kapanis_ozet .row .two table {
        width: auto !important;
        float: left !important;
    }

    #piyasa_veri {
        width: 100% !important;
    }

    .special-heading {
        padding: 18px !important;
    }

    #slideshow-container .vertical_menu {
        width: 100% !important;
        display: inline-block;
        margin-bottom: 5px !important;
    }

    .content-wrapper #yorum {
        float: none;
    }

    #slider_column .banner_2 {
        margin-top: 5px;
        text-align: center;
    }

    #slider_column {
        width: 100%;
    }

    .finnet_table .column {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .wrapper .canli_veri_btn {
        display: none !important;
    }
    #hisse_ara_layout .dropdown-menu.open {
        width: 100%;
    }

    #hisse_ara .dropdown-menu.open {
        width: 100%;
    }

    #btnTabloAyarKayetSag, #btnTabloAyarKayetSol {
        width: 100% !important;
        margin-bottom: 5px;
        float: none
    }

    .reklam_cover {
        display: none !important;
    }

    .canli_borsa_link {
        display: none;
    }

    #seans_istatistik, tabs_sec_2, tabs_sec_3, ul.tabs {
        float: none;
        display: inline-block;
        width: 100%;
        line-height: normal;
    }

    #linkContainer .col-sm-4 {
        width: 46%;
        float: left;
    }

    #btnEkle, #btnCikar {
        margin-bottom: 5px;
        margin-top: 5px !important;
    }

    .anlik_veri_secim br {
        display: none;
    }

    #btnKayet {
        margin-top: 0px !important;
        background-color: #01B061 !important;
        color: #fff !important;
    }

    .HaberMenu {
        height: auto;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #Haber-navbar {
        padding-bottom: 0px;
    }

    .HaberMenu li {
        float: none;
    }

    .HaberAnaSayfaIcerik .col-xs-12 {
        width: 50%;
    }

    #tblEndeksAnlikVeri_filter {
        padding-left: 0px !important;
    }

    .anlik_veri_secim .left_sec {
        margin-left: 0px;
        padding-left: 0px !important;
        float: none;
    }

    #tblAnlikVeri_filter {
        padding-right: 0px !important;
        float: none;
    }

    #div_endeks2, #div_endeks3 {
        display: none;
    }

    .indicator_input .btn-group .multiselect-container {
        width: 100%;
    }

    .haberSecimleri_baslik .table-selcet p {
        width: 100% !important;
    }

    .haberSecimleri_baslik {
        display: inline-block;
    }



    .row {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mainpagerow {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #showInputsButton {
        display: block !important;
    }

    .indikator button {
        width: 100%;
    }

    .delete {
    }

    #kapanis_ozet .row .two table {
        width: auto !important;
        float: left !important;
        display: inline !important;
    }

    .btnCalculate {
        float: right !important;
        margin: 15px 0px 0px 15px !important;
    }

    #kapanis_ozet .row .column {
        display: inline-block !important;
    }

    #trial_section .four {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100% !important;
    }


    #footer {
        text-align: center;
    }

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

    .register_btn .btn-success {
        background: #70869A !important;
    }

    .login-div {
        margin-top: 15px;
    }

    .sublayout .col-md-6, .sublayout .col-md-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .button-space {
        margin-top: 15px !important;
        float: right;
    }

    .radio {
        margin: 0 !important;
    }

    #hisse_ara_layout {
        padding: 0px !important;
        margin-top: 5px;
    }

    .col-para-birimi {
        width: 100% !important;
    }
}

@media only screen and (max-width: 550px) {
    #hisse_ara_layout .dropdown-menu.open {
        width: 310px !important;
    }

    #hisse_ara .dropdown-menu.open {
        width: 300px !important;
    }

    #piyasa_veri {
        padding: 0px !important;
    }
    /*kampanya modal başlangıç*/
    #kampanyaModal .modal-dialog, #kampanyaModal .modal-dialog h1, #kampanyaModal .modal-dialog h2, #kampanyaModal .modal-dialog h3, #kampanyaModal .modal-dialog h4, #kampanyaModal .modal-dialog div {
        font-size: 20px !important;
    }

    #kampanyaModal .modal-dialog {
        top: 1% !important;
    }

        #kampanyaModal .modal-dialog img {
            max-height: 250px !important;
            max-width: 250px !important;
        }

    /*kampanya modal bitiş*/

    .HaberAnaSayfaIcerik .col-xs-12 {
        width: 100%;
    }

    .reklam_bottom_3 div, .responsiveReklam_cover div {
        width: 100% !important;
        display: none;
    }
}

@media only screen and (max-width: 500px) {


    .wrapper .canli_veri_btn {
        display: none !important;
    }

    .show-menu .canli_veri_btn {
        margin-right: 0px;
        background: #0071C1;
        width: 100%;
        display: inherit;
    }

        .show-menu .canli_veri_btn:hover {
            background: #0071C1 !important;
            width: 100%;
        }













    #nav-menu-button.show-menu {
        right: 250px;
    }

    #nav-menu {
        right: -250px;
        width: 250px;
    }

    .big-heading {
        font-size: 28px;
    }

    .no_touch {
        display: inherit !important;
        position: absolute;
        z-index: 9999;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 479px) {

    #canli_borsa {
        float: left;
    }

    .endeks_uyari h4, .hisse_uyari h4 {
        margin-left: 20px;
        text-align: center !important;
        float: none !important;
        line-height: normal !important;
    }

    .endeks_uyari img, .hisse_uyari img {
        margin-left: auto;
        margin-right: auto;
        width: 150px !important;
        height: 150px !important;
        float: none !important;
        text-align: center !important;
    }

    #piyasa_veri ul.tabs li {
        width: 25% !important;
    }
}

@media only screen and (max-width:380px) {
    #div_buttons {
        padding-bottom: 40px;
    }
}


/*********************** sub-menu finish **************************/
/*Media css start*/
@media (min-width:1025px) {
    #nav-menu ul.main li:focus ul.submain, #nav-menu ul.main li:hover ul.submain {
        display: block;
        height: auto;
        filter: alpha(opacity=100);
        opacity: 1;
        top: 55px;
        overflow: visible;
    }

    .submain li a {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    #nav-menu ul.main ul.submain li:focus ul.subsubmain, #nav-menu ul.main ul.submain li:hover ul.subsubmain {
        opacity: 1;
        left: 100%;
        top: 0;
        display: block;
    }



    #nav-sub-menu ul.main li:focus ul.submain, #nav-sub-menu ul.main li:hover ul.submain {
        display: block;
        height: auto;
        filter: alpha(opacity=100);
        opacity: 1;
        top: 55px;
        overflow: visible;
    }

    #nav-sub-menu ul.main ul.submain li:focus ul.subsubmain, #nav-sub-menu ul.main ul.submain li:hover ul.subsubmain {
        opacity: 1;
        left: 100%;
        top: 0;
        display: block;
    }

    #nav-sub-menu ul.main ul.submain li ul.subsubmain li:focus ul.subsubsubmain, #nav-sub-menu ul.main ul.submain li ul.subsubmain li:hover ul.subsubsubmain {
        opacity: 1;
        left: 0;
        top: 0;
        display: block;
    }
}

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


    .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media (max-width:1024px) {
    header .container-fluid #hisse_ara_layout {
        margin: 3px 3%;
        position: relative;
        top: 0px;
        float: right;
        width: 32%;
    }
    .language-menu {
        display: block !important;
    }

        .language-menu .language-link_mobile {
            display: block !important;
            width: 50% !important;
            float: right !important;
            padding-left: 5px;
        }

        .language-menu .language-link_mobile {
            padding: 13px 10px 12px 15px !important;
        }

        .language-menu .canli_veri_btn {
            display: block !important;
            width: 50% !important;
            float: right !important;
            margin: 0px !important;
        }

    .language-link {
        display: none;
    }


    #body_reklam {
        display: none;
    }

    #nav-menu ul.main {
        line-height: 23px !important;
    }

    .canli_veri_btn a {
        padding: 0px !important;
        width: 100%;
    }

        .canli_veri_btn a:hover {
            background: #0071C1 !important;
        }

    .modal-dialog {
        top: 5% !important;
        margin: 5px auto !important;
    }

    .hideOnPhone {
        display: none !important;
    }


    .teknikAnalizFullScreen .row {
        padding: 0px !important;
        margin: 0px !important;
    }

    header .container-fluid #hisse_ara_layout {
        top: 70px;
        position: absolute;
        margin-left: 5px !important;
        width: 60%;
    }

    #nav_container {
        background-color: #01b060;
        height: 67px;
    }

    .show-on-mobile {
        display: block !important;
        margin-top: 6px;
    }

    ul.menu-icon li a .user-icon {
        top: 7px;
    }

    .show-menu .glyphicon-menu-hamburger {
        display: none;
    }

    .finnet_sub_menu {
        position: static;
        margin-top: 2px;
    }


    #nav-sub-menu-button {
        display: block !important;
        position: absolute;
        width: 46px;
        height: 46px;
        background: #ffffff;
        border: 1px solid #01b060;
        right: 67px;
        left: auto;
        top: -72px;
        text-align: center;
        color: #2f303a;
        cursor: pointer;
        z-index: 999;
        padding-top: 3px;
        font-size: 28px;
        -webkit-transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
        transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
    }

    .show-sub-menu {
        background: #01b060 !important;
        color: #fff !important;
    }

        .show-sub-menu a {
            color: #fff !important;
        }

            .show-sub-menu a:hover {
                background: #28B274 !important;
            }

    #nav-sub-menu ul.main li ul.submain li a {
        padding-right: 10px;
    }

    #nav-sub-menu-button.show-sub-menu {
        top: 78px !important;
        right: 300px;
        border-color: #fff;
        position: fixed;
    }

    #nav-sub-menu-button .glyphicon-remove {
        display: none;
    }

    .show-sub-menu .glyphicon-object-align-bottom:before {
        display: none;
    }

    .show-sub-menu .glyphicon-remove {
        display: inline-block !important;
        top: 5px;
        left: -3px;
    }

    #nav-sub-menu {
        position: fixed;
        right: -300px;
        top: 0;
        bottom: 0;
        left: auto;
        height: auto;
        border-radius: 0;
        width: 300px;
        overflow-y: auto;
        background: #01b060;
        color: #fff !important;
        -webkit-transition: right ease-in-out .3s;
        transition: right ease-in-out .3s;
    }

        #nav-sub-menu a {
            color: #ffffff !important;
        }

        #nav-sub-menu.show-sub-menu {
            right: 0;
            background: #2f303a !important;
            -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
        }

        #nav-sub-menu ul.main li {
            position: relative;
            display: block;
            height: auto;
            float: none;
            width: 100%;
        }

            #nav-sub-menu ul.main li:focus, #nav-sub-menu ul.main li:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: #17865D;
            }

                #nav-sub-menu ul.main li:focus ul.submain li, #nav-sub-menu ul.main li:hover ul.submain li:hover {
                    background: #4A97E2;
                }

                #nav-sub-menu ul.main li:focus ul.submain, #nav-sub-menu ul.main li:hover ul.submain {
                    top: 0;
                }

        #nav-sub-menu ul.main ul.submain {
            position: relative;
            top: 0;
            width: 100%;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

            #nav-sub-menu ul.main ul.submain ul.subsubmain {
                position: relative;
                left: 0;
                width: 100%;
                display: none;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }




        #nav-sub-menu ul.main li ul.submain li {
            width: 100%;
            display: block;
            position: relative;
        }

        #nav-sub-menu ul.main li ul.subsubmain li a {
            padding-left: 35px;
        }

        #nav-sub-menu ul.main li ul.subsubmain li ul.subsubsubmain li a {
            padding-left: 70px;
        }

        #nav-sub-menu ul.main li a {
            text-align: left;
            padding: 15px;
        }

        #nav-sub-menu ul.main li:first-child, #nav-sub-menu ul.main li:first-child a, #nav-sub-menu ul.main li:last-child, #nav-sub-menu ul.main li:last-child a {
            border-radius: 0;
        }

        #nav-sub-menu ul.main li a.active {
            background: #17865D !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        #nav-sub-menu ul.main li ul.submain li a.active {
            background: #28B274 !important;
        }

    .home-icon span {
        display: inline-block !important;
    }

    #nav-sub-menu ul.main ul.submain ul.subsubmain ul.subsubsubmain {
        position: relative;
        left: 0 !important;
        width: 100%;
        display: none;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }



    .kurumsal {
        top: 51px !important;
    }

    header {
        position: static !important;
        /*background: url(../images/header_bg.png) repeat-x;*/
        background-color: #2f303a;
        text-align: center;
        padding-bottom: 0px !important;
    }

        header .logo {
            position: relative;
            padding-left: 5px;
        }

    .menu-icon img {
        max-width: 78px;
        height: 37px;
        border: 1px solid #fff;
    }


    #selection_tools {
        padding: 10px 0 15px 0px;
        margin: 15px 0 15px 0;
        border-radius: 0px;
    }

    div.modal {
        top: 0px !important;
    }

    /* nav menu start mobile start */

    #nav-menu-button {
        display: block !important;
        position: absolute;
        width: 46px;
        height: 46px;
        background: #ffffff;
        border: 1px solid #01b060;
        right: 15px;
        left: auto;
        top: 78px;
        text-align: center;
        color: #01b060;
        cursor: pointer;
        z-index: 999;
        padding-top: 3px;
        font-size: 28px;
        -webkit-transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
        transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
    }

    .show-menu {
        background: #01b060 !important;
        color: #fff !important;
    }

        .show-menu a {
            color: #fff !important;
        }

            .show-menu a:hover {
                background: #28B274;
            }

    #nav-menu ul.main li ul.submain li a {
        padding-right: 10px;
    }

    #nav-menu-button.show-menu {
        top: 78px;
        right: 300px;
        border-color: #fff;
        position: fixed;
    }

    #nav-menu-button .glyphicon-remove {
        display: none;
    }

    .show-menu .glyphicon-object-align-bottom:before {
        display: none;
    }

    .show-menu .glyphicon-remove {
        display: inline-block !important;
        top: 5px;
    }

    #nav-menu {
        position: fixed;
        right: -300px;
        top: 0;
        bottom: 0;
        left: auto;
        height: auto;
        border-radius: 0;
        width: 300px;
        overflow-y: auto;
        background: #01b060;
        color: #fff !important;
        -webkit-transition: right ease-in-out .3s;
        transition: right ease-in-out .3s;
    }

        #nav-menu a {
            color: #ffffff !important;
        }

        #nav-menu.show-menu {
            right: 0;
            background: #01b060 !important;
            -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
        }

        #nav-menu ul.main li {
            position: relative;
            display: block;
            height: auto;
            float: none;
            width: 100%;
        }

            #nav-menu ul.main li:focus, #nav-menu ul.main li:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: #17865D;
            }

                #nav-menu ul.main li:focus ul.submain li, #nav-menu ul.main li:hover ul.submain li:hover {
                    background: #4A97E2;
                }

            #nav-menu ul.main li a.active {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: #17865D;
            }

            #nav-menu ul.main li ul.submain li a.active {
                background: #28B274 !important;
            }

            #nav-menu ul.main li:focus ul.submain, #nav-menu ul.main li:hover ul.submain {
                top: 0;
            }

        #nav-menu ul.main ul.submain {
            display: none; /*****/
            position: relative;
            top: 0;
            width: 100%;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

            #nav-menu ul.main ul.submain ul.subsubmain {
                position: relative;
                left: 0;
                width: 100%;
                display: none;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }


        #nav-menu ul.main li ul.submain li {
            width: 100%;
            display: block;
            position: relative;
        }

        #nav-menu ul.main li ul.subsubmain li a {
            padding-left: 35px;
        }

        #nav-menu ul.main li a {
            text-align: left;
            padding: 15px 10px 15px 15px;
        }

        #nav-menu ul.main li:first-child, #nav-menu ul.main li:first-child a, #nav-menu ul.main li:last-child, #nav-menu ul.main li:last-child a {
            border-radius: 0;
        }

    /* nav menu mobile end */

    .wrapper {
        width: 100%;
    }

    .content-wrapper {
        width: 100%;
    }

    .location {
        margin-right: 0px;
        margin-top: 0px;
    }

    .modal-wrapper {
        padding-top: 0px !important;
    }

    .inner-section {
        padding: 10px 0 !important;
    }

    .general-comment {
        padding: 0px 15px 5px 15px;
        margin-bottom: -15px;
    }

    .navigation {
        margin: 15px 0px !important;
    }

    .sublayout .navigation {
        margin-bottom: 15px !important;
    }

    .content-space {
        margin-bottom: 10px !important;
    }
}
/*Media css end*/
/*=========================== tab content start ===========================*/
#hisse_ara {
    padding: 15px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    margin-bottom: 10px;
}

    #hisse_ara .dropdown-menu {
        overflow-x: auto;
    }

#drp_hisse {
    width: 73%;
    border-radius: 0 0 0 3px;
    height: 40px;
    float: left;
    position: relative;
}

    #drp_hisse button {
        border-radius: 3px 0 0 3px;
        height: 40px;
    }

        #drp_hisse button span {
            font-size: 12.5px;
        }

    #drp_hisse .icon-ok {
        background-position: -288px -2px;
    }

    #drp_hisse .dropdown {
        position: static;
    }

multiselect#drp_hisse .dropdown-menu > li > a {
    padding: 3px 9px;
    font-size: 12px;
}

#hisse_ara input.search {
    height: 40px;
    padding: 10px;
    font: bold 15px;
    border: 0;
    background: #ffffff;
    border-radius: 3px 0 0 3px;
    margin-bottom: 7px !important;
}

#hisseSearch {
    position: relative;
    float: left;
    width: 67%;
}

    #hisseSearch .dropdown-menu {
        height: auto;
        width: 100%;
        max-height: 299px;
        overflow-y: auto;
        font-size: 12px;
        z-index: 9999999;
    }

#hisse_ara button.searchbutton {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 27%;
    font: bold 15px/40px;
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 0 0;
    text-shadow: 0 -1px 0 rgba(0, 0,0, .3);
    margin: 0px !important;
    font-size: 12px;
}

    #hisse_ara button.searchbutton:hover {
        background: #F55757;
    }

.tab_content table {
    margin-bottom: 0px !important;
}


#hisse_ara button.btn.dropdown-toggle.bs-placeholder.btn-default {
    height: 40px !important;
    padding: 10px;
    border: none;
    border-radius: 0px;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
}

#hisse_ara .bootstrap-select {
    font: bold 15px !important;
    font: bold 15px;
    border: 0;
    background: #ffffff;
    border-radius: 3px 0 0 3px;
    margin: 0;
    height: 40px;
    width: 73% !important;
}

    #hisse_ara .bootstrap-select button.btn.dropdown-toggle.btn-default {
        height: 40px;
    }

#hisse_ara_layout .bootstrap-select {
    width: 73%;
    height: 40px;
}

select#slc_AramaSonuc {
    width: 73%;
    height: 40px;
}

select#slc_Arama {
    width: 73%;
    height: 40px;
}

#hisse_ara_layout button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    font: bold 15px/40px;
    color: #2f303a;
    border-radius: 0;
    margin: 0px !important;
    font-size: 12px;
    display: block;
}

#hisse_ara_layout .dropdown-menu.open {
    z-index: 999999 !important;
}
/*#hisse_ara_layout input {
		height: 40px;
		padding: 10px;
		font: bold 15px !important;
		font: bold 15px;
		border: 0;
		background: #ffffff;
		border-radius: 3px 0 0 3px;
		margin: 0;
	}*/
/***** Flat Icons *****/
.iletisim_radius {
    width: 65px;
    height: 65px;
    background: url(../images/icons/iletisim_radius.png) no-repeat;
    float: left;
}

.reklam_radius {
    width: 65px;
    height: 65px;
    background: url(../images/icons/reklam.png) no-repeat;
    float: left;
}

.uye_ol_radius {
    width: 65px;
    height: 65px;
    background: url(../images/icons/uye_ol_radius.png) no-repeat;
    float: left;
}

.satin_al_radius {
    width: 65px;
    height: 65px;
    background: url(../images/icons/satin_al_radius.png) no-repeat;
    float: left;
}


/****/

.input-group table {
    margin: 0 !important;
}

    .input-group table td {
        padding: 0 !important;
    }

    .input-group table th {
        padding: 0 !important;
    }

/***** Fancybox Styling *****/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit- border-radius: 3px -moz- border-radius: 3px border-radius: 3px;
}

.fancybox-type-iframe .fancybox-skin {
    padding: 0;
    background: transparent;
}

.fancybox-opened {
    z-index: 8030;
    z-index: 9999999999;
}



.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
    font-size: 14px;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('../images/loading_lightbox.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../images/blank.html'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, 0.6);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999999;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/***** Fancybox Styling Finish *****/


/*================== new style start =================================*/

.mybtn {
    color: #fff !important;
    background-color: #01B060 !important;
    margin-top: 10px;
}

    .mybtn:hover {
        background-color: #2fb8a0 !important;
    }

#back-top {
    color: #fff;
    background: #FF6B57;
    font-size: 18px;
    line-height: 100%;
    display: inline-block;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 10001;
}

    #back-top a, #back-top a:focus, #back-top a:hover {
        color: #fff;
        padding: 10px;
        display: block;
    }

#slideshow-container {
    padding-top: 15px;
}



.input-group {
    margin-bottom: 0px;
}

.label-text {
    display: block;
    margin-top: 4px;
    margin-bottom: 1px;
    color: #fff;
    font-size: 13px;
}

.btnhesapla {
    margin-top: 10px;
    margin-right: 0px;
}

/*.content-wrapper-ang {
	padding-bottom: 10px;
}*/


.btnCalculate {
    float: left;
}

.filterActive {
    background-color: #2fb8a0 !important;
}

.location {
    margin-right: -7px;
    margin-top: -10px;
}

.content-space {
    margin: 10px 0 0 0;
}

.note-folded h1 {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}


.active-chart-text {
    font-weight: 700;
    font-size: 11pt;
    color: darkslateblue;
}

#borsada_bugun table tbody tr {
    height: 34px;
}

#resultTableFinansalOran tbody td {
    white-space: nowrap;
}


/*********************** menu start **************************/

#nav-menu {
    position: relative;
    z-index: 99999;
    left: 0;
    right: 0;
    height: 55px;
    border-radius: 3px;
    top: 0;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: bold;
}

    #nav-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }




        #nav-menu ul.main li {
            text-align: center;
            color: #fff;
            text-decoration: none;
            position: relative;
            /*display: block;*/
            float: left;
        }

            #nav-menu ul.main li a {
                display: block;
                text-align: center;
                color: #fff;
                padding: 11px 8px;
                text-decoration: none;
                position: relative;
            }

            #nav-menu ul.main li:focus, #nav-menu ul.main li:hover {
                background: #15985C;
                -webkit-box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
                -moz-box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
                box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
            }


        #nav-menu ul.main ul.submain {
            top: 110px;
            filter: alpha(opacity=0);
            position: absolute;
            left: 0;
            width: 260px;
            float: none;
            display: none;
        }

            #nav-menu ul.main ul.submain ul.subsubmain {
                position: absolute;
                filter: alpha(opacity=0);
                left: 100%;
                top: 0;
                display: none;
                width: 260px;
            }


        #nav-menu ul.main li ul.submain li {
            width: 100%;
            display: block;
            position: relative;
            line-height: 19px;
        }

            #nav-menu ul.main li ul.submain li:hover, #nav-menu ul.main li ul.submain li:hover a {
                -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            }

            #nav-menu ul.main li ul.submain li a {
                text-align: left;
                padding-left: 15px;
                padding-right: 15px;
                font-weight: 700;
                background: rgba(21, 152, 92, 1);
                -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                border-bottom: 1px solid rgba(66, 161, 133, 1);
            }


        #nav-menu ul.main li a.active {
            background: #15985C;
            -webkit-box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
            -moz-box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
            box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
        }

        #nav-menu ul.main li ul.submain li a.active {
            -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            background: #01B060;
        }

        #nav-menu ul.main li ul.submain li:first-child a, #nav-menu ul.main li ul.submain li:last-child a, #nav-menu ul.main li:first-child ul.submain li a, #nav-menu ul.main li:last-child ul.submain li a {
            border-radius: 0;
        }

        #nav-menu ul.main li ul.submain li a:focus, #nav-menu ul.main li ul.submain li a:hover {
            -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            background: #01B060;
        }

        #nav-menu ul.main li.active a, #nav-menu ul.main li.active a:focus, #nav-menu ul.main li.active a:hover {
            background: #ff5b49;
            -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        }

#nav-menu-button {
    display: none;
}

#nav-menu .glyphicon-chevron-up, #nav-menu .glyphicon-chevron-down, #nav-menu .glyphicon-chevron-right {
    font-size: 11px;
}

.glyphicon-menu-hamburger {
    font-size: 24px;
    padding-top: 7px;
}

/*********************** menu finish **************************/

/*********************** sub-menu start **************************/

.finnet_sub_menu {
    background-color: #2f303a;
    z-index: 99999;
    position: relative;
    /*margin-top: 15px;*/
    border-radius: 3px;
}

#nav-sub-menu {
    z-index: 9999;
    left: 0;
    right: 0;
    height: 55px;
    border-radius: 3px;
    top: 0;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    border-bottom: 1px solid #5A5C6C;
}

    #nav-sub-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #nav-sub-menu ul.main {
            line-height: 175%;
        }

            #nav-sub-menu ul.main li {
                /*min-height: 55px;*/
                text-align: center;
                color: #fff;
                text-decoration: none;
                position: relative;
                display: block;
                float: left;
                background-image: url(../images/separator.png);
                background-repeat: no-repeat;
                background-position: center left;
            }

                #nav-sub-menu ul.main li a {
                    display: block;
                    min-height: 40px;
                    text-align: center;
                    color: #fff;
                    padding: 18px 16px;
                    text-decoration: none;
                    position: relative;
                    font-size: 14px;
                    font-weight: bold;
                }

.canliVeri_sub_menu #nav-sub-menu ul.main li a {
    padding: 17px 13px !important;
}

.canliVeri_sub_menu #nav-sub-menu .has-sub .submain a {
    padding: 12px 13px !important;
}

#nav-sub-menu ul.main li:focus, #nav-sub-menu ul.main li:hover {
    background: #15985C;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 1);
}



#nav-sub-menu ul.main ul.submain {
    top: 110px;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    width: 260px;
    float: none;
    display: none;
}

    #nav-sub-menu ul.main ul.submain ul.subsubmain {
        position: absolute;
        filter: alpha(opacity=0);
        left: 100%;
        top: 0;
        display: none;
        width: 260px;
    }


#nav-sub-menu ul.main li ul.submain li {
    width: 100%;
    display: block;
    position: relative;
    line-height: 16px;
}

    #nav-sub-menu ul.main li ul.submain li:hover, #nav-sub-menu ul.main li ul.submain li:hover a {
        -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
    }

    #nav-sub-menu ul.main li ul.submain li a {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 700;
        background: rgba(21, 152, 92, 1);
        -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        border-bottom: 1px solid rgba(66, 161, 133, 1);
    }

    #nav-sub-menu ul.main li ul.submain li:first-child a, #nav-sub-menu ul.main li ul.submain li:last-child a, #nav-sub-menu ul.main li:first-child ul.submain li a, #nav-sub-menu ul.main li:last-child ul.submain li a {
        border-radius: 0;
    }

    #nav-sub-menu ul.main li ul.submain li a:focus, #nav-sub-menu ul.main li ul.submain li a:hover {
        -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
        background: #01B060;
    }

#nav-sub-menu ul.main li a.active {
    background: #4C4C4C;
}

#nav-sub-menu ul.main li ul.submain li a.active {
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
    box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
    background: #01B060;
}

#nav-sub-menu ul.main li.active a, #nav-sub-menu ul.main li.active a:focus, #nav-sub-menu ul.main li.active a:hover {
    background: #ff5b49;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
    box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
}

#nav-sub-menu-button {
    display: none;
}

#nav-sub-menu ul.main ul.submain ul.subsubmain ul.subsubsubmain {
    position: absolute;
    filter: alpha(opacity=0);
    left: 100% !important;
    top: 0;
    display: none;
    width: 260px;
}

#nav-sub-menu .glyphicon-chevron-up, #nav-sub-menu .glyphicon-chevron-down, #nav-sub-menu .glyphicon-chevron-right {
    font-size: 11px;
}


/*********************** sub-menu finish **************************/

/*Media css start*/

@media (min-width:1025px) {
    #nav-menu ul.main li:focus ul.submain, #nav-menu ul.main li:hover ul.submain {
        display: block;
        height: auto;
        filter: alpha(opacity=100);
        opacity: 1;
        top: 55px;
        overflow: visible;
        ?;
    }

    ? #nav-menu ul.main ul.submain li:focus ul.subsubmain, #nav-menu ul.main ul.submain li:hover ul.subsubmain {
        opacity: 1;
        left: 100%;
        top: 0;
        display: block;
    }



    #nav-sub-menu ul.main li:focus ul.submain, #nav-sub-menu ul.main li:hover ul.submain {
        display: block;
        height: auto;
        filter: alpha(opacity=100);
        opacity: 1;
        top: 55px;
        overflow: visible;
    }

    #nav-sub-menu ul.main ul.submain li:focus ul.subsubmain, #nav-sub-menu ul.main ul.submain li:hover ul.subsubmain {
        opacity: 1;
        left: 100%;
        top: 0;
        display: block;
    }

    #nav-sub-menu ul.main ul.submain li ul.subsubmain li:focus ul.subsubsubmain, #nav-sub-menu ul.main ul.submain li ul.subsubmain li:hover ul.subsubsubmain {
        opacity: 1;
        left: 0;
        top: 0;
        display: block;
    }
}

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


    .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}



@media (max-width:1024px) {
    #body_reklam {
        display: none;
    }

    #nav-menu ul.main {
        line-height: 23px !important;
    }

    .canli_veri_btn a {
        padding: 0px !important;
        width: 100%;
    }

        .canli_veri_btn a:hover {
            background: #0071C1 !important;
        }

    .modal-dialog {
        top: 5% !important;
        margin: 5px auto !important;
    }

    .hideOnPhone {
        display: none !important;
    }

    .teknikAnalizFullScreen .row {
        padding: 0px !important;
        margin: 0px !important;
    }

    header .container-fluid #hisse_ara_layout {
        top: 70px !important;
        position: absolute !important;
        margin-left: 5px !important;
        width: 60%;
    }

    #nav_container {
        background-color: #01b060;
        height: 67px;
    }

    .show-on-mobile {
        display: block !important;
        margin-top: 6px;
    }

    ul.menu-icon li a .user-icon {
        top: 7px;
    }

    .show-menu .glyphicon-menu-hamburger {
        display: none;
    }

    .finnet_sub_menu {
        position: static;
        margin-top: 2px;
    }

    #nav-sub-menu-button {
        display: block !important;
        position: absolute;
        width: 46px;
        height: 46px;
        background: #ffffff;
        border: 1px solid #01b060;
        right: 67px;
        left: auto;
        top: -72px;
        text-align: center;
        color: #2f303a;
        cursor: pointer;
        z-index: 999;
        padding-top: 3px;
        font-size: 28px;
        -webkit-transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
        transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
    }

    .show-sub-menu {
        background: #01b060 !important;
        color: #fff !important;
    }

        .show-sub-menu a {
            color: #fff !important;
        }

            .show-sub-menu a:hover {
                background: #28B274 !important;
            }

    #nav-sub-menu ul.main li ul.submain li a {
        padding-right: 10px;
    }

    #nav-sub-menu-button.show-sub-menu {
        top: 78px !important;
        right: 300px;
        border-color: #fff;
        position: fixed;
    }

    #nav-sub-menu-button .glyphicon-remove {
        display: none;
    }

    .show-sub-menu .glyphicon-object-align-bottom:before {
        display: none;
    }

    .show-sub-menu .glyphicon-remove {
        display: inline-block !important;
        top: 5px;
        left: -3px;
    }

    #nav-sub-menu {
        position: fixed;
        right: -300px;
        top: 0;
        bottom: 0;
        left: auto;
        height: auto;
        border-radius: 0;
        width: 300px;
        overflow-y: auto;
        background: #01b060;
        color: #fff !important;
        -webkit-transition: right ease-in-out .3s;
        transition: right ease-in-out .3s;
    }

        #nav-sub-menu a {
            color: #ffffff !important;
        }

        #nav-sub-menu.show-sub-menu {
            right: 0;
            background: #2f303a !important;
            -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
        }

        #nav-sub-menu ul.main li {
            position: relative;
            display: block;
            height: auto;
            float: none;
            width: 100%;
        }

            #nav-sub-menu ul.main li:focus, #nav-sub-menu ul.main li:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: #17865D;
            }

                #nav-sub-menu ul.main li:focus ul.submain li, #nav-sub-menu ul.main li:hover ul.submain li:hover {
                    background: #4A97E2;
                }

                #nav-sub-menu ul.main li:focus ul.submain, #nav-sub-menu ul.main li:hover ul.submain {
                    top: 0;
                }

        #nav-sub-menu ul.main ul.submain {
            position: relative;
            top: 0;
            width: 100%;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

            #nav-sub-menu ul.main ul.submain ul.subsubmain {
                position: relative;
                left: 0;
                width: 100%;
                display: none;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }




        #nav-sub-menu ul.main li ul.submain li {
            width: 100%;
            display: block;
            position: relative;
        }

        #nav-sub-menu ul.main li ul.subsubmain li a {
            padding-left: 35px;
        }

        #nav-sub-menu ul.main li ul.subsubmain li ul.subsubsubmain li a {
            padding-left: 70px;
        }

        #nav-sub-menu ul.main li a {
            text-align: left;
            padding: 15px;
        }

        #nav-sub-menu ul.main li:first-child, #nav-sub-menu ul.main li:first-child a, #nav-sub-menu ul.main li:last-child, #nav-sub-menu ul.main li:last-child a {
            border-radius: 0;
        }

        #nav-sub-menu ul.main li a.active {
            background: #17865D !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        #nav-sub-menu ul.main li ul.submain li a.active {
            background: #28B274 !important;
        }

    .home-icon span {
        display: inline-block !important;
    }

    #nav-sub-menu ul.main ul.submain ul.subsubmain ul.subsubsubmain {
        position: relative;
        left: 0 !important;
        width: 100%;
        display: none;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }



    .kurumsal {
        top: 51px !important;
    }

    header {
        position: static !important;
        /*background: url(../images/header_bg.png) repeat-x;*/
        background-color: #2f303a;
        text-align: center;
        padding-bottom: 0px !important;
    }

        header .logo {
            position: relative;
            padding-left: 5px;
        }

    .menu-icon img {
        max-width: 78px;
        height: 37px;
        border: 1px solid #fff;
    }


    #selection_tools {
        padding: 10px 0 15px 0px;
        margin: 15px 0 15px 0;
        border-radius: 0px;
    }

    div.modal {
        top: 0px !important;
    }

    /* nav menu start mobile start */

    #nav-menu-button {
        display: block !important;
        position: absolute;
        width: 46px;
        height: 46px;
        background: #ffffff;
        border: 1px solid #01b060;
        right: 15px;
        left: auto;
        top: 78px;
        text-align: center;
        color: #01b060;
        cursor: pointer;
        z-index: 999;
        padding-top: 3px;
        font-size: 28px;
        -webkit-transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
        transition: right ease-in-out .6s, background ease-in-out .6s, border-color ease-in-out .6s;
    }

    .show-menu {
        background: #01b060 !important;
        color: #fff !important;
    }

        .show-menu a {
            color: #fff !important;
        }

            .show-menu a:hover {
                background: #28B274;
            }

    #nav-menu ul.main li ul.submain li a {
        padding-right: 10px;
    }

    #nav-menu-button.show-menu {
        top: 78px;
        right: 300px;
        border-color: #fff;
        position: fixed;
    }

    #nav-menu-button .glyphicon-remove {
        display: none;
    }

    .show-menu .glyphicon-object-align-bottom:before {
        display: none;
    }

    .show-menu .glyphicon-remove {
        display: inline-block !important;
        top: 5px;
    }

    #nav-menu {
        position: fixed;
        right: -300px;
        top: 0;
        bottom: 0;
        left: auto;
        height: auto;
        border-radius: 0;
        width: 300px;
        overflow-y: auto;
        background: #01b060;
        color: #fff !important;
        -webkit-transition: right ease-in-out .3s;
        transition: right ease-in-out .3s;
    }

        #nav-menu a {
            color: #ffffff !important;
        }

        #nav-menu.show-menu {
            right: 0;
            background: #01b060 !important;
            -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px;
        }

        #nav-menu ul.main li {
            position: relative;
            display: block;
            height: auto;
            float: none;
            width: 100%;
        }

            #nav-menu ul.main li:focus, #nav-menu ul.main li:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: #17865D;
            }

                #nav-menu ul.main li:focus ul.submain li, #nav-menu ul.main li:hover ul.submain li:hover {
                    background: #4A97E2;
                }

            #nav-menu ul.main li a.active {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: #17865D;
            }

            #nav-menu ul.main li ul.submain li a.active {
                background: #28B274 !important;
            }

            #nav-menu ul.main li:focus ul.submain, #nav-menu ul.main li:hover ul.submain {
                top: 0;
            }

        #nav-menu ul.main ul.submain {
            display: none; /*****/
            position: relative;
            top: 0;
            width: 100%;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

            #nav-menu ul.main ul.submain ul.subsubmain {
                position: relative;
                left: 0;
                width: 100%;
                display: none;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }


        #nav-menu ul.main li ul.submain li {
            width: 100%;
            display: block;
            position: relative;
        }

        #nav-menu ul.main li ul.subsubmain li a {
            padding-left: 35px;
        }

        #nav-menu ul.main li a {
            text-align: left;
            padding: 15px 10px 15px 15px;
        }

        #nav-menu ul.main li:first-child, #nav-menu ul.main li:first-child a, #nav-menu ul.main li:last-child, #nav-menu ul.main li:last-child a {
            border-radius: 0;
        }

    /* nav menu mobile end */

    .wrapper {
        width: 100%;
    }

    .content-wrapper {
        width: 100%;
    }

    .location {
        margin-right: 0px;
        margin-top: 0px;
    }

    .modal-wrapper {
        padding-top: 0px !important;
    }

    .inner-section {
        padding: 10px 0 !important;
    }

    .general-comment {
        padding: 0px 15px 5px 15px;
        margin-bottom: -15px;
    }

    .navigation {
        margin: 15px 0px !important;
    }

    .sublayout .navigation {
        margin-bottom: 15px !important;
    }

    .content-space {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 550px) {
    .HaberAnaSayfaIcerik .col-xs-12 {
        width: 100%;
    }

    .reklam_bottom_3 div, .responsiveReklam_cover div {
        width: 100%;
        display: none;
    }
}

@media (max-width: 500px) {


    .wrapper .canli_veri_btn {
        display: none !important;
    }

    .show-menu .canli_veri_btn {
        margin-right: 0px;
        background: #0071C1;
        width: 100%;
        display: inherit;
    }

        .show-menu .canli_veri_btn:hover {
            background: #0071C1 !important;
            width: 100%;
        }













    #nav-menu-button.show-menu {
        right: 250px;
    }

    #nav-menu {
        right: -250px;
        width: 250px;
    }

    .big-heading {
        font-size: 28px;
    }

    .no_touch {
        display: inherit !important;
        position: absolute;
        z-index: 9999;
        width: 100%;
        height: 100%;
    }
}

@media (max-width:380px) {
    #div_buttons {
        padding-bottom: 40px;
    }
}


/*Media css end*/

/*=========================== tab content start ===========================*/

.tab-header-img {
    margin-top: 0px !important;
    margin-left: 3px;
    float: none !important;
}



table thead tr {
    background-color: #2f303a;
    color: #fff !important;
}



/*=========================== tab content finish ===========================*/


/*******************  footer start ****************************/


#footer {
    background: #dedede;
    padding: 30px 0 15px;
    color: #85929e;
    line-height: 1.8 !important;
}

    #footer h5 {
        font-size: 16px;
        font-weight: 900;
        margin: 10px 0 20px;
        padding: 0;
    }

    #footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

.footer-logo {
    margin-bottom: 9px;
    margin-top: 10px;
}

#footer ul li {
    display: block;
    padding: 3px 0;
    margin: 0;
    line-height: 1.8;
    text-align: justify;
}

#footer h6 {
    color: #073E5A;
    font-weight: bold;
    font-size: 18px;
}

ul.footer-link li {
    padding-right: 7px !important;
    font-size: 11px;
    color: #85929e !important;
    display: inline-block;
    float: left;
}

    ul.footer-link li a {
        color: #85929e !important;
    }

    ul.footer-link li:after {
        font-size: 12px;
        color: #85929e;
        content: "\7C";
        margin-left: 11px;
        top: -1px;
        position: relative;
    }

#footer ul li a {
    color: #fff;
}

#footer .social-icon {
    background: #71a4b2;
    color: #81b9c3;
    margin: 0 2px;
}

    #footer .social-icon:focus, #footer .social-icon:hover {
        background: #fff;
    }

footer {
    background: #2F303A;
    height: 55px;
    text-align: center;
    padding: 20px 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
}

    footer a {
        color: #fff;
    }

        footer a:hover {
            color: #fff;
            text-decoration: underline;
        }

/****************    footer finish ****************************/

/*Loading Modal CSS Start*/
.modal-wrapper {
    position: relative;
    height: 100%;
    padding-top: 10px;
}



div.modal {
    display: none;
    z-index: 1000;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background: rgba( 255, 255, 255, .8 ) url('loading.gif') 50% 50% no-repeat;
}


    div.modal.fade {
        top: 0 !important;
        left: 0;
        height: 100% !important;
        background: rgba( 255, 255, 255, .8 ) url('loading.gif') 50% 25% no-repeat !important;
        z-index: 9999999 !important;
    }

.TAmodal-cover {
    height: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

div.TAmodal {
    display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.88);
}

    div.TAmodal.fade {
        top: 0 !important;
        left: 0;
        height: 100% !important;
        background: rgba( 255, 255, 255, .8 ) url('loading.gif') 50% 25% no-repeat !important;
        z-index: 9999999999 !important;
    }


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
div.loading {
    overflow: hidden;
    display: block;
    position: absolute;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    div.loading .modal {
        display: block;
    }

#popup_head {
    background-color: #2f303a;
    min-height: 80px;
    display: flex;
}

#popup_logo {
    padding: 15px;
    float: left;
    display: inline-block;
}

#popup_baslik {
    float: left;
    padding: 15px;
}
/*Loading Modal CSS End*/

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

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

.general-comment {
    /*text-indent: 20px;*/
    padding-top: 10px;
}

.green-text {
    color: #008000;
}

.red-text {
    color: #ff0000;
}

.help-button {
    float: right;
}

.signal-red {
    color: #ca2c29;
}

.signal-green {
    color: #0db949;
}

.ttipUyeUnvan {
    cursor: pointer;
}

.alsatIcon {
    height: 20px;
    width: 20px;
}

.navigation {
    background-color: #2F303A;
    border-radius: 3px;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px;
}

.mkk span {
    font-weight: 700;
    font-size: 14pt;
    display: block;
    margin-top: 10px;
}

.mkk hr {
    margin: 3px 0 3px 0;
    border-style: inset;
    border-top: 1px solid #000;
}

.pageTitle {
    width: 95%;
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px !important;
    line-height: 21px;
}

.fancy-logo-place {
    background-color: #000;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
}

.notLogged {
    text-align: center;
    padding: 10px;
    background-color: #FFA819;
    margin: 10px 0px;
}

    .notLogged p {
        margin-bottom: 3px;
    }

.warning-text {
    color: #FFF;
    font-weight: bold;
}

    .warning-text:hover {
        color: #FFF;
    }

.normal-text {
    font-weight: bold;
    font-size: 15px;
}

.normal-text-uyari {
    font-weight: bold;
    font-size: 15px;
    color: #B92B2B;
}


div.indicator {
    text-align: justify;
}

div.baslik {
    text-align: center;
    font-family: Verdana,Tahoma,Arial;
    font-weight: 700;
}

.baslik h3 {
    margin-top: 0px;
}

div.yorumchart {
    overflow: hidden;
}

.small-heading {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

div.chart {
    text-align: center;
}

.detay1 {
    padding-left: 0px;
    font-weight: bold;
    /*white-space: nowrap;*/
}

.detay2 {
    padding-left: 15px;
}

.detay3 {
    padding-left: 30px;
    font-style: italic;
}

.mb10 {
    margin-bottom: 10px;
}

/*th, td {
    width: auto !important;
}*/

.button-space {
    margin-top: 30px;
    padding: 6px 10px !important;
}

#cover {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

ul.menu-icon {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

    ul.menu-icon li {
        font-size: 13px;
        font-weight: 700;
        display: none;
    }

        ul.menu-icon li a .user-icon {
            text-align: center;
            margin-left: 7px;
            padding: 5px 0;
            -webkit-transition: All .3s ease;
            -moz-transition: All .3s ease;
            -o-transition: All .3s ease;
        }

            ul.menu-icon li a .user-icon img {
                position: relative;
                z-index: 3;
            }

        ul.menu-icon li a {
            padding: 8px 0px;
            color: #fff;
            display: block;
            position: relative;
            margin: 0;
            text-decoration: none;
        }




/*================== new style end =================================*/

@media (min-width:1024px) and (max-width:1750px) {

    div#nav-menu ul.main li#yabanci:hover ul.submain {
        left: -102px !important;
    }

    div#nav-menu ul.main li#yabanci ul.submain li:hover ul.subsubmain {
        left: -100% !important;
    }
}


@media (max-width: 2799px) and (min-width: 50px) {
    .modal-dialog {
        top: 20%;
        margin: 5px auto !important;
    }
}

@media (max-width: 500px) {

    .modal-dialog {
        top: 5%;
        margin: 5px auto !important;
    }

    ul.menu-icon li a .user-icon {
        left: 0;
    }

    .footer-logo {
        margin-bottom: 9px;
        margin-top: 0px;
    }


    #nav-sub-menu-button.show-sub-menu {
        right: 250px;
    }

    #nav-sub-menu {
        right: -250px;
        width: 250px;
    }

    .detay1 {
        white-space: normal !important;
    }

    #resultTableFinansalOran tbody td {
        white-space: normal !important;
    }
}
/*uyarı sayfaları*/
#s404 {
    margin-top: 25px;
    margin-bottom: 45px;
}

    #s404 img {
        width: 100%;
        max-width: 500px;
    }

    #s404 h1 {
        font-size: 60px !important;
        font-weight: bold !important;
        color: #2F303A !important;
        text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
    }

    #s404 p {
        font-size: 16px;
    }
/*uyarı sayfaları*/

.haber_detay {
    background-color: #01b060;
}

    .haber_detay td {
        padding: 5px;
        color: #fff;
        font-size: 14px;
    }

#div_detaylar textarea {
    padding: 20px !important;
    margin-top: 5px;
}

.haber_tarih {
    color: #2f87aa;
    font-weight: bold;
    margin-right: 10px;
}

.haber_sirket {
    color: #2F303A;
    font-weight: bold;
    margin-right: 10px;
}

.haber_detay_icerik {
    margin-top: 10px;
    margin-bottom: 5px;
}

    .haber_detay_icerik a {
        color: #646464 !important;
        margin-right: 5px;
    }

.haber_content {
    background-color: #659679;
    padding: 15px;
    color: #fff;
    display: flex;
}

.haber_bilgi {
    background-color: #d0dfd6;
    padding: 10px;
    color: black;
}

.haber_content .baslik {
    font-weight: bold;
    text-align: left !important;
}

#lblSirket,
#lblAciklamaTarihi,
#lblReferansTarihi,
#lblKaynak,
#lblKonular {
    font-weight: bold;
    color: #000;
}

.glyphicon-object-align-bottom {
    color: #01B060;
}

.kurumsal-btn {
    height: 48px;
}

.kurumsal {
    top: 48px !important;
    z-index: 999999999 !important;
}

    .kurumsal li {
        display: block !important;
        left: initial;
    }

.dropdown-menu {
    left: auto;
    /*left: auto !important;*/
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.kurumsal .dropdown-header a {
    display: block;
    color: #373737 !important;
}

.home-icon .glyphicon-menu-hamburger {
    font-size: 15px;
}

.home-icon span {
    display: none;
}

.analiz-list {
    background: #FFA819;
    border: 1px solid #db8c0a;
    font-weight: bold;
}

    .analiz-list option {
        background: #fff;
    }

#footer .social-media ul li {
    float: left;
    padding: 5px;
}

    #footer .social-media ul li .social_hover {
        display: none;
    }

    #footer .social-media ul li:hover img {
        display: none;
    }

    #footer .social-media ul li:hover .social_hover {
        display: block;
    }
/*******SiteMapCss******/

#site-map .col a {
    color: #337ab7;
    border-radius: 4px 4px 4px 4px;
    display: block;
    background-color: #DEDEDE;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
}

#site-map ul.subsubsubmain, #site-map ul.submain {
    padding-left: 20px;
}

#site-map .col .submain a {
    color: #2f303a;
    font-weight: normal;
    background: none;
    padding: 6px 1px;
}

.dib {
    display: inline-block !important;
}

.help-icon {
    display: inline-block !important;
    height: 40px;
}

    .help-icon img {
        margin-top: -7px;
    }

#donemler {
    margin-top: 5px;
}

.FORM25PX {
    padding: 3px 4px !important;
}

.dropdown-menu .btn-link {
    font-size: 11px;
}
/******secim alani******/

#showInputsButton {
    display: none;
}

.btnCalculate {
    margin: 30px 10px 0px 0px;
}


.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    height: 20px;
    width: 20px;
}

.radio label {
    line-height: 28px;
}


.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    white-space: normal !important;
}

.ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding: 6px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap {
    padding: 5px 3px 0 3px !important;
}



.haber_detay_icerik a span {
    color: #01B060 !important;
    font-weight: bold;
}


/*multiselect*/

multiselect {
    display: block;
}

    multiselect .btn {
        width: 100% !important;
        background-color: #FFF !important;
        color: black !important;
    }

    multiselect#drp_hisse_multiselect .btn {
        padding: 7.5px 6px !important;
    }

    multiselect .btn.error {
        border: 1px solid #da4f49 !important;
    }

    multiselect .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        z-index: 999999;
    }

    multiselect .dropdown-menu {
        width: 100%;
        box-sizing: border-box;
        padding: 2px;
        overflow-y: no-display;
        overflow-x: auto;
    }

        multiselect .dropdown-menu > li > a {
            padding: 3px 10px;
            cursor: pointer;
            font-size: 12px;
        }

multiselectdonem {
    display: block;
}

    multiselectdonem .btn {
        width: 100% !important;
        background-color: #FFF !important;
        color: black !important;
    }

        multiselectdonem .btn.error {
            border: 1px solid #da4f49 !important;
        }

    multiselectdonem .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
    }

    multiselectdonem .dropdown-menu {
        width: 100%;
        box-sizing: border-box;
        padding: 2px;
    }

        multiselectdonem .dropdown-menu > li > a {
            padding: 3px 10px;
            cursor: pointer;
        }

            multiselectdonem .dropdown-menu > li > a:hover {
                background: #71afd6;
                color: #fff;
            }

    multiselectdonem .btn {
        padding: 4px 12px !important;
    }


        multiselectdonem .btn .caret {
            margin-top: 8px;
        }

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin: -1.5px 3px 0 -8px;
}

.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings-white.png");
}

.icon-ok {
    background-position: -288px 0;
}

.icon-check {
    background-position: -144px -72px;
}

multiselect .dropdown-menu > li > a:hover {
    background: #71afd6;
    color: #fff;
}

multiselect .btn {
    padding: 5.5px 6px !important;
    font-size: 12px;
}

.dropdown-toggle {
    padding: 0px 5px !important;
}

multiselect .btn .caret {
    margin-top: 8px;
}
/*multiselect*/
.container-indicators h3 {
    margin-top: 3px !important;
}

.kurumsal .dropdown-header:hover {
    background-color: #f5f5f5;
}

#tab_container #tab_container {
    width: 100%;
    display: inline-block;
}

.indicator_input input, .indicator_input select {
    width: 70%;
    float: right;
    line-height: 20px !important;
}


.indicator_input span {
    width: 29%;
    float: left;
}

.indicator_input {
    height: 35px;
    line-height: 35px;
}

.indicator_content {
    padding-top: 5px;
}

.modal_contents {
    padding: 15px;
}

.modal_contentsh {
    padding: 15px;
    max-width: 1200px;
}


#div_detaylar textarea {
    white-space: pre-wrap;
}

.hide {
    display: none;
}

.endeks_uyari h4, .hisse_uyari h4 {
    line-height: 126px;
    margin-left: 20px;
    float: left;
}

.endeks_uyari img, .hisse_uyari img {
    float: left;
    width: 150px !important;
    height: 150px !important;
}

.indikator {
    padding: 0px 10px;
    float: left;
}

.alert {
    margin-bottom: 10px !important;
}

.indicator_content .radio input[type=radio] {
    margin-left: -24px;
}

.no_touch {
    display: none;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.carousel-control {
    filter: alpha(opacity=50) !important;
    opacity: 0.3 !important;
}

    .carousel-control:hover {
        filter: alpha(opacity=50) !important;
        opacity: 0.7 !important;
    }

.carousel-indicators .active {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    /* background-color: #fff; */
    background: #005596 !important;
    border: 3px solid #fff !important;
}

.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
}

.carousel-indicators {
    bottom: 0px !important;
}

div#mySlider {
    margin-bottom: 5px;
}

#mySlider .item a img {
    width: 100%;
}

#selection_tools > div.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.detayBaslik {
    font-weight: bold;
}

.HaberDetayResim {
    width: 100%;
}

.HaberDetayIcerik {
    text-align: justify;
    font-size: 14px;
}

.detaySatir {
    text-indent: 20px;
}

.HaberDetayBaslik {
    font-size: 25px !important;
    font-weight: bold;
}

.HaberDetayBaslikSub {
    font-size: 17px !important;
    font-weight: bold;
}

header .container-fluid .dropdown {
    float: right;
}


    header .container-fluid .dropdown .dropdown-toggle {
        height: 48px;
        margin: 0px 10px 0px 10px;
        border-radius: 2px !important;
        background-color: #01B060 !important;
        color: #fff !important;
        border: none;
    }

    header .container-fluid .dropdown .dropdown-menu {
        z-index: 99999999 !important;
        right: 10px;
        min-width: 160px;
        padding-bottom: 0px !important;
    }

header .container-fluid {
    padding: 10px 0px;
}

    header .container-fluid .dropdown .dropdown-menu .satin_al a, #uyelik_yenile a, #satin_al a {
        background-color: #fff;
    }

    header .container-fluid .dropdown .dropdown-menu .uye_kaydi a, #bilgilerim a {
        background-color: #32a85c;
    }

    header .container-fluid .dropdown .dropdown-menu .uye_giris a, #guvenli_cikis a {
        background-color: #b9002a;
    }

header .menu-icon .dropdown-menu {
    left: inherit !important;
    right: 156px;
}

header .btn .caret {
    margin-right: 5px;
}

.logindropdown .dropdown-menu > li > a {
    padding: 5px 8px !important;
}

header .container-fluid #hisse_ara_layout .dropdown {
    float: none !important;
}

header .container-fluid #hisse_ara_layout {
    margin: 3px 20%;
    position: absolute;
    top: 0px;
}

    header .container-fluid #hisse_ara_layout .dropdown .dropdown-menu {
        left: 0px !important;
    }

/*.datepicker-group .dropdown-menu {
	min-width: 250px;
}

.datepicker-group .btn {
	padding: 5px 10px !important;
}*/

.teknikAnalizFullScreen {
    height: 100%;
    width: 100%;
    /*position: absolute;*/
    z-index: 999999;
    background-color: #fff;
}

    .teknikAnalizFullScreen #TeknikAnaliz {
        width: 99.9% !important;
    }

.modal-wrapper {
    padding-top: 0px !important;
}

.teknikAnalizFullScreen #selection_tools {
    margin: 0px !important;
}

.teknikAnalizFullScreen #hizliGrafikChart {
    padding: 0px !important;
}

.teknikAnalizFullScreen #normalScreen {
    padding: 4px 7px !important;
}


#selection_tools td .btn {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 12px !important;
    padding-right: 13px !important;
    min-width: 100% !important;
    width: auto !important;
}

#datepicker-007-7315-title {
    width: 100% !important;
}

#selection_tools #fullScreen {
    padding: 4px 7px !important;
}

#selection_tools .fullscreen_cover {
    padding-left: 0px !important;
}

.dropdown button {
    text-overflow: ellipsis;
    display: inline-flex;
}

    .dropdown button span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dropdown button .caret {
        right: 0px;
        margin-right: 6px;
        position: absolute;
    }

.btn-datepicker .btn {
    padding: 4px 12px !important;
}

#layout_header .dropdown .caret {
    right: 0px;
    margin-right: 8px;
    top: 20px;
    position: relative;
}

#drp_hisse button .caret {
    right: 0px;
    margin-right: 6px !important;
    top: 10px !important;
    position: absolute !important;
}

.ng-isolate-scope table tbody .btn {
    padding: 5px 8px !important;
}
/*.fancybox-overlay .fancybox-skin, .fancybox-overlay .fancy-logo-place, .fancybox-overlay  .container-fluid {
	margin:0px!important;
	padding:0px!important;
	max-width: 100%;
	max-height: 100%;
}
.fancybox-overlay .fancy-logo-place img{
   max-width: 100% !important;
	max-height: 100% !important;
}*/
.note-folded p {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}

.fancybox-overlay .fancybox-inner {
    overflow: auto !important;
}

iframe {
    overflow: auto !important;
}


.haberSecimleri_baslik {
    min-height: 48px;
}

    .haberSecimleri_baslik h1 {
        line-height: 32px;
    }

    .haberSecimleri_baslik .mybtn {
        margin-top: 0px !important;
        background-color: #585858 !important;
    }

    .haberSecimleri_baslik .table-selcet p {
        width: 150px;
    }

    .haberSecimleri_baslik .table-selcet .ui-datepicker {
        float: left;
        margin-left: 10px;
    }

    .haberSecimleri_baslik .table-selcet .btn_cover {
        float: left;
    }

    .haberSecimleri_baslik .table-selcet {
        float: right;
    }




.yardimToAnaliz {
    float: right;
    font-size: large;
    margin-top: 2px;
    color: white;
    text-decoration: none;
}




/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

.datepicker > div {
    display: none;
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today[disabled],
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a;
    }

        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
        background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: linear-gradient(top, #f3c17a, #f3e97a);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today[disabled],
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today.disabled:hover[disabled] {
            background-color: #f3e97a;
        }

            .datepicker table tr td.range.today:active,
            .datepicker table tr td.range.today:hover:active,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.active,
            .datepicker table tr td.range.today:hover.active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #efe24b \9;
            }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected[disabled],
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #808080;
    }

        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover:active,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled:hover.active {
            background-color: #666666 \9;
        }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active:hover.disabled,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active[disabled],
    .datepicker table tr td.active:hover[disabled],
    .datepicker table tr td.active.disabled[disabled],
    .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #0044cc;
    }

        .datepicker table tr td.active:active,
        .datepicker table tr td.active:hover:active,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.active,
        .datepicker table tr td.active:hover.active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9;
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
        background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
        background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
        background-image: -o-linear-gradient(top, #0088cc, #0044cc);
        background-image: linear-gradient(top, #0088cc, #0044cc);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
        border-color: #0044cc #0044cc #002a80;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active[disabled],
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #0044cc;
        }

            .datepicker table tr td span.active:active,
            .datepicker table tr td span.active:hover:active,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.active,
            .datepicker table tr td span.active:hover.active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399 \9;
            }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #999999;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child .cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

    .input-append.date .add-on i,
    .input-prepend.date .add-on i {
        margin-top: 3px;
    }

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

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}


.multiselect-container {
    max-height: 368px;
    overflow-y: auto;
}

    .multiselect-container .radio {
        margin-left: 15px !important;
    }

.taUstBar .multiselect-container input[type=radio] {
    display: none;
}

.taUstBar .multiselect-container .radio {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 0px !important;
}


.dropdown-menu {
    padding: 0px 0px 5px 0px;
    z-index: 99999 !important;
}


div#tarihHata {
    font-size: 16px;
    font-weight: bold;
}

#selection_tools .multiselect, #selection_tools .btn-group {
    width: 100%;
    height: 30px;
}


/*modal*/
.modal-body {
    /*max-height: calc(100vh - 210px);*/
    /*overflow-y: auto;*/
}

.indikatorEkleModal .in {
    display: block !important;
}

.indikatorEkleModal .fade {
    display: none;
}

.taUstBar .btn-group .multiselect-container {
    width: 100%;
}




#nav-menu #loginButton {
    display: block !important;
    z-index: 99999999999;
    position: relative;
    text-align: center;
}

#nav-menu .logindropdown {
    border-bottom: 1px solid #17865D;
    background: #01B060;
}

#nav-menu #loginButton .btn-default {
    color: #333;
    background-color: #01B060;
    border-bottom: 0px;
    border-left: none;
    border-right: none;
    border-top: none;
    z-index: 99999999;
    position: relative;
}

    #nav-menu #loginButton .btn-default .caret {
        top: 50%;
        color: #fff;
        right: -5px;
    }


    #nav-menu #loginButton.btn-default:hover {
        color: #333;
        background-color: #17865D;
    }

#nav-menu #loginButton .dropdown-menu {
    position: inherit;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px;
    z-index: 99999999;
    border-left: none;
    border-right: none;
    border-top: none;
}

    #nav-menu #loginButton .dropdown-menu .uye_giris a, #nav-menu #loginButton .dropdown-menu .uye_giris a:hover, #nav-menu #loginButton .dropdown-menu #guvenli_cikis a, #nav-menu #loginButton .dropdown-menu #guvenli_cikis a:hover {
        background-color: #C40029 !important;
    }

    #nav-menu #loginButton .dropdown-menu .satin_al a, #nav-menu #loginButton .dropdown-menu .satin_al a:hover, #nav-menu #loginButton .dropdown-menu #uyelik_yenile a, #nav-menu #loginButton .dropdown-menu #uyelik_yenile a:hover {
        background-color: #fff !important;
    }

    #nav-menu #loginButton .dropdown-menu .uye_kaydi a, #nav-menu #loginButton .dropdown-menu .uye_kaydi a:hover, #nav-menu #loginButton .dropdown-menu #bilgilerim a, #nav-menu #loginButton .dropdown-menu #bilgilerim a:hover {
        background-color: #01B060 !important;
    }

.dtBaslikSecimListe option {
    color: black;
}

.dataTables_length select {
    width: auto;
    min-width: 60px;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #CCC !important;
}



/*Anlık veri tablo için d**/
#tblEndeksAnlikVeri th, #tblEndeksAnlikVeri td {
    width: 20% !important;
}

#tblEndeksAnlikVeri table.dataTable thead th, #tblEndeksAnlikVeri table.dataTable thead td {
    padding: 0px 0px !important;
}


.dt-button-background {
    z-index: 999999 !important;
}

.dt-button-collection {
    z-index: 9999999 !important;
}

#tblEndeksAnlikVeri .dt-right sorting_asc {
    width: 10px !important;
}

#tblEndeksAnlikVeri dt-right sorting {
    width: 10px !important;
}

#tblEndeksAnlikVeri dt-right sorting_desc {
    width: 10px !important;
}

.tblCellTextBlack {
    background-color: black !important;
    color: white !important;
}

.highlight_increase, .highlight_increase > td {
    background-color: #CF0 !important;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.highlight_decrease, .highlight_decrease > td {
    background-color: red !important;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.degerYuksekOk {
    float: left;
}

.degerDusukOk {
    float: left;
}

.degerDusuk {
    color: #CB0000;
}

.degerYuksek {
    color: #01B060;
}

.degerYuksekEndeksRenk {
    color: green;
    font-weight: bold;
}

.degerDusukEndeksRenk {
    color: red;
    font-weight: bold;
}

/*datatable harf sıralama başlangıç*/
div.alphabet {
    display: table;
    width: 100%;
    margin-bottom: 1em;
}

    div.alphabet div {
        display: table-cell;
        color: #3174c7;
        cursor: pointer;
        text-align: center;
        width: 3.5%;
    }

        div.alphabet div:hover {
            text-decoration: underline;
        }

        div.alphabet div.active {
            color: black;
        }
/*datatable harf sıralama bitiş*/

/*body reklam start*/
#body_reklam {
}

#body_reklam_Right {
    position: absolute;
    left: 50%;
    z-index: 99999;
    top: 0px;
    text-align: left;
    margin-left: 522px;
    background-color: rgba(0, 0, 0, 0);
}

#finnet_banner {
    width: 172px !important;
}

#body_reklam_Left {
    position: absolute;
    right: 50%;
    z-index: 99999;
    top: 0px;
    text-align: left;
    margin-right: 522px;
    background-color: rgba(0, 0, 0, 0);
}

/*body reklam end*/



/*Homebody reklam start*/
#Homebody_reklam {
    position: relative;
    margin-top: 10px;
}

.reklamindex_left img {
    width: 100% !important;
}

.reklamindex_right img {
    width: 100% !important;
    margin-bottom: 10px;
}

.reklam_bottom_3, .responsiveReklam_cover {
    margin-top: 10px;
    display: none;
}

/*Homebody reklam end*/


.sirketHaberLink {
    float: right;
}
/*Canlı tablolarındaki Kolon yer değiştirme sırasında seçilen kolonun genişlemesini engellemek için*/
.canliVeriTablo {
    width: inherit !important;
}
/*Canlı tablolar dışındaki tablolarda genişlik sorununu engellemek için*/
table:not(.canliVeriTablo) {
    width: 100% !important;
}

.index_haber {
    width: 100%;
    float: left;
    border: solid 1px #ddd;
    background: #fff !important;
    margin-bottom: 10px;
}

    .index_haber .HaberCover {
        background: #fff !important;
        color: #333 !important;
    }

    .index_haber .note-folded h1 {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #fff;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

    .index_haber .link_btn {
        float: right;
        background: #fff;
        color: #333;
        padding: 5px;
        border-radius: 3px;
    }

.reklam_cover {
    display: none !important;
    /*display:inline-block;*/
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}



#LoginModal .modal-body {
    border: solid 0px #DEDEDE;
    box-shadow: none !important;
    border-radius: 2px;
    text-align: center;
    padding: 50px;
    padding-bottom: 100px;
}

.uye-giris-modal h3 {
    font-size: 40px;
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #fff;
}

.uye-giris-modal .modal-header {
    border-bottom: none !important;
}

.uye-giris-modal .modal-content {
    background: #01b060 !important;
}

.uye-giris-modal input {
    width: 100%;
    height: 48px;
    display: block;
    position: relative;
    line-height: 45px;
    padding: 0 10px;
    border: solid 1px #1676ce;
    box-shadow: 0 1px 1px rgba(80, 80, 80, 0.1);
    border-radius: 2px;
    outline: none;
    font-size: 16px;
}

.uye-giris-modal #uyeGirisBtn {
    line-height: 50px;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
    background: #014686;
    transition: all 0.5s ease 0s;
    height: 50px;
}

.beni_hatirla, .beni_hatirla a {
    color: #fff;
}

.uye-giris-modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: relative;
    z-index: 999999;
    font-size: 52px;
    right: 8px;
}

.login-uye-ol-link {
    color: #fff;
}

#aboneliklerim a {
    display: block;
    text-decoration: none;
    color: #fff !important;
    font-weight: bold;
    padding: 5px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#aboneliklerim {
    background: #2f303a;
    margin-left: auto;
    padding-left: 0px;
    margin-bottom: 0px !important;
    list-style: none;
}

    #aboneliklerim a:hover, #aboneliklerim a:focus {
        background: #000 !important;
    }

    #aboneliklerim ul {
        list-style: none;
        padding: 0px;
    }

        #aboneliklerim ul li {
            border-bottom: 1px solid #000000;
        }

        #aboneliklerim ul a {
            padding-left: 20px;
        }




/*search*/ /*search*/ /*search*/ /*search*/
/*search*/ /*search*/ /*search*/ /*search*/
/*search*/ /*search*/ /*search*/ /*search*/
#searchModal i {
    top: 0px;
    padding: 14px;
    font-size: 22px;
    background-color: #1e88e5;
    color: #fff;
    float: right;
}

div#search {
    background-color: rgba(255, 255, 255, 0.95) !important;
    background-image: none !important;
}

.search-modal {
    background: #fff;
}

    .search-modal .modal-backdrop {
        background: #fff;
    }

#search .modal-dialog {
    width: 95%;
    margin: 30px auto;
}

.search-modal button.close {
    float: right !important;
    position: absolute !important;
    font-size: 50px !important;
    color: #01b060 !important;
    margin-top: -32px !important;
    right: 15px;
}

.AramaSonuc {
    list-style: none;
    color: #6b6b6b;
    text-align: left;
    font-size: 20px;
    padding-top: 30px;
}

    .AramaSonuc a {
        color: #6b6b6b;
        text-decoration: none;
        display: block;
        padding: 10px;
    }

    .AramaSonuc li:hover {
        background: #dedede;
    }

#search .modal-content {
    background: none;
    border: none;
    overflow: visible;
}

#search .close {
    color: #fff;
    opacity: 1;
}

#searchModal {
    display: block;
    outline: none;
    border: none;
}

    #searchModal:active {
        outline: none;
        border: none;
    }

#search .modal-body {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#searchModal i {
    top: 0px;
    padding: 14px;
    font-size: 20px;
    background-color: #1e88e5;
    color: #fff;
}

#search input {
    font-size: 5.0vw !important;
    line-height: 8.5vw;
    width: 100%;
    height: 100% !important;
    margin: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 27px;
    color: #6b6b6b !important;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 17px;
}

#search .modal-content {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.0);
    box-shadow: 0 3px 9px rgba(0,0,0,.0);
}

#search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6b6b6b;
}

#search input::-moz-placeholder { /* Firefox 19+ */
    color: #6b6b6b;
}

#search input:-ms-input-placeholder { /* IE 10+ */
    color: #6b6b6b;
}

#search input:-moz-placeholder { /* Firefox 18- */
    color: #6b6b6b;
}

#search .modal-dialog {
    top: 50px;
}

.search-input {
    border-radius: 3px 0 0 3px !important;
    height: 40px !important;
    text-overflow: ellipsis;
    display: inline-flex;
    width: 73%;
    float: left;
}

.searchbutton {
    text-align: center;
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 27%;
    font: bold 15px/40px;
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 0 0;
    text-shadow: 0 -1px 0 rgba(0, 0,0, .3);
    margin: 0px !important;
    line-height: 40px;
    font-size: 12px;
}

/*search*/ /*search*/ /*search*/ /*search*/
/*search*/ /*search*/ /*search*/ /*search*/
/*search*/ /*search*/ /*search*/ /*search*/

.kurumsal_menu_link {
    padding: 7px 5px;
}

.language-link {
    color: #fff;
    font-size: 16px;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

    .language-link:hover {
        color: #fff;
    }

.language-menu {
    height: 48px;
}

.language-menu {
    display: none;
}


#tblAnlikVeri .sirket_logo {
    margin-right: 0px !important;
}





.sirket_logo {
    width: 106px;
    height: 60px;
    border: 3px solid #e2e2e2;
    float: left;
    margin-right: 10px;
    text-align: center;
    background: #fff;
    line-height: 50px;
    /*padding:5px;*/
}


    .sirket_logo img {
        max-width: 90px !important;
        vertical-align: middle !important;
        display: inline-block !important;
        max-height: 50px !important;
        padding: 0px !important;
        float: none !important;
    }

#HaberDetay {
    font-size: 15px !important;
}

#TeknikAnaliz #TarihlerModal label.checkbox-inline {
    width: 50%;
    margin-left: 0px;
    float: left;
    padding-left: 0px !important;
}

#finnet_sub_menu .has-sub .submain li a {
    padding: 13px !important;
}

/*Haber Detay stilleri=> Haber Expertten Alınan - Başlangıç*/
#Haber table tr td:first-child {
    width: 84px !important;
}

table tr td {
    vertical-align: top;
}

.sirket_logo {
    width: 106px;
    height: 60px;
    border: 3px solid #e2e2e2;
    float: left;
    margin-right: 10px;
    text-align: center;
    background: #fff;
    line-height: 50px;
    /* padding: 5px; */
}

.haber_content {
    background-color: #f7f7f8;
    padding: 15px;
    color: #565656;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 10px solid #eaeaea;
    border-top: 10px solid #eaeaea;
}

.HaberBaslik {
    font-size: 18px;
    font-weight: bold;
}

#SirketAdi {
    font-size: 22px;
    font-weight: 600;
    color: #306dad;
}

.haber_content #Ozet {
    font-size: 17px;
    font-weight: 600;
    color: #6f6f6f;
}

#Konular, #Ozet, #HaberId, AciklanmaTarihi {
    color: #343434;
}

.haber_content #AciklanmaTarihi {
    font-weight: bold;
    float: right;
}

#div_detaylar {
    border: 1px solid #ccc;
    padding: 10px;
}

#HaberDetay {
    font-size: 15px;
}

.modal-content #div_tablolar {
    overflow: auto;
}

#haberDetayModal #DosyaDetay {
    margin-top: 7px;
    margin-bottom: 13px;
}

.kaynak_cover {
    float: left;
    margin-left: -10px;
    text-align: left !important;
    font-size: 13px !important;
    font-style: italic;
    /* font-weight: 600; */
}

#Konular, #Ozet, #HaberId, AciklanmaTarihi {
    color: #343434;
}

.kaynak_cover {
    float: left;
    margin-left: -10px;
    text-align: left !important;
    font-size: 13px !important;
    font-style: italic;
    /* font-weight: 600; */
}

.dosyaDetayIcerik {
    min-height: 300px;
    font-family: monospace;
    padding-left: 10px !important;
}

#haberDetay {
    font-size: 14px;
}

.haber-title {
    margin: 0;
    line-height: 1.42857143;
}

.sirket_logo img {
    max-width: 90px;
    vertical-align: middle;
    display: inline-block;
    max-height: 50px;
}

#tableHaberler .sirket_logo {
    margin-right: 0px !important;
}

#Haber .AltSayfalama {
    text-align: right;
}

#DosyaDetay a {
    min-width: 200px;
    margin-right: 25px;
    padding-left: 45px;
    border: 1px solid #d9d9dd;
    background-color: white;
    background: url(../Images/dosya_indir.png) no-repeat left center;
    border: 1px solid #8c8c8c;
    padding: 8px 10px 8px 50px;
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
}

    #DosyaDetay a:hover {
        background-color: #fff;
    }

.linkContainer .linkAd {
    display: block;
    background-color: #ddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*Haber Detay stilleri=> Haber Expertten Alınan - Bitiş*/
/*Arama Kriter(Haber)-> Haber Expertten Alınan Başlangıç*/
.KelimeGiris textarea {
    min-height: 100px;
}

.KelimeGiris ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 100;
}

.KelimeGiris ::-moz-placeholder { /* Firefox 19+ */
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 100;
}

.KelimeGiris :-ms-input-placeholder { /* IE 10+ */
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 100;
}

.KelimeGiris :-moz-placeholder { /* Firefox 18- */
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 100;
}

.KelimeGiris .ornek {
    color: #b5b5b5;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 100;
}
/*#div_kelimeAra button {
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
    color: #909090 !important;
}*/

/*Arama Kriter(Haber)-> Haber Expertten Alınan Bitiş*/



/*kampanya modal başlangıç*/
#kampanyaModal .modal-dialog {
    top: 5% !important;
}
/*kampanya modal bitiş*/








.srTablesBr thead tr:last-child th:nth-of-type(5), .srTablesBr thead tr:last-child th:nth-of-type(12), .srTablesBr thead tr:last-child th:nth-of-type(18), .srTablesBr thead tr:last-child th:nth-of-type(21) {
    border-right: 1px solid #484848;
}
#CommentModal .modal-dialog{
    max-width:750px;
    width:100%;
}
.close {
    float: right;
    font-size: 33px;
    margin-right: 5px;
    z-index: 99;
    font-weight: 700;
    position: relative;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}