/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body { font-family: 'Open Sans', sans-serif; color: #444; }
a { outline: 0 !important; }
.fbColor { color: #5490ef; }
.twColor { color: #41d4fb; }
.inColor { color: #ff568c }
.gpColor { color: #ff5c57; }
.ytColor { color: #f44147; }
.liColor { color: #0392d6 }

#FB-table th, .FB-header, .FB-table > thead > tr > th, .FB-nav, .FB-button, .FB-bg { background-color: #5490ef; }
    .FB-button:hover, .FB-button:focus { background-color: #6883c9; }
#TW-table th, .TW-header, .TW-table > thead > tr > th, .TW-nav, .TW-button, .TW-bg { background-color: #41d4fb; }
    .TW-button:hover, .TW-button:focus { background-color: #64c3cd; }
#GP-table th, .GP-header, .GP-table > thead > tr > th, .GP-nav, .GP-button, .GP-bg { background-color: #ff5c57; }
    .GP-button:hover, .GP-button:focus { background-color: #d95f39; }
#YT-table th, .YT-header, .YT-table > thead > tr > th, .YT-nav, .YT-button, .YT-bg { background-color: #f44147; }
    .YT-button:hover, .YT-button:focus { background-color: #d44639; }
#IN-table th, .IN-header, .IN-table > thead > tr > th, .IN-nav, .IN-button, .IN-bg { background-color: #ff568c; }
    .IN-button:hover, .IN-button:focus { background-color: #a753b5; }
#LI-table th, .LI-header, .LI-table > thead > tr > th, .LI-nav, .LI-button, .LI-bg { background-color: #0392d6; }
    .LI-button:hover, .LI-button:focus { background-color: #1e7aab; }
.socialIcon { width: 30px; height: 30px; float: left; margin-right: 5px; }
.icon-FB { background-image: url('/Content/images/icon-fb.png'); }
.icon-GP { background-image: url('/Content/images/icon-gp.png'); }
.icon-LI { background-image: url('/Content/images/icon-li.png'); }
.icon-TW { background-image: url('/Content/images/icon-tw.png'); }
.icon-YT { background-image: url('/Content/images/icon-yt.png'); }
.icon-IN { background-image: url('/Content/images/icon-in.png'); }

.social-page-icons { float: left; }
    .social-page-icons .page-header-title { position: absolute; margin-left: 40px; line-height: 35px; }
.dropdown-menu .social-page-icons { transform: scale(0.8); }
.social-page-icons.FB { background-position: 0 -35px; }

    .social-page-icons.FB:hover, .social-page-icons.FB.selected { background-position: 0 0; }

.social-page-icons.TW { background-position: -35px -35px; }

    .social-page-icons.TW:hover, .social-page-icons.TW.selected { background-position: -35px 0; }

.social-page-icons.IN { background-position: -71px -35px; }

    .social-page-icons.IN:hover, .social-page-icons.IN.selected { background-position: -71px 0; }

.social-page-icons.GP { background-position: -106px -35px; }

    .social-page-icons.GP:hover, .social-page-icons.GP.selected { background-position: -106px 0; }

.social-page-icons.YT { background-position: -141px -35px; }

    .social-page-icons.YT:hover, .social-page-icons.YT.selected { background-position: -141px 0; }

.social-page-icons.LI { background-position: -176px -35px; }

    .social-page-icons.LI:hover, .social-page-icons.LI.selected { background-position: -176px 0; }
.navbar-inverse { background-color: #4e5252; border: 0px; }
.navbar { min-height: 65px; }
.navbar-brand { height: 65px; }
.navbar-nav > li > a { padding-top: 22px; padding-bottom: 22px; }
.navbar-toggle { margin-top: 15px; margin-bottom: 15px; border-radius: 0; }
.navbar-inverse .navbar-toggle { border-color: #fff; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; }
.navbar-inverse .navbar-nav > li > a { color: #fff; }
    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: transparent; }
.navbar-nav > li > .dropdown-menu { border-radius: 0; }
.navbar-right .dropdown-menu { left: 0; right: 0; }

.dropdown-menu { padding: 0; min-width: 120px; }
    .dropdown-menu > li > a { padding: 9px 10px; }
.socialAccount a { padding-left: 5px !important; padding-right: 5px !important; }



/*
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
    box-shadow: none;
}
*/
.header-basket span { float: right; font-weight: 600; margin-top: -10px; padding: 0 0 0 2px; }
.header-basket { margin-top: 0px !important }
/* Undo inline form compaction on small screens */
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }

.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }

.form-inline .form-control-static { display: inline-block; }

.form-inline .input-group { display: inline-table; vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control { width: auto; }

    .form-inline .input-group > .form-control { width: 100%; }

.form-inline .control-label { margin-bottom: 0; vertical-align: middle; }

.form-inline .radio,
.form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label { padding-left: 0; }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }

.form-inline .has-feedback .form-control-feedback { top: 0; }

.content { border: 1px solid #f2f2f2; padding-bottom: 10px; display: inline-block; width: 100%; }
.list-group-item:first-child, .list-group-item:last-child { border-radius: 0; border: 0; }
.list-group-item { border: 0; }
ul.userinfo { list-style-type: none; padding: 0; margin: 0; text-align: left; }
.userSidebar ul.userinfo li { padding: 8px 5px; cursor: pointer; margin-bottom: 0; height: 3em; display: block; }
    .userSidebar ul.userinfo li a { color: #666; font-size: 14px; font-weight: 400; }
    .userSidebar ul.userinfo li:hover { background-color: #99ecfc; }
        .userSidebar ul.userinfo li:hover a, .userSidebar ul.userinfo li:focus a { text-decoration: none; }
    .userSidebar ul.userinfo li:first-child { border-bottom: 1px solid #f7f7f7; padding: 8px 5px; text-align: left; margin-bottom: 8px; }
        .userSidebar ul.userinfo li:first-child a { color: #333; font-size: 16px; line-height: 18px; }

        .userSidebar ul.userinfo li:first-child:hover { background-color: transparent; }
.imgIcon { display: inline; width: 35px; float: left; }
.userSidebar .badge { border: 0.8px solid #121f10; font-size: 14px; color: #4d5152; background-color: #6ddedf; border-radius: 22px; padding: 5px 8px; }
.sidebarBox { border: 1px solid #f7f7ff; margin-bottom: 10px; }
.side-header { background-color: rgb(231, 100, 62); color: #fff; font-weight: 600; font-size: 14px; padding: 5px; }
.selectCountry { background-color: #4e5252; color: #fff; padding: 5px; }

/* Finesse the page header spacing */
.page-header { margin-bottom: 20px; margin-top: 10px; background-color: #e7643e; display: block; height: 35px; text-align: left; padding: 2px 10px; border-bottom: 0; line-height: 30px; }
    .page-header.mor-header { background-color: #7a5b86; margin-bottom: 10px; }
    .page-header.mavi-header { background-color: #6e8bd5; margin-bottom: 0px; margin-top: 5px; }
h4.page-header-title { color: #fff; margin: 0; font-weight: 600; line-height: 30px; }
.instabgPhoto { max-height: 250px; overflow: hidden; }
    .instabgPhoto .sonUc { background-position: center center; background-size: cover; height: 250px; max-width: 100%; -webkit-filter: grayscale(0.7); -moz-filter: grayscale(0.7); -o-filter: grayscale(0.7); -ms-filter: grayscale(0.7); filter: grayscale(0.7); }

    .instabgPhoto img { -webkit-filter: blur(0.8px) grayscale(0.7); }
.bgPhoto { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 250px; overflow: hidden; width: 731px; max-width: 100%; background-color: #ccc; }
/*
.bgPhoto img {
    width: 100%;
} */
.lh20 { line-height: 20px; }
.blgTable .breadcrumb-item { font-size: 14px; }
.form-horizontal .control-label { text-align: left; }
.page-header-icon { background-image: url('/Content/images/myprofile-icon.png'); width: 29px; height: 31px; margin-right: 5px; background-repeat: no-repeat; background-position: center center; }
.adresSimge { background-image: url('/Content/images/harita_icon.png'); }
.fbSimge { background-image: url('/Content/images/facebook-sosyal-medya-sektorel-istatistikleri-1.png'); }
.twSimge { background-image: url('/Content/images/twitter-sosyal-medya-sektorel-istatistikleri-1.png'); }
.gpSimge { background-image: url('/Content/images/googleplus-sosyal-medya-sektorel-istatistikleri-1.png'); }
.ytSimge { background-image: url('/Content/images/youtube-sosyal-medya-sektorel-istatistikleri-1.png'); }
.instaSimge { background-image: url('/Content/images/instagram-sosyal-medya-sektorel-istatistikleri-1.png'); }
#destek .page-header-icon, #gizlilik .page-header-icon { background-image: url('/Content/images/destek_icon.png'); background-repeat: no-repeat; width: 29px; height: 31px; margin-right: 5px; }
#sosyalMedyaVeBiz .page-header-icon { background-image: url('/Content/images/about_icon.png'); background-repeat: no-repeat; background-position: center center; width: 29px; height: 31px; margin-right: 5px; }
.solIcon { background-position: left center; background-repeat: no-repeat; padding-left: 30px; padding-top: 1px; line-height: 30px; font-size: 16px; }
.iletisimSimge { background-image: url('/Content/images/iletisim_icon.png'); }
.genelBakisSimge { background-image: url('/Content/images/facebook-hayran-sayfasi-sosyal-medyaya-genel-bakis.png'); }
.performansSimge { background-image: url('/Content/images/facebook-hayran-sayfasi-sosyal-medya-performansi.png'); }
.paddingLR8 { padding-left: 8px; padding-right: 8px; }
.paddingLR10 { padding-left: 10px; padding-right: 10px; }
.paddingTB10 { padding-top: 10px; padding-bottom: 10px; }

.loginHeader { border-bottom: 1px solid #f2f2f2; height: 40px; margin-bottom: 30px; }
.mrgnBttm0 { margin-bottom: 0px; }
.loginHeaderTitle { float: right; font-size: 25px; font-weight: 600; line-height: 20px; }
.form-check-label { font-weight: 400; line-height: 12px; margin-bottom: 0; line-height: 20px; float: left; cursor: pointer; }
.boomForm .form-group { margin-bottom: 10px; }
.boomForm input, .boomForm textarea, .boomForm select { border: 1px solid #929696; border-radius: 0; color: #898989; font-size: 13px; padding: 5px; }
.btn { border: 0 !important; }
.btn-default { background-color: #f0f0f0; color: #000 !important; }
a.btn.btn-default { color: #000 !important; }
.boomForm textarea { resize: none; }
#iletisim .boomForm textarea { height: 445px; }

.form-control:focus { box-shadow: none; border: 1px solid #2f9fe0; color: #060606; }
.boomBtn { font-size: 14px; font-weight: 600; border-radius: 0; border: 1px solid; padding: 7px 12px !important; color: #fff; }
.row-fluid { margin: 0px auto; }
.maviBtn { background-color: #45c1e3; }
.griBtn { background-color: #ddd; color: #5f5f5f; }
.turuncuBg { background-color: #f0ad4e; color: #fff; font-weight: 600; }
.griBtn:focus, .griBtn:hover, .griBtn:active { background-color: #d0d0d0; color: #5f5f5f; }
.turuncuBtn { background-color: #fdb75f; line-height: 16px; padding: 5px 15px; color: #fff !important; }
.pembeBtn { background-color: #e7643e; color: #fff; padding: 5px 31px; }
.pembeBtn2 { background-color: #ec8364; margin-right: 10px; }
.pembeBtn:hover { background-color: #ec8364; color: #fff; }
.pembeBtn2:hover { background-color: #e7643e; }
.btn a { color: #fff; }
.turuncuBtn:hover, .turuncuBtn:focus, .turuncuBtn:active { background-color: #f9ad4f; color: #fff; }
.yesilBtn { background-color: #8cc152; color: #fff; }
    .yesilBtn:hover, .yesilBtn:focus, .yesilBtn:active { background-color: #78a546; color: #fff; }
.p12 { font-size: 12px; }
.loginTitle { color: #666; font-size: 18px; margin: 0; margin-bottom: 5px; font-weight: 600; }
.lh40 { line-height: 40px; }
.loginContent ul { padding-left: 15px; }

    .loginContent ul li { font-size: 14px; line-height: 25px; list-style: outside none disc; }
.form-check { display: inline-block; }
.form-check-inline { margin-right: 20px; float: left; }
.radioBtn { background-image: url("../images/default_checkbox_unchecked.png"); background-repeat: no-repeat; height: 20px; width: 20px; float: left; margin-right: 3px; cursor: pointer; }
    .radioBtn.checked { background-image: url("../images/default_checkbox_checked.png"); }

.breadcrumb { border-radius: 0px; margin-top: 10px; margin-bottom: 10px; background-color: #eaeaea; padding-top: 3px; padding-bottom: 3px; }
.breadcrumb-item { font-size: 12px; color: #666; }
    .breadcrumb-item.active { color: #000; }
    .breadcrumb-item + .breadcrumb-item::before { color: #636c72; content: ">"; display: inline-block; padding-left: 0.5rem; padding-right: 0.5rem; }
.cursor { cursor: pointer; }
.white { color: #fff; }
.panel-group .panel { border-radius: 0px; }
.panel-default > .panel-heading { background-color: #cfd0cd; border: 0px; border-radius: 0px; }
.panel-title { color: #333333; font-size: 14px; font-weight: 600; }

.panel-heading h4.panel-title:before { font-family: FontAwesome; content: "\f0d7"; padding-right: 5px; color: #fff; }
.panel-heading.collapsed h4.panel-title:before { content: "\f0da"; }

.panel-body { background-color: #eff0ee; font-size: 13px; color: #333; }

.media-heading { color: #304040; font-weight: 600; }
#gizlilik ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; }

    #gizlilik ol > li { display: table; counter-increment: item; margin-bottom: 0.6em; }

        #gizlilik ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; }
#gizlilik li ol { margin-top: 0.6em; }
    #gizlilik li ol > li { margin: 0; }

        #gizlilik li ol > li:before { content: counters(item, ".") ". "; }
.griBg { background-color: #eeeeee; }
.pembeBg { background-color: #E23A60; }

.maviBg { background-color: #d9edf7; }
.adres, .yeniAdres { font-size: 13px; }
.addressTitle { font-weight: 600; color: #333; font-size: 14px; }
.page-header-title.darkColor { color: #34373d; }
span.addressTitle { margin-bottom: 3px; }
.btn-select { position: relative; padding: 0; width: 100%; border-radius: 0; margin: 10px 0; }

    .btn-select .btn-select-value { padding: 3px 6px; display: block; position: absolute; left: 0; right: 26px; text-align: left; text-overflow: ellipsis; overflow: hidden; border-top: none !important; border-bottom: none !important; border-left: none !important; }

    .btn-select .btn-select-arrow { float: right; line-height: 20px; padding: 3px 6px; top: 0; }

    .btn-select ul { display: none; background-color: white; color: black; clear: both; list-style: none; padding: 0; margin: 0; border-top: none !important; position: absolute; left: -1px; right: -1px; top: 33px; z-index: 999; }

        .btn-select ul li { padding: 3px 6px; text-align: left; }

            .btn-select ul li:hover { background-color: #f4f4f4; }

            .btn-select ul li.selected { color: white; }

    /* Default Start */
    .btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active { border-color: #f2f2f2; }

    .btn-select.btn-default ul li.selected { background-color: #ccc; }

    .btn-select.btn-default ul, .btn-select.btn-default .btn-select-value { background-color: white; border-right: #f2f2f2 1px solid !important; }
.sec .radioBtn { float: inherit; margin-right: auto; }
.odd { background-color: #eaeaea; }

.btn-select.btn-default:hover, .btn-select.btn-default.active { background-color: #e6e6e6; }
.btn-select.btn-default { border: #f2f2f2 1px solid !important; }
.table .control-label th a:hover { text-decoration: none }

.pageTable.table tr { background-color: #efefef; border-bottom: 2px solid #fff; }

    .pageTable.table tr td { color: #000; display: table-cell; position: static; vertical-align: middle !important; border-right: 1px solid #fff; }

    .pageTable.table tr th { text-align: center; }
#iletilerTable .boomTable.table tr { border-bottom: 1px solid #e8edf3; border-top: 0; color: #333; }
.boomTable.table > thead > tr > th { border-right: 1px solid #fff; color: #fff; font-weight: 400; vertical-align: middle; text-align: center; }
#compareList7Page .boomTable.table > thead > tr > th { color: #000; font-size: 12px; padding: 5px; font-weight: 600; text-align: center; }
    #compareList7Page .boomTable.table > thead > tr > th:first-child { width: 100px; text-align: center; }
    #compareList7Page .boomTable.table > tbody > tr > td:first-child, #compareList7Page .boomTable.table > thead > tr > th:first-child { font-weight: 600; font-size: 13px; }
#compareList7Page .boomTable.table > tbody > tr > td { font-size: 12px; height: 55px; }
#compareList7Page .boomTable.table td:nth-child(2) { text-align: center; }

.boomTable.table > thead > tr > th a { color: #fff; font-weight: 600; text-decoration: none; white-space: nowrap; }
.boomTable.table tr td a, .centerTextTable.table tr td a { display: block }
    .boomTable.table tr td a:hover, .centerTextTable.table tr td a:hover { text-decoration: none; }
.boomTable.table td:nth-child(2) { text-align: left; }
.boomTable.table td { text-align: center; display: table-cell; position: static; vertical-align: middle; }
#iletilerTable tr th:nth-child(2) { width: 500px; }
#iletiler .table .media { max-width: 360px !important; }
.textRightTd tr td { text-align: right; }
.bootstrap-table .table > thead > tr > th { vertical-align: middle !important; }
.boomTable tr td .radioBtn { float: none; margin-right: inherit; }
.pageHeaderMarj0 .page-header { margin-bottom: 0; }
#iletilerTable .boomTable.table > thead > tr > th { font-size: 16px; }
.favorite-list-item, .favorite-list-item .media-body, .compare-list-item .media-body { height: 50px !important; }

#ornekDosya .thumbnail { margin-bottom: 6px; }

.carousel-control.left, .carousel-control.right { background-image: none; margin-top: -5%; width: 5%; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { color: #000; font-size: 25px; }

#ornekDosya figure img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
#ornekDosya figure:hover img { opacity: .5; }
#ornekDosya figure { background: #000; }
.align-left { float: left; margin: 0 20px 20px 0; }
.align-right { float: right; margin: 0 20px 0 20px; }
.blgTable td,
.blgTable th { text-align: left; }

    .blgTable td + td,
    .blgTable th + th { text-align: right }
.centerTextTable td { text-align: left; }
    .centerTextTable td + td { text-align: center; }
.hayranSayfasi { max-width: 315px; }
    .hayranSayfasi .media-body { display: table-cell; position: static; vertical-align: middle !important; }
.pageTable.table tr:hover { background-color: #B6EEEF !important; }
#iletilerTable .boomTable.table tr td { font-size: 12px; }
.table > thead > tr > th { border-bottom: 0px; }
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #b6eeef; border-color: #ddd; color: #000; }
.pagination > li > a, .pagination > li > span { color: #000; }
    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: #b6eeef; }


.table-hover tr:hover td { }
.hayranSayfasi { font-weight: 600; }

.btn-group-sm > .btn-active { border-bottom: 2px solid #99ecfc !important; padding: 4px 10px; }
.karsilastirBtn { padding-left: 60px; padding-right: 60px; }
#sepetim .sec { margin-top: 65px; }
td.p12.griBg:hover { font-weight: normal; }
.boxReport { border: 1px solid #ddd; padding: 15px 0; display: inline-block; width: 100%; font-size: 12px; }

    .boxReport:hover { background-color: #fdfdfd; }

#reportInfo .boxReport:hover, #sepetim .boxReport:hover { background-color: transparent; }
.nav-tabs.reportInfoTab > li > a { background-color: #f3f3f3; border-color: #e0e0e0; border-radius: 0; font-size: 13px; }
.nav-tabs.reportInfoTab > li { margin-right: 10px; }
    .nav-tabs.reportInfoTab > li.active > a { background-color: #fff; border-color: #e0e0e0 #e0e0e0 transparent; }
.boxReport .media-body p { font-size: 12px; }
.boxReport .media-head { font-weight: normal; margin-top: 0; }
.boxReport .turuncuBtn { line-height: 20px; }
.saleBox { border: 1px solid; padding: 15px 8px 8px 8px; }
.colorBox { width: 100%; color: #fff; font-size: 10px; text-transform: uppercase; margin-top: 15px; padding: 10px; }
    .colorBox.colorBoxBig { font-size: 16px; }
        .colorBox.colorBoxBig .tarih { margin-top: 60px }
    .colorBox .tarih { margin-top: 30px; }
.tabBox { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; min-height: 180px; color: #000; }
li.list-inline-item:before { content: '\00a0\2022\00a0'; color: #999; color: rgba(0,0,0,0.5); font-size: 12px; }
.list-inline > li { padding-left: 0; padding-right: 20px; line-height: 25px }
.price { font-weight: 600; color: #333; font-size: 18px; text-align: center; margin-bottom: 3px; line-height: 20px; }
    .price.discount { color: #f45553; text-decoration: line-through; }

.paddingRightNone { padding-right: 0px !important; }
.paddingLeftNone { padding-left: 0px !important; }
.marginBottom10 { margin-bottom: 10px; }
.media { margin-top: 0px; }

.popover { color: #333; font-size: 12px; padding: 0px 0px; white-space: nowrap; }

.bootstrap-table .table { border-radius: 0; }

footer { background-color: #4e5252; margin-top: 30px; padding: 20px 0 20px 0; border-top: 1px solid #696c6c; }
.mobileMenu { background-color: #333; color: #fff; }
.logoBox { background-color: #3e4141; position: relative; left: 0; width: 100%; padding: 10px 0; margin-top: 20px; }
.copyright { color: #979898; text-align: center; margin-top: 10px; font-size: 14px; }
.footer-nav li { list-style: none; }
footer .navbar-nav li a:focus, footer .navbar-nav li a:hover { background-color: transparent; }
footer .social { display: inline-block; padding: 0 0 0 8px; }


.navbar-text { margin-left: 0; margin-right: 0; margin-top: 30px; margin-bottom: 15px; }
.navbar { margin-bottom: 10px; }


#footnav ul { margin-bottom: 0; padding-left: 0; }
    #footnav ul li { display: inline; }

/*
.likeCount ul li a:hover, .likeCount ul li a:focus {
    background-color: transparent;
    color: #000;
}*/
.likeCount ul li { padding: 0 15px; text-align: center; }
.likeCount ul li { border-right: 1px solid #ccd4e3; height: 40px; }
    .likeCount ul li:last-child { border-right: 0; padding-right: 0; padding-left: 0; }

    .likeCount ul li span { font-size: 12px; font-weight: 600; display: block; color: #666; }
    .likeCount ul li:hover span { color: #000; }
    .likeCount ul li span:last-child { font-size: 18px; }

/* adjust body when menu is open */
body.slide-active { overflow-x: hidden }
/*first child of #page-content so it doesn't shift around*/
.no-margin-top { margin-top: 0px !important }
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content { position: relative; padding-top: 80px; left: 0; }
    #page-content.slide-active { padding-top: 0 }
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle { cursor: pointer; position: relative; line-height: 0; float: left; margin: 0; width: 30px; height: 45px; padding: 15px 0 0 0; border: 0; background: transparent; }
    /* icon bar prettyup - optional */
    #slide-nav .navbar-toggle > .icon-bar { width: 100%; display: block; height: 3px; margin: 5px 0 0 0; }
    #slide-nav .navbar-toggle.slide-active .icon-bar { background: #efefef; }
.navbar-header { position: relative }

.navbar.navbar-fixed-top.slide-active { position: relative }

.online-satis-sektor-link { background-color: #45c1e3; color: #fff; font-size: 14px; line-height: 1em; padding: 20px 15px; }
.pageInfoBg { background-color: #F1F3F6; border: 1px solid #ddd; margin-bottom: 5px; }
.pageInfo { display: inline-block; padding-top: 15px; padding-bottom: 15px; }

.profilePic { margin-top: -110px; }
    .profilePic img { border: 2px solid #f7f7f7; min-height: 150px; min-width: 150px; background-color: #efefef; }
.ikon { background-image: url("/Content/images/sosyal-medya-facebook-hayran-sayfasi-hayran-sayisi.png"); background-position: left center; background-repeat: no-repeat; font-size: 24px; padding-left: 36px; padding-top: 4px; }
.sayfaName .title { padding: 15px 15px 10px 15px; height: 60px }
.sayfalar .likeCount { padding: 15px 15px 10px 15px; border-left: 1px solid #ccc; height: 60px }
.likeButton { padding: 5px 0 0 15px; }
.sayfalar .likeButton { padding: 20px 15px 10px 15px; border-left: 1px solid #ccc; height: 60px }

#istatistikler .griBg { padding: 5px 10px; }
#anaNav.nav.nav-tabs { padding: 5px; padding-bottom: 0; border-bottom: 0; margin-top: 10px; }
#anaNav.nav > li > a > img { margin-right: 5px; }


#anaNav.nav-tabs > li { margin-bottom: 0; margin-right: 10px; }
    #anaNav.nav-tabs > li:last-child { margin-right: 0px; }
    #anaNav.nav-tabs > li > a:hover, #anaNav.nav-tabs > li > a:focus { color: #333; }
    #anaNav.nav-tabs > li > a { color: #fff; font-size: 16px; font-weight: 600; border-radius: 0; border: 0px; }
.nav-tabs-right li { margin-right: 10px; float: left; }
    .nav-tabs-right li:last-child { margin-right: 0; }
#anaNav.nav-tabs > li.active > a, #anaNav.nav-tabs > li.active > a:focus, #anaNav.nav-tabs > li.active > a:hover { color: #333; background-color: #f1f1f1; }
#anaNav.nav > li:last-child a { font-size: 14px; color: #fff; }
    #anaNav.nav > li:last-child a:hover, #anaNav.nav > li:last-child a:focus { background-color: transparent; border: 0px; color: #fff; }
#anaNav.nav-tabs > li.active:last-child > a, #anaNav.nav-tabs > li.active:last-child > a:focus, #anaNav.nav-tabs > li.active:last-child > a:hover { background-color: transparent; color: #fff; }

.griBg.nav-tabs > li:last-child { margin-right: 0; }
.griBg.nav-tabs > li > a { color: #333; font-size: 14px; line-height: 24px; font-weight: 600; border-radius: 0; padding: 0px 10px; }
#pageInfo .griBg.nav-tabs > li.active > a, #pageInfo .griBg.nav-tabs > li.active > a:focus, #pageInfo .griBg.nav-tabs > li.active > a:hover { background-color: #99ecfc; border-color: #99ecfc; }
#pageInfo .griBg.nav-tabs > li > a:hover, #pageInfo .griBg.nav-tabs > li > a:focus { background-color: #99ecfc; }
#iletiler .table tr th { background-color: #f1f1f1; border-bottom: 1px solid #ddd; text-align: center; color: #333; font-size: 14px; font-weight: 600; line-height: 24px; }
#iletiler .table tr td { display: table-cell; position: static; vertical-align: middle; font-size: 12px; cursor: pointer; }
#bilgiler { padding: 10px; min-height: 300px; }
.bilgiler h3.media-heading a { color: #2aabe4; }
.bilgiler h3.media-heading .label { font-size: 40%; vertical-align: middle }

.thumbnail { border-radius: 0; }
.ekle { width: 125px; }

.infoBox .table tr td { font-size: 13px; border: 0; padding: 1px }
.infoBox .table { margin-bottom: 10px }
    .infoBox .table tr td:first-child { width: 75px; }

.infoBox.bilgiler p { margin-bottom: 5px; }
.border { border: 1px solid #ddd; }
.p10 { padding: 10px; }
.img-thumbnail { border-radius: 0; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
#benzer .col-sm-3 { padding-right: 3px; cursor: pointer; padding-left: 3px }
.tabBox .saleBox:hover { background-color: #f7f7f7; }
.tabBox .colorBox { font-size: 14px; }
#benzer .col-sm-3:first-child { padding-left: 0px; }
#benzer .col-sm-3:last-child { padding-right: 0px; }
#faturaTable tr th { background-color: #666666; font-size: 12px; border-right: 1px solid; color: #fff; text-align: center; }

.stylish-input-group .input-group-addon { background: #8bbb4e !important; color: #fff; font-weight: 600; }
.stylish-input-group .form-control { border-right: 0; box-shadow: 0 0 0; border-color: #ccc; }
.stylish-input-group button { border: 0; background: transparent; }
#txt-search { padding: 5px; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-radius: 0; }
.input-group-addon { padding-right: 6px; padding-left: 6px; }
#reportCreate .table td { vertical-align: middle; font-weight: 600; cursor: pointer; }

#reportCreate .table tr td:first-child { width: 28px; }
#reportCreate .table tr td:nth-child(2) { width: 80px; }
.analizBox1 { max-width: 221px; min-height: 155px; font-family: Roboto; }

    .analizBox1 h1, .analizBox1 h3, .analizBox2 h3 { margin-top: 0; letter-spacing: -1px; font-weight: 800 }
    .analizBox1 h1 { font-size: 38px; line-height: 40px; margin-bottom: 5px; color: #E23A60; }
    .analizBox1 h3 { line-height: 20px; margin-bottom: 3px; color: #E23A60; font-size: 25px; }
.analizBox2 { width: 100%; min-height: 155px; font-family: Roboto; }
    .analizBox2 h3 { color: #fff; margin-bottom: 0; line-height: 28px; }
    .analizBox2 p { font-size: 14px; font-weight: 500; margin-bottom: 2px; }
.morBtn { background-color: #784B8C; color: #fff; }
    .morBtn:hover { color: #fff; background-color: #6c3d82; }
.analizBox1 .morBtn { padding: 5px 30px; margin-top: 5px; font-weight: 600; }
.analizBox2 { color: #fff; }
#reportAnalysis { color: #333; }
    #reportAnalysis .media-heading { font-size: 18px; line-height: 20px; color: #000; }
        #reportAnalysis .media-heading:before { background-color: #9a65ad; display: block; float: left; height: 10px; margin-right: 5px; margin-top: 6px; width: 9px; content: ''; }
.morColor { color: #784B8C; }
.margin-top-10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mB20 { margin-bottom: 20px; }
.yakinda { background-color: #ff9900; color: #fff; font-size: 15px; font-weight: 600; padding: 0 15px; margin-left: 10px; }
#reportAnalysis .media-bottom strong { font-size: 13px; color: #333; }
#reportAnalysis .media-bottom.p12 { color: #666666; }
.raporAnalizBaslik { color: #000; font-size: 22px; font-weight: 600; margin: 0 0 5px; }
#ulke.table tr th { background-color: #666666; text-align: center; }
    #ulke.table tr th a { color: #fff; }
        #ulke.table tr th a:hover { text-decoration: none; }
#ulke.table tr td { text-align: center; }
/*#ulke.table tr:hover{
    background-color: #F36C25;
}*/
#ulke.table tbody tr td:nth-child(2) { font-weight: 600; text-align: left; }

.uclu .turuncuBg { padding: 10px 8px; cursor: pointer; font-size: 12px; background-color: #ffb957; line-height: 14px; font-weight: normal; }
    .uclu .turuncuBg:hover { background-color: #fea932; }
    .uclu .turuncuBg .media-heading { color: #fff; font-size: 16px; line-height: 18px; }
.uclu .media-right, .media > .pull-right { padding-left: 5px; }


.sayfalar .nav-tabs > li > a { background-color: #fff; padding: 9px; border-radius: 0; margin-right: 5px; }
    .sayfalar .nav-tabs > li > a:hover, .sayfalar .nav-tabs > li.active > a { background-color: #666; }
.sayfalar .griBg { background-color: #f1f1f1; }
.sayfalar #myTab { padding: 0 11px 8px 11px; }

.sayfalar ul#myTab li a img { max-width: 100%; max-height: 79px; min-height: 79px; }
.sayfaName { border-bottom: 1px solid #ccc; display: inline-block; }
.sayfalar .nav-tabs > li > a:hover { background-color: #666; }
.sayfalar .nav-tabs > li:last-child a { margin-right: 0; }
.sayfalar .nav-tabs li.active > a, .sayfalar .nav-tabs > li.active > a:focus, .sayfalar .nav-tabs > li.active > a:hover { position: relative; border: 0; }
.sayfalar .nav-tabs > li.active > a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(102, 102, 102, 0); border-top-color: #666; border-width: 15px; margin-left: -15px; }
.sayfalar h2 { margin: 0; font-weight: 600; font-size: 16px; line-height: 18px; }

.pt10 { padding-top: 10px; }
.sIcon { background-position: center left; background-repeat: no-repeat; height: 30px; padding-left: 35px; line-height: 30px; }
    .sIcon.likeCount-icon { background-image: url('/Content/images/fb-fanCount.png'); font-size: 24px; padding-left: 38px; }
    .sIcon.adamIcon { background-image: url('/Content/images/myprofile-icon.png'); height: 31px; line-height: 31px; }
.fw600, strong { font-weight: 600; }
.sector-menu-item .sIcon { padding-left: 38px; font-size: 15px; }
.sIcon.sektorelIstatik { background-image: url('/Content/images/sosyal-medya-sektorel-istatistikler.png'); }
.sIcon.kanalIstatik { background-image: url('/Content/images/channel-stats-1.png'); }
.sIcon.ulkeIstatik { background-image: url('/Content/images/social-media-country-stats-0.png'); }
.sIcon.globalIstatik { background-image: url('/Content/images/Facebook-global-pages-0.png'); }
.sIcon.raporlarim { background-image: url('/Content/images/boomsocial-sosyal-medya-raporlarim.png'); }

.sIcon.faturalarim { background-image: url('/Content/images/boomsocial-sosyal-medya-faturalarim.png'); height: 31px; line-height: 28px }
.sIcon.karsilastirma { background-image: url('/Content/images/sosyal-medya-marka-karsilastirma.png'); height: 26px; line-height: 24px }
.sIcon.favorilerim { background-image: url('/Content/images/sosyal-medyadaki-favori-markalarim.png'); height: 28px; line-height: 26px }
.sIcon.ayarlar { background-image: url('/Content/images/ayarlar.png'); line-height: 20px; height: 25px; padding-left: 25px; }
.sIcon.isilanlarim { background-image: url('/Content/images/boomsocial-sosyal-medya-career-list.png'); height: 24px; line-height: 20px; background-size: contain; }
.careerlist.selected .sIcon.isilanlarim { background-image: url('/Content/images/boomsocial-sosyal-medya-career-list-selected.png'); }
.chosen-container { float: right; }

.list-group-item .title { vertical-align: middle; }
.sIcon a { color: #000; font-weight: 600; font-size: 18px; }
.borderTB { border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; }
.tab-content .headBox { border-right: 1px solid #f7f7f7; padding-top: 10px; padding-bottom: 10px; }
    .tab-content .headBox:last-child { border-right: 0; }
hr { border-color: #444; margin-bottom: 10px; }
.border-left { border-left: 1px solid #d8d8d8; }
.border-bottom { border-bottom: 1px solid #d8d8d8; }
.banner2 { border: 2px solid #535c5e; background: #fff; width: 100%; min-height: 137px; margin: 10px 0; float: left; }

.solYildiz { float: left; background: url('/Content/images/sol-yildiz.png') no-repeat; height: 137px; width: 63px; }
.socialBrandsHome .logo { float: left; background: url('/Content/images/social-brands.png') no-repeat; height: 137px; width: 171px; }
.sagYildiz { position: absolute; right: 2.5%; background: url('/Content/images/sag-yildiz.png') no-repeat; height: 137px; width: 90px; }
.sagYildiz2 { background: url('/Content/images/sag-yildiz2.png') no-repeat; width: 67px; height: 137px; position: absolute; right: 2.5%; }
.yazi { padding: 20px 0px 20px 44px; float: left; }
.yenilendi .yazi { width: 56%; padding: 29px 0; }
.yazi1 { font-size: 26.5px; font-weight: 800; color: #535c5f; line-height: 25px; }
.yazi2 { font-size: 17px; font-weight: 400; color: #535c5e; }
    .yazi2 span { font-weight: 600; }
.yenilendi .yazi1 { font-size: 33px; line-height: 38px; }
.yenilendi .yazi2 { font-size: 14.9px; line-height: 16px; }
.yazi .btn { color: #fff; font-weight: 600; background-color: #765fd9; padding: 10px 15px; margin-top: 10px; font-size: 14.6px; line-height: 14px; }
.yazi button:hover { color: #fff; }
.yenilendi .logo { float: left; background: url('/Content/images/boomsocial-yenilendi.png') no-repeat center center; height: 137px; width: 278px; }
.banner3 { background-color: #f8f8f8; }
    .banner3 .media-body ul { padding: 0; }
    .banner3 .media-body .col-sm-6 { color: #4d5152; padding: 0; }
    .banner3 .media-right { padding-left: 0; }
    .banner3 h1 { margin: 0; font-weight: 800; font-size: 22.8px; line-height: 32px; color: #4d5152; }
    .banner3 p { color: #4d5152; font-size: 17.66px; }
    .banner3 .sIcon { height: 35px; padding-left: 40px; line-height: 35px; margin-bottom: 10px; }
        .banner3 .sIcon.icon1 { background-image: url('/Content/images/Sosyal-Medya-Olcumleme-Analiz-Raporlama-Programi-1.jpg'); }
        .banner3 .sIcon.icon2 { background-image: url('/Content/images/Sosyal-Medya-Olcumleme-Analiz-Raporlama-Programi-2.jpg'); }

        .banner3 .sIcon.icon3 { background-image: url('/Content/images/Sosyal-Medya-Olcumleme-Analiz-Raporlama-Programi-3.jpg'); }

        .banner3 .sIcon.icon4 { background-image: url('/Content/images/Sosyal-Medya-Olcumleme-Analiz-Raporlama-Programi-4.jpg'); }

        .banner3 .sIcon.icon5 { background-image: url('/Content/images/Sosyal-Medya-Olcumleme-Analiz-Raporlama-Programi-5.jpg'); }
        .banner3 .sIcon.icon6 { background-image: url('/Content/images/Sosyal-Medya-Olcumleme-Analiz-Raporlama-Programi-6.jpg'); }
    .banner3 .uyeolunBtn { color: #fff; font-size: 14px; line-height: 14px; background-color: #dd2d44; padding: 6px 8px; margin-top: 10px; }
        .banner3 .uyeolunBtn strong { font-size: 16px; display: block; margin-top: 5px; }
        .banner3 .uyeolunBtn:hover { background-color: #CD2A41; }
.searchBox input, .searchBox .stylish-input-group .input-group-addon { background: #f7f7f7; }


#mobileMenu { width: 250px; position: fixed; top: 65px; left: -250px; height: 100vh; z-index: 999; background: #262626; color: #fff; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }

    #mobileMenu.active { left: 0; }


.overlay { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; display: none; top: 0; left: 0; }

#mobileMenu ul.components { padding: 0; border-bottom: 1px solid #444; }
#mobileMenu .form-control { background-color: #262626; border-color: #262626; height: 48px; font-size: 16px; color: #fff; }

#mobileMenu .stylish-input-group .input-group-addon { background: #262626 !important; border: #262626; font-size: 22px; }

#mobileMenu ul p { color: #fff; padding: 10px; }
#mobileMenu .input-group { border-bottom: 1px solid #000; }
#mobileMenu .list-group-item { background-color: transparent; padding: 0; margin-bottom: 0; border-bottom: 0; }
#mobileMenu .sIcon { padding-left: 0; background-image: none; height: auto; }
#mobileMenu ul li a { padding: 10px; font-size: 1.1em; display: block; color: #fff; }
    #mobileMenu ul li a:hover, #mobileMenu ul li a:focus { color: #f7f7f7; background: #4E5252; text-decoration: none; }

#mobileMenu ul li.active > a, a[aria-expanded="true"] { color: #fff; background: #4E5252; }


#mobileMenu a[data-toggle="collapse"] { position: relative; }

#mobileMenu a[aria-expanded="false"]::before, #mobileMenu a[aria-expanded="true"]::before { content: '\f0d7'; display: block; position: absolute; right: 20px; font-family: 'FontAwesome'; font-size: 0.9em; }
#mobileMenu a[aria-expanded="true"]::before { content: '\f0d8'; }


#mobileMenu ul.components ul.list-unstyled a { font-size: 0.9em !important; padding-left: 30px !important; background: #444; }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { cursor: default; }
.pagination { margin: 0; }

.boomModal { padding-right: 0px !important; }
    .boomModal .modal-title { color: #4e5252; font-weight: 800; font-size: 24px; }
    .boomModal .modal-content { border-radius: 0; background-color: #F2F2F2; }
#markaRapor.boomModal .modal-content { height: 100%; display: inline-block; background-color: #434A54; }
#sayfaEkle .modal-dialog { width: 685px; }
#satis-sozlesmesi .modal-dialog { width: 800px; }
#satis-sozlesmesi .modal-content { padding-bottom: 30px; }
#satis-sozlesmesi .modal-body { overflow-y: scroll; height: 400px; }
#sayfaEkle ul li::before { content: "\f111"; color: #f44f4d; float: left; font-family: FontAwesome; font-size: 9px; margin-right: 5px; padding-top: 3px; }
#sayfaEkle ul { padding: 0; margin-top: 10px; }
    #sayfaEkle ul li { font-size: 12px; list-style: none; }
#markaRapor .modal-dialog { width: 762px; }
#markaRapor .modal-header { border: 0; }
.boxLeft, .boxRight { min-height: 100%; }
    .boxLeft, .boxLeft h4.modal-title { background-color: #434A54; color: #fff; }
        .boxLeft h4.modal-title { margin-top: 30px; }

        .boxLeft .modal-footer { padding: 2px 10px; border-top-color: #434A54; }
.boxRight { background-color: #4FC0E9; color: #434A54; height: 100%; }
    .boxRight .modal-body { padding-top: 0; padding-bottom: 0; min-height: 255px; }
    .boxRight .darkBtn:hover { background-color: #2e3239; }
    .boxRight .darkBtn { background-color: #434a54; color: #55c1e7 !important; font-weight: 400; line-height: 30px; }
    .boxRight .modal-header { padding-bottom: 5px; }
    .boxRight h3 { margin-top: 5px; margin-bottom: 0; }
.page-report-result { color: #fff; font-size: 14px; }
.f16 { font-size: 16px; }
.page-report-result .fa-check-circle { font-size: 30px; }
.boxLeft .btn { color: #444; font-size: 17px; padding: 5px !important; }
    .boxLeft .btn.ornRapor { padding: 0; color: #7b8695 !important; font-weight: 600; font-size: 12px; }
.boxLeft select { background-color: #606772; border: 0 none; color: #55c1e7; font-size: 14px; padding: 7px; width: 100%; line-height: 33px; font-weight: 600; text-align: center; }
.boxLeft span { color: #55c1e7; font-weight: 600; }
.boxLeft .fa-calendar { color: #55c1e7; }
#reportrange2.tarihAraligi { border-color: #606772; background-color: #606772; padding: 8px; width: 100%; }
.infoBox { background-color: #E6E5E5; width: 100%; min-height: 200px; border: 1px solid #eee; padding: 10px; display: none; }
.back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display: none; background-color: #5b5f5f; color: #fff; padding: 10px 13px; }
    .back-to-top:hover, .back-to-top:focus { background-color: #4E5252; }
.btn-pasif { opacity: 0.6; cursor: default; }
    .btn-pasif.yesilBtn { background-color: #8cc152; }
a.btn { color: #fff !important; }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all { max-width: 246px; min-width: 246px; overflow-y: scroll; max-height: 200px; border-radius: 0; }
.ui-autocomplete .highlight { font-weight: 600; }
.ui-widget-content a { border-radius: 0; }
    .ui-widget-content a:hover { text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: transparent; border: 0; transform: none; }
.ui-menu .ui-state-focus, .ui-menu .ui-button:hover { margin: 0 !important; }
.ui-menu .ui-menu-item { padding: 5px; line-height: 22px; }
.ui-autocomplete { padding-bottom: 10px; }
    .ui-menu .ui-menu-item:hover, .ui-menu-item:focus, .ui-autocomplete li a:focus, .ui-autocomplete li a:hover, .ui-autocomplete li:focus, .ui-autocomplete li.selected { background-color: #ccc !important; }
.warning-template { padding: 40px 15px; text-align: center; }
.warning-actions { margin-top: 15px; margin-bottom: 15px; }
    .warning-actions .btn { margin-right: 10px; }

.chosen-container.chosen-container-single, .search-box { width: 100% !important; float: left; }
.tarihAraligi { background: #fff; cursor: pointer; padding: 3px 10px; border: 1px solid #ccc; }
.daterangepicker { width: auto; }

    .daterangepicker .ranges ul { width: 125px; }
    .ranges li, .daterangepicker .input-mini, .daterangepicker, .daterangepicker .input-mini.active { border-radius: 0; }
.ranges li { color: #444; padding-left: 6px; font-weight: 600; margin-bottom: 5px; }
    .ranges li.active, .ranges li:hover { background-color: #99ecfc; border: 1px solid #99ecfc; color: #444; }
.range_inputs { text-align: center; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #99ecfc; color: #444; font-weight: 600; }
.calendar-table th, .calendar-table .month { font-weight: 600; }
.calendar-table .table-condensed > tbody > tr > td, .calendar-table .table-condensed > tbody > tr > th, .calendar-table .table-condensed > tfoot > tr > td, .calendar-table .table-condensed > tfoot > tr > th, .calendar-table .table-condensed > thead > tr > td, .calendar-table .table-condensed > thead > tr > th { padding: 3px; }
.daterangepicker .calendar-table { border-radius: 0; }
.daterangepicker.dark { background-color: #606772; }
    .daterangepicker.dark .ranges li { margin-bottom: 4px; font-size: 12px; padding: 2px 10px; }
    .daterangepicker.dark .range_inputs .btn { padding-top: 2px; padding-bottom: 2px; }
    .daterangepicker.dark .calendar-table .table-condensed > tbody > tr > td, .daterangepicker.dark .calendar-table .table-condensed > tbody > tr > th, .daterangepicker.dark .calendar-table .table-condensed > tfoot > tr > td, .daterangepicker.dark .calendar-table .table-condensed > tfoot > tr > th, .daterangepicker.dark .calendar-table .table-condensed > thead > tr > td, .daterangepicker.dark .calendar-table .table-condensed > thead > tr > th { padding: 2px; }
    .daterangepicker.dark .input-mini { height: 25px; line-height: 25px; font-size: 12px; margin: 0 0 3px 0; }
    .daterangepicker.dark .calendar th, .daterangepicker.dark .calendar td { min-width: 25px }
    .daterangepicker.dark .daterangepicker_input i { top: 5px; left: 5px; }
    .daterangepicker.dark td, .daterangepicker.dark th { font-size: 12px; }
    .daterangepicker.dark::after { border-bottom-color: #606772; }
    .daterangepicker.dark::before { border-bottom-color: #797b7f; }
.btn { border-radius: 0 !important; }
#country_list_chosen { float: right !important; color: #4e5252; }
    #country_list_chosen.chosen-container.chosen-container-single { width: 120px !important; }
.chosen-container-single .chosen-single { height: 28px; line-height: 28px; }
.chosen-container .chosen-drop { border-radius: 0; }
#compareList7Page .table-responsive .table tr td, #compareList7Page .table-responsive .table tr th, .table-responsive #iletilerTable tr td, #iletiler .table-responsive tr td { white-space: inherit; }
.inline-checkbox { float: left; margin-right: 10px; }
#sepetim .table tr td { text-align: left; padding: 3px 10px; font-size: 16px; color: #000; }
.ozetTable.table tr td { font-size: 12px; text-align: left; padding: 10px; font-weight: 600; color: #000; }
.ozetTable.table tr td, .siparisToplam.table tr td { border-bottom: 1px solid #e8edf3; border-top: 0; }
.siparisToplam.table tr td { font-size: 16px; color: #000; }

.siparisToplam.table tr:last-child td { border-bottom: 0; }

.ozetTable.table tr td:last-child { text-align: right; width: 90px; }
.siparisToplam.table { margin-top: 50px; margin-bottom: 0; }

    #sepetim .table tr td:last-child, .siparisToplam.table tr td:last-child { text-align: right; }
.sepeteGit { line-height: 22px; }
.siparisOzeti { }
label { font-weight: 600; }

#sepetim .analiz { width: 82%; }
.boomLabel { font-size: 10px; }

.checkoutStep { font-size: 25px; border-radius: 50%; border: 2px solid; float: left; }
.setup-panel.nav-pills > li > a { border-radius: 0; }
    .setup-panel.nav-pills > li > a > .badge { padding: 5px 10px; margin: 0 10px 0 0; }
.setup-panel.thumbnail { padding: 0; }
.setup-panel.nav-justified a { text-align: left; }
.setup-panel .list-group-item-text { font-size: 10px; }
.list-group-item-heading { line-height: 40px; margin-bottom: 0; font-size: 17px; }
.nav.nav-pills.nav-justified.thumbnail.setup-panel li { border-right: 1px solid #f5f5f5; }
    .nav.nav-pills.nav-justified.thumbnail.setup-panel li:last-child { border-right: 0; }
.list-group-item.active > .badge, .nav-pills > .active > a > .badge { background-color: #efefef; color: #4d5152; border: 2px solid #4d5152; }

.setup-panel.nav-pills > li.active > a, .setup-panel.nav-pills > li.active > a:focus, .setup-panel.nav-pills > li.active > a:hover { color: #4d5152; background-color: #6ddedf; }
.setup-panel.nav-pills > li > a { color: #4d5152; cursor: default; }
.setup-panel.nav-pills > li > a { background-color: transparent; }
.zindex.modal { z-index: 2000 !important; }
.adresEdit { position: absolute; bottom: 10px; right: 10px; font-size: 12px; left: 0; background-color: #fff; text-align: right; }
ul.setup-panel { margin-bottom: 0; }
.setup-content h4 { border-bottom: 1px solid #ccc; margin: 0 0 10px; padding-bottom: 10px; }
.yeniAdres { font-size: 20px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 53%; height: 30%; margin: auto; word-break: break-all; }

.adres { min-height: 143px; position: relative; }
#smat-box .modal-body { padding: 0; min-height: 450px; margin-top: -30px; background-color: transparent; }
#smat-box .modal-header { padding: 0; border-bottom: 0px; z-index: 999; position: relative; }
#smat-box .modal-dialog { width: 450px; max-width: 450px; }
.top0body { position: absolute; z-index: 99; top: 0; left: 0; }
.butonlarca { width: 450px; height: 450px; padding-top: 297px; background: url('/Content/images/smat-bg.png') no-repeat; }
.smatVideo { display: none; }
.tkrr { background: url('/Content/images/tekrar-oynat.png') no-repeat; width: 178px; height: 40px; cursor: pointer; }
.hmn { background: url('/Content/images/hemen-basvur.png') no-repeat; width: 178px; height: 40px; margin-top: 5px; cursor: pointer; }
.kapat { background: url('/Content/images/kapat-smat.png') no-repeat; cursor: pointer; width: 84px; height: 30px; float: right; }

.cards { padding-left: 0; }
    .cards li { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; background-image: url('/Content/images/payment.jpg'); background-position: 0 0; float: left; height: 32px; margin-right: 8px; text-indent: -9999px; width: 51px; list-style: none; }
    .cards .mastercard { background-position: -51px 0; }
    .cards li { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; background-image: url('/Content/images/payment.jpg'); background-position: 0 0; float: left; height: 32px; margin-right: 8px; text-indent: -9999px; width: 51px; }
    .cards .amex { background-position: -102px 0; }
    .cards li { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; background-image: url('/Content/images/payment.jpg'); background-position: 0 0; float: left; height: 32px; margin-right: 8px; text-indent: -9999px; width: 51px; }
        .cards li:last-child { margin-right: 0; }
.telAdres { font-weight: 600; line-height: 35px; font-size: 18px; }
.warning i.fa { font-size: 60px; color: #62DDE0 }
.warning .modal-header { background-color: #F44F4D; padding: 5px 8px }
.warningText { clear: both; }
.socialBrands { overflow: hidden; padding: 15px 0; }

.socialBrandsText { text-align: center; padding: 20px 0; }
    .socialBrandsText p { margin-bottom: 0; font-size: 20px; line-height: 25px; }
.socialBrands button { padding: 5px 30px; font-size: 18px; }
.print > .nav > li a { font-size: 24px; color: #666; padding: 15px 10px 5px 10px }
    .print > .nav > li a:hover, .print > .nav > li a:focus, .print > .nav > li a:active { color: #333; background-color: transparent; }
.print .navbar-nav { margin: 0; }
.print ul.dropdown-menu { width: 45px; min-width: 45px; }
    .print ul.dropdown-menu li a { font-size: 12px; padding: 5px 10px; }
#incelenenMarkalar table { width: 100% !important; }
.boomsonarBanner { background-color: #8660A9; padding: 15px; color: #fff; }
.aBtn:hover, .aBtn:focus { text-decoration: none; }
.asteriks:after, .infoRequired span:last-child:after { content: "*"; color: red; font-size: 12px; position: absolute; margin-top: -2px; }
.fixed-table-container { border: 0px none !important; }

.th-inner.sortable.both { background-image: none !important; }
.fixed-table-container thead th .asc a:after, .fixed-table-container thead th .asc span:after { content: "\f0d8"; font-family: "FontAwesome" !important; margin-left: 5px; }
.boomTable.table > thead > tr > th .fa:before { margin-left: 5px; }

.fixed-table-container thead th .desc a:after, .fixed-table-container thead th .desc span:after { content: "\f0d7" !important; font-family: "FontAwesome" !important; margin-left: 5px; }
.fixed-table-container thead th:first-child { border-radius: 0 !important; }
.fixed-table-container thead th .sortable { padding-right: 10px !important; }
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner { padding: 4px 2px !important; }
.alert { border-radius: 0; }

body { padding-right: 0 !important; }

.btn-default.boomBtn { background-color: #dadada; }

    .btn-default.boomBtn:hover, .btn-default.boomBtn:focus { background-color: #bababa; }


ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: auto; border-bottom: 1px solid #e0e0e0; width: 100%; }

    ul.tabs li a { float: left; margin: 0; cursor: pointer; padding: 10px 15px; font-size: 13px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #173762; overflow: hidden; position: relative; background-color: #f3f3f3; margin-bottom: -1px; margin-right: 10px; }


        ul.tabs li a:hover { text-decoration: none; }

        ul.tabs li a.active { background-color: #fff; color: #555; border-bottom: 1px solid #fff; display: block; }

.tab_container { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 0px; border-top: none; clear: both; float: left; width: 100%; background: #fff; overflow: auto; color: #000; }

.tab_content { padding: 15px; display: none; }

.tab_drawer_heading { display: none; }
ul.tabs li.noTab { border: 0; background-color: transparent; cursor: default; padding-right: 0; }

.adresBox { min-height: 38px; margin-bottom: 26px; }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 4px 2px; }
.favoriBox { width: 51%; padding: 0 10px 0 0; float: left }
.compareBox { width: 49%; float: left }
h4.lh16 { line-height: 16px; }
.high { height: 400px; min-width: 310px; max-width: 800px; max-height: 400px; }
.loadingChart { background-image: url('/Content/images/loadingchart.gif'); width: 100%; height: 450px; background-position: center center; background-repeat: no-repeat; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 4px }
.table > thead > tr > th { border-bottom: 0; }
.boomsocialYenilendi { background-image: url("/Content/images/boomsocial-yenilendi.jpg"); max-width: 100%; height: 141px; background-repeat: no-repeat; display: block; background-size: contain; background-position: center center; }

.socialBransBanner { background-image: url("/Content/images/sosyal-medya-marka-endeksi.jpg"); max-width: 100%; height: 141px; background-repeat: no-repeat; display: block; background-size: contain; background-position: center center; }

/* EN CSS*/

.bannerAylik.en { margin-bottom: 10px; }
.uclu .turuncuBg.en .media-body { height: 54px; }
.left-menu-link.en { font-size: 13.5px; }
.percent1.en { direction: rtl; unicode-bidi: bidi-override; }
.rakam { direction: inherit; unicode-bidi: plaintext; }
#mobileMenu .reportarchive.selected .item-icon-count, #mobileMenu .invoicelist.selected .item-icon-count, #mobileMenu .favoritelist.selected .item-icon-count, #mobileMenu .comparelist.selected .item-icon-count { background-color: #777 !important; }
.bannerAylik .ay.en { font-size: 35px; line-height: 36px; }

/*********/

/* responsives */

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 { position: relative; padding-left: 15px; padding-right: 15px; min-height: 1px; }

@media (min-width: 610px) and (max-width: 767px) {
    .container { max-width: 748px; }
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11 { float: left; }
    .col-ms-1 { width: 8.33333333%; }
    .col-ms-2 { width: 16.66666667%; }
    .col-ms-3 { width: 25%; }
    .col-ms-4 { width: 33.33333333%; }
    .col-ms-5 { width: 41.66666667%; }
    .col-ms-6 { width: 50%; }
    .col-ms-7 { width: 58.33333333%; }
    .col-ms-8 { width: 66.66666667%; }
    .col-ms-9 { width: 75%; }
    .col-ms-10 { width: 83.33333333%; }
    .col-ms-11 { width: 91.66666667%; }
    .col-ms-12 { width: 100%; }
    .col-ms-pull-0 { right: auto; }
    .col-ms-pull-1 { right: 8.33333333%; }
    .col-ms-pull-2 { right: 16.66666667%; }
    .col-sm-pull-3 { right: 25%; }
    .col-sm-pull-4 { right: 33.33333333%; }
    .col-sm-pull-5 { right: 41.66666667%; }
    .col-sm-pull-6 { right: 50%; }
    .col-sm-pull-7 { right: 58.33333333%; }
    .col-ms-pull-8 { right: 66.66666667%; }
    .col-ms-pull-9 { right: 75%; }
    .col-ms-pull-10 { right: 83.33333333%; }
    .col-ms-pull-11 { right: 91.66666667%; }
    .col-ms-pull-12 { right: 100%; }
    .col-ms-push-0 { left: auto; }
    .col-ms-push-1 { left: 8.33333333%; }
    .col-ms-push-2 { left: 16.66666667%; }
    .col-sm-push-3 { left: 25%; }
    .col-sm-push-4 { left: 33.33333333%; }
    .col-sm-push-5 { left: 41.66666667%; }
    .col-sm-push-6 { left: 50%; }
    .col-sm-push-7 { left: 58.33333333%; }
    .col-ms-push-8 { left: 66.66666667%; }
    .col-ms-push-9 { left: 75%; }
    .col-ms-push-10 { left: 83.33333333%; }
    .col-ms-push-11 { left: 91.66666667%; }
    .col-ms-push-12 { left: 100%; }
    .col-ms-offset-0 { margin-left: 0; }
    .col-ms-offset-1 { margin-left: 8.33333333%; }
    .col-ms-offset-2 { margin-left: 16.66666667%; }
    .col-ms-offset-3 { margin-left: 25%; }
    .col-ms-offset-4 { margin-left: 33.33333333%; }
    .col-ms-offset-5 { margin-left: 41.66666667%; }
    .col-ms-offset-6 { margin-left: 50%; }
    .col-ms-offset-7 { margin-left: 58.33333333%; }
    .col-ms-offset-8 { margin-left: 66.66666667%; }
    .col-ms-offset-9 { margin-left: 75%; }
    .col-ms-offset-10 { margin-left: 83.33333333%; }
    .col-ms-offset-11 { margin-left: 91.66666667%; }
    .col-ms-offset-12 { margin-left: 100%; }
}



/* Large desktops and laptops */
@media (min-width: 1200px) {
    .container { width: 1046px; }
    .no-md-padding-left { padding-left: 0 !important; }
    .no-md-padding-right { padding-right: 0 !important; }
    .leftContent { padding-right: 0; }
    .analiz { width: 22%; }
    .copyright { font-size: 14px; margin-top: 10px; }
    .footerBox img { max-height: 35px; }
    #markaRapor { margin-top: -30px; }
    .content { min-height: 500px; }
}

@media (max-width: 991px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
        .navbar-collapse.collapse { display: none !important; }
    #navbar .navbar-nav { float: none !important; /*margin: 7.5px -15px;*/ }
    .navbar-nav > li { float: none; }
        .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }

    .navbar-brand { position: absolute; left: 50%; margin-left: -120px !important; display: block; }
    .banner3 .icon2, .banner3 .icon5, .banner3 .icon6 { line-height: 20px; }

    .adres { min-height: 162px; }
    .print > .nav > li { float: left }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding-left: 5px; padding-right: 5px; }
    .print .navbar-nav .open .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; padding: 5px 0; margin: 2px 0 0; margin-top: 2px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
    .copyright { font-size: 12px; margin-top: 0px; }
    .footerBox img { max-height: 22px; margin-top: 6px; }
    .yeniAdres { font-size: 17px; }
    .list-group-item-heading { font-size: 15px; }

    .favoriBox h5, .compareBox h5 { font-size: 12px; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .leftContent { padding-right: 0; }

    .sayfalar .nav-tabs > li > a { padding: 7px; }
    #home .turuncuBg { height: 81px; }
    .left-menu-container { padding: 3px !important; }
    .left-menu-country-container > span { font-size: 12px; }
    .left-menu-link.reportlist { font-size: 13px; }
    .navbar-text { margin-top: 0; margin-bottom: 0; }
    .banner3 .icon1, .banner3 .icon2, .banner3 .icon5, .banner3 .icon6 { line-height: 20px; }
    .analizBox2 p { font-size: 13px; }
    .socialBrandsText p { font-size: 19px; }
    .font-13 { font-size: 12px !important; }
    .footerBox img { max-height: 30px; margin-top: 0; }
    .copyright { margin-top: 6px; }
    .list-group-item-heading { font-size: 15px; }
    .side-header.en { font-size: 13px; }
    .left-menu-link.en { font-size: 12px; }
    .favoriBox h5, .compareBox h5 { font-size: 12px; }
    .sIcon.globalIstatik { line-height: 16px; }
    .channel-tab { margin-right: 1.5px !important; }
    .sagYildiz { width: 72px; }
    .yazi { padding-left: 5px; }
}

@media (min-width: 768px) {

    .navbar.navbar-inverse .navbar-nav .active:after { content: ""; border: none; }
    .navbar.navbar-inverse .navbar-nav > li:after { content: ""; border-right: 1px solid #cbcccc; position: absolute; height: 35%; right: 0; top: 33%; }
    .header-basket:not(.showcareer):after { border: none !important; }
    .header-basket.showcareer:after { border-right: 1px solid #cbcccc; }
    .header-basket.ilan:after { border-left: 1px solid #cbcccc; border-right: 0px !important; }
    .navbar li:nth-last-child(5) a { padding-right: 12px !important; }
    .rowFilter .col-sm-3, .rowFilter .col-sm-4 { padding-right: 0px; }
        .rowFilter .col-sm-3:last-child, .rowFilter .col-sm-4:last-child, .rowFilter .col-sm-6:last-child { padding-right: 15px; }
    .uclu .col-sm-4 { padding-left: 1px; padding-right: 1px; }
        .uclu .col-sm-4:first-child { padding-left: 0px; }
        .uclu .col-sm-4:last-child { padding-right: 0px; }
        .uclu .col-sm-4:nth-child(2) { padding-left: 2px; padding-right: 2px; }
    #page-content { left: 0 !important; }
    .navbar.navbar-fixed-top.slide-active { position: fixed }
    .navbar-header { left: 0 !important }
    .boomSonarLogo { text-align: right; float: right; }


    .modal { text-align: center; padding: 0 !important; }

        .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }

    .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

    .duyuru { width: 23%; }
    .socialBrandsText { width: 54%; }
    .sayfalar ul#myTab li { width: 14.2% }
    .likeCount .navbar-nav > li { float: left; }

    .likeCount .nav > li { display: block; position: relative; }

    .likeCount ul { float: right !important; }
}



/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .sayfalar .nav-tabs > li > a { padding: 6.7px; }
    #home .turuncuBg { height: 81px; }
}



/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .compare-channel-button { margin-bottom: 10px; min-width: 49.4%; }
    #footnav ul li a { display: block; width: 100%; text-align: center; }
    #mobileMenu { display: block !important; }
    #navbar { display: none !important; }

    footer { padding: 50px 0; }
    .footer-links a { padding: 5px 7px !important; }
    .banner3 h1 { font-size: 19px; }
    .banner3 p { font-size: 14px; }
    .banner3 .sIcon { line-height: 20px; }
    .uclu .turuncuBg { min-height: 105px; }
    .sayfalar .nav-tabs > li > a { padding: 5px; }
    .analizBox1 { width: 100%; max-width: 100%; }
    .align-right, .align-left { float: none; margin: 0 auto 20px; }

    #reportList .chosen-container.chosen-container-single, .search-box { margin-bottom: 10px; width: 50% !important; }
    #reportList .chosen-container { padding-right: 10px; }

    #reportList .col-sm-3:nth-child(2n) .chosen-container { padding-right: 0px; }

    #slide-nav .container { margin: 0; padding: 0 !important; }
    #slide-nav .navbar-header { margin: 0 auto; padding: 0 15px; }
    #slide-nav .navbar.slide-active { position: absolute; width: 80%; top: -1px; z-index: 1000; }
    #slide-nav #slidemenu { background: #f7f7f7; left: -100%; width: 80%; min-width: 0; position: absolute; padding-left: 0; z-index: 2; top: -8px; margin: 0; }
        #slide-nav #slidemenu .navbar-nav { min-width: 0; width: 100%; margin: 0; }
            #slide-nav #slidemenu .navbar-nav .dropdown-menu li a { min-width: 0; width: 80%; white-space: normal; }
    #slide-nav { border-top: 0 }
        #slide-nav.navbar-inverse #slidemenu { background: #333 }
        /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
        #slide-nav #navbar-height-col { position: fixed; top: 0; height: 100%; width: 80%; left: -80%; background: #eee; }
        #slide-nav.navbar-inverse #navbar-height-col { background: #333; z-index: 1; border: 0; }
        #slide-nav .navbar-form { width: 100%; margin: 8px 0; text-align: center; overflow: hidden; /*fast clearfixer*/ }
            #slide-nav .navbar-form .form-control { text-align: center }
            #slide-nav .navbar-form .btn { width: 100% }
    #sayfaEkle .modal-dialog, .boomModal .modal-dialog { width: 94% !important; margin: 0px auto; top: 14%; }
    .boomModal .modal-title { font-size: 20px; line-height: 20px; }
    .mb-xs-10 { margin-bottom: 10px; }
    .uclu .turuncuBg { margin-bottom: 10px; min-height: inherit; }
    .sayfaName .title { border-bottom: 1px solid #ccc; }
    .rowFilter .col-ms-3 { padding-right: 0px; }
    .socialAccounts { text-align: center !important; margin-top: 20px; }
    .copyright { font-size: 11px; margin-top: 0px; }
    .footerBox img { max-height: 25px; margin-top: 3px; }
    .nav-tabs-responsive > li { display: none; width: 23%; }
        .nav-tabs-responsive > li > a { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; text-align: center; vertical-align: top; }
        .nav-tabs-responsive > li.active { width: 54%; }
            .nav-tabs-responsive > li.active:first-child { margin-left: 23%; }
        .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { display: block; }
        .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { -webkit-transform: scale(0.9); transform: scale(0.9); margin-top: 0%; }
            .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a { -webkit-transition: none; transition: none; }
                .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text { display: none; }
                .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:before, .nav-tabs-responsive > li.prev > a:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; }
                .nav-tabs-responsive > li.prev > a:before { content: "\e079"; }
                .nav-tabs-responsive > li.next > a:after { content: "\e080"; }
        .nav-tabs-responsive > li.dropdown > a > .caret { display: none; }
        .nav-tabs-responsive > li.dropdown > a:after { content: "\e114"; }
        .nav-tabs-responsive > li.dropdown.active > a:after { display: none; }
        .nav-tabs-responsive > li.dropdown.active > a > .caret { display: inline-block; }
        .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left { left: 0; right: auto; }
        .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center { right: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
        .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right { left: auto; right: 0; }
    .padding-xs-left { padding-left: 15px !important; }
    .yazi { padding: 20px 0 20px 9px }
    .yenilendi .logo { width: 190px; }
    .yenilendi .yazi1 { font-size: 22px; }
    .yenilendi .yazi { padding: 3.6% 9px; width: 58%; }
}



/* Portrait phones and smaller */
@media (max-width: 609px) {
    .banner3 .sIcon { line-height: 35px; }

    .xs-cb { clear: both; display: block; }
    .banner3 .media-right img { display: none; }
    .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { -webkit-transform: scale(0.9); transform: scale(0.9); margin-top: 5%; }

    .social-page-icons .page-header-title.darkColor { font-size: 14px; }


    .inline-checkbox { width: 50%; margin-bottom: 7px; }
    #sepetim .btn { width: 100%; margin-bottom: 10px; }
    .form-group.row .col-sm-6:last-child { margin-top: 10px; }
    .pull-xs-center { float: inherit !important; }

    .socialBrands button { padding: 5px 10px; font-size: 16px; }
    .table-word-wrap-xs.table-responsive .table tr td, .table-word-wrap-xs.table-responsive .table tr th { white-space: inherit; }
    .colorBox { font-size: 14px; }
    .likeCount .navbar-nav { margin: 0; text-align: center; }
    .likeCount ul li span { display: inline-block; }
    .likeCount ul li { height: auto; border-right: 0; display: block; position: relative; }
    .likeCount .navbar-nav > li { float: none; }
    .likeCount ul li { padding: 5px 15px; }
    #anaNav.nav-tabs > li { margin-right: 3px; }
        #anaNav.nav-tabs > li > a { padding: 8px 12px; font-size: 14px; }
            #anaNav.nav-tabs > li > a > img { display: none; }
    #pageInfo .griBg.nav-tabs > li > a { padding: 0 7px; font-size: 12px; }
    #pageInfo .griBg.nav-tabs > li, .tarihAraligi { margin-bottom: 5px; }
    #anaNav.nav > li:last-child a { font-size: 12px; }
    #iletiler .table-responsive tr td img { width: 40px; }

    .sayfalar h2 { font-size: 12px; }
    .nav-tabs-responsive > li.prev img, .nav-tabs-responsive > li.next img { max-height: 46px !important; min-height: 46px !important; }

    .nav-tabs-responsive > li.active img { max-height: 70px; }
    #reportCreate .chosen-container.chosen-container-single { margin-bottom: 10px; }
    .rowFilter .col-ms-3 { padding-right: 15px; }
    .tabs { display: none; }
    .tab_drawer_heading { background-color: #f3f3f3; color: #666; border-top: 1px solid #e0e0e0; margin: 0; padding: 10px 15px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; }
    .d_active { background-color: #ccc; color: #333; }
    .copyright { font-size: 12px; margin: 20px 0; }

    .logoBox { padding: 20px 0; }
    .footerBox img { max-height: 40px; }
    .mTotal { clear: both; float: inherit !important; display: block; margin-top: 5px; font-weight: 600; }
    .boomsocialYenilendi { background-image: url("/Content/images/boomsocial-yenilendi-mobile-r2.jpg"); height: 260px; width: 485px; }
    .socialBransBanner { background-image: url("/Content/images/sosyal-medya-marka-endeksi-mobile.jpg"); height: 260px; width: 485px; }
    .yazi { padding: 20px 0 20px 0 }
    .yazi1 { font-size: 19px; }
    .yazi2 { font-size: 15px; }
}

@media (max-width: 480px) {
    #reportList .chosen-container.chosen-container-single, .search-box { margin-bottom: 10px; width: 100% !important; }
    #reportList .chosen-container { padding-right: 0px; }
    .loginHeaderTitle { font-size: 20px; }
    h4.page-header-title { font-size: 15px; }
    .nav-tabs-responsive > li.prev img, .nav-tabs-responsive > li.next img { max-height: 33px !important; min-height: 33px !important; }
    .nav-tabs-responsive > li.active img { max-height: 50px; }
    .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next { margin-top: 7%; }
    .sayfalar .nav-tabs > li > a { padding: 5px; }

    .footerBox img { max-height: 35px; }
    .boxLeft .modal-body, .boxLeft .modal-header, .boxLeft .modal-footer { padding-left: 0; padding-right: 0; }
    .compare-channel-button { margin-bottom: 10px; min-width: 49%; }
    .banner3 h1 { font-size: 16px; line-height: 18px; }
    .boomsocialYenilendi, .socialBransBanner { height: 200px; }
    .socialBrandsHome .logo, .yenilendi .logo { float: none; }
    .yazi { float: none; text-align: center; padding: 20px 15px 20px 15px }
    .yazi1 { font-size: 17px; }
    .yazi2, .yenilendi .yazi2 { font-size: 14px; }
    .yenilendi .yazi { width: auto; padding: 21px 15px; }
    .yenilendi .yazi1 { font-size: 23px; }
}


@media (max-width:900px) {
    .associated-accounts { float: left; padding-left: 30%; width: 100%; }
}

@media (max-width:650px) {
    .banner-container-mobile.display { display: block !important; }

    .banner-container { display: none !important; }

    body.modal-open { padding-right: unset !important; }
}

@media (max-width:400px) {
    .w420 { width: 320px !important; height: 320px !important; }

    .state320 { display: block; }

    .state420 { display: none; }

   
}