/* E10/Ö2 (2026-08-15) — Poppins @font-face KALDIRILDI.
 * Üç `src:` üst üste yazılmıştı; CSS'te sonuncu kazanır, yani 9 ağırlıktan
 * yalnız biri (Regular) yükleniyordu ve tüm kalın metin faux-bold'du.
 * Poppins hiçbir tasarım dokümanında geçmiyor = kayıtsız ikinci kaynak
 * (Kural 11). Yazı tipi artık --font-sans token'ından gelir; token'ın evi
 * docs/frontend/DESIGN_SYSTEM.md §2, makine karşılığı tokens.css:69.
 * TTF dosyaları cdn/assets/fonts/ altında SİLİNMEDİ (Kural 33). */

body {
    background: rgb(var(--bg-page));
    margin: auto;
    font-size: var(--text-base, 16px);
    /* font-family YOK: tokens.css:155 `html { font-family: var(--font-sans) }`
     * zaten miras veriyor. Burada tekrar tanımlamak ikinci ev açardı. */
    width: 100%;
    color: rgb(var(--text-primary));
    /* E10/Ö3.1 — `text-align: center` KALDIRILDI: tüm public sayfaların
     * ortalanmasının tek kaynağıydı, her bloğun tek tek geri hizalanmasını
     * zorunlu kılıyordu. */
    overflow-y: scroll;
    /* E10/Ö3.2 (2026-08-15) — `overflow-x: hidden` KALDIRILDI.
     * Taşmayı gizliyordu, çözmüyordu. Önce ölçüldü (kapatılıp Playwright ile
     * 375/768px'te scrollWidth okundu), kaynağı bulundu ve kapatıldı:
     * taşmayı üreten `.socialMediaSchedulerHead .shape2` süsleme kuralı silindi
     * (gerekçe ve sayılar o kuralın yerindeki yorumda). Silme sonrası
     * scrollWidth === innerWidth olduğu için gizleyiciye artık gerek yok.
     * Geri koymak gerekirse: önce hangi öğenin taştığını ÖLÇ, sonra karar ver. */
    -webkit-animation: fadein 0.2s linear 1 normal forwards;
}





@-webkit-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


/* E10/Ö3.3 (2026-08-15) — Evrensel seçici KALDIRILDI.
 * `* { font-family: "Poppins" … }` bu dosyada (tokens.css'ten SONRA yüklenir)
 * `html { font-family: var(--font-sans) }` kuralını her elemanda eziyordu:
 * tipografi token'ı public sitede ULAŞILAMAZDI. Silinince token yeniden
 * geçerli olur — yerine ikinci bir kural yazılmaz. */

.loadingResults span {
    color: #30b6f7 !important;
}

.bgWhite {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #EFF2F7;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.05);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.05);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.05);

}

.bgBlack {
    background: #233445;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bgGreen {
    background: #3fcf7f;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bgYellow {
    background: #f4c414 !important;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bgRed {
    background: #ff5f5f;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bgBlue {
    background: #45b0e6;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}

.bgMail {
    background: #eaeaea;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #404040;
}

.bgMail img {
    padding-right: 10px;
    border-right: 1px solid #d4d4d4;
    margin-right: 10px;
}

.bgFacebook {
    background: #49639f;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    transition: all 500ms ease;
}

.bgFacebook img {
    padding-right: 10px;
    border-right: 1px solid #6b8ad0;
    margin-right: 10px;
}

.bgTwitter {
    background: #55acee;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    transition: all 500ms ease;
}

.bgTwitter img {
    padding-right: 10px;
    border-right: 1px solid #26689a;
    margin-right: 10px;
}

.bgLinkedin {
    background: #007bb6;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    transition: all 500ms ease;
}

.bgLinkedin img {
    padding-right: 10px;
    border-right: 1px solid #78b1dc;
    margin-right: 10px;
}

.bgBlue span {
    color: #fff;
}

.bgNone {
    background: none !important;
}

.bgGrey {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dropdownArea {
    display: none;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(171, 171, 171, 0.32);
    -moz-box-shadow: 0px 0px 10px 1px rgba(171, 171, 171, 0.32);
    box-shadow: 0px 0px 10px 1px rgba(171, 171, 171, 0.32);
    margin-top: 5px;
    padding: 3px;
    background:#f8fafb;
}

.dropdownArea ul li {
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    color: #3d566d;
    margin: 0px !important;
    text-align: left;
    line-height: 15px;
}

.dropdownArea ul li a:hover {
    background: #39a5dc;
    color: #fff;
}

.dropdownArea ul li a {
    padding: 10px 25px 10px 15px;
    font-size: 13px;
    min-width: 100px;
    display: block;
    cursor: pointer;
}

.dropdownArea ul li:last-child {
    border-bottom: 0px solid #ccc;
}

.radius0 {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
}

.radius3 {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
}

.radiusPer50 {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
    -webkit-border-top-left-radius: 50% !important;
    -webkit-border-top-right-radius: 50% !important;
}

.headTitle {
    padding: 15px 45px 15px 20px;
    border-bottom: 1px solid #e0e4e8;
    color: #0a6da3;
    font-size: 16px;
    display:inline-block;
    margin: 5px 10px;
    min-width: 15%;
    /* background: #f9f9f9; */
}

.headTitle span {
    color: #116b98
}

.feedLeft {
    display: table-cell;
    vertical-align: top;
}

.feedRight {
    display: table-cell;
    vertical-align: top;
}


.feedTypeMenu li {
    cursor:pointer;
    display:block;
    font-size:13px;
    padding: 5px 15px;
    border-bottom:1px solid #e4e4e4;
}

.feedTypeMenu li:hover {
    background: #ecf8ff;
}

.feedTypeMenu li.selected {
    background: #ecf8ff;
}


.chooseHours .line {
    line-height:40px;
    padding: 5px 0px;
    border-bottom:1px solid #e4e4e4;
}

.chooseHours .line .close {
    line-height:40px;
    padding:0px 15px;
    display:inline-block;
}


.shareHours option[selected="selected"] {
    background:#1e90ff !important;
    color:#fff !important;
}



/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .feedLeft {
        border-right: 0px solid #e4e4e4;
        background: #f9f9f9;
        display: block;
        vertical-align: top;
    }

    .feedRight {
        display: table-cell;
        vertical-align: top;
    }
}

@media screen and (max-width: 1300px) {
    form .inline-block.ew50 {
        width: 75% !important;
    }
}

@media screen and (max-width: 1100px) {
    form .inline-block.ew50 {
        width: 90% !important;
    }
}

@media screen and (max-width: 910px) {
    form .inline-block.ew50 {
        width: 100% !important;
    }
}

.miniProfilButtons {
    background: #fff;
    position: absolute;
    z-index: 99999;
    margin-top: 1px;
    border-top: 0px;
    padding: 3px;
    padding-top: 80px;
    top: -5px;
    margin-left: -3px;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(171, 171, 171, 0.3);
    -moz-box-shadow: 0px 3px 11px 0px rgba(171, 171, 171, 0.3);
    box-shadow: 0px 3px 11px 0px rgba(171, 171, 171, 0.3);
}

.miniProfilButtons ul li {
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    font-size: 13px;
    margin: 0px !important;
    text-align: left;
}

.miniProfilButtons ul li a {
    padding: 10px 25px 10px 15px;
    cursor: pointer;
    color: #3d566d;
    font-size: 13px;
    display: block;
    text-align: left;
}

.miniProfilButtons ul li:hover {
    background: #39a5dc;
    color: #fff;
}

.miniProfilButtons ul li:hover a span {
    color: #fff;
}

.miniProfilButtons ul li:last-child {
    border-bottom: 0px solid #ccc;
}

.miniProfilButtons .subUser {
    border-bottom: 0px solid #ccc;
    border-left: 1px solid #dadada;
}



.headerUserInfo {
    max-width: 230px;
    min-width: 180px;
    border: 1px solid transparent;
    padding: 3px;
}

.headerUserInfo .info {
    max-width: 170px;
    position: relative;
    display: block;
    overflow: hidden;
    z-index:999999;
}

.headerUserInfo .img {
    border-radius: 50px;
    border: 1px solid #45b0e6;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index:999999;
}

.headerUserInfo .img img {
    height: 50px;
}

.headerUserInfo {
    color: #3d566d;
}

.headerUserInfo b {
    color: #0a6da3;
}


.headerUserInfo .supportCounter {
    position: absolute;
    padding:3px;
    color:#fff;
    background:#cd0000;
    margin-top:-5px;
    margin-left:-5px;
    font-size: 13px;
    height: 12px;
    width: 12px;
    text-align:center;
    z-index:9999999;
}

@media screen and (max-width: 1024px) {
    .headerUserInfo .info {
        display: none !important;
    }

    .miniProfilButtons ul li .text {
        display: none;
    }

    .headerUserInfo {
        min-width: 10px;
    }
}



/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .headerUserInfo .info {
        max-width: 170px !important;
        position: relative;
        overflow: hidden;
        display: block !important;
    }

    .miniProfilButtons ul li .text {
        display: inline-block;
    }

    .headerUserInfo {
        min-width: 10px;
    }

}

.logoArea sup {
    background:#3d566d;
    color:#fff;
    font-size: 12px;
    padding: 3px;
    text-transform: uppercase;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .logoArea {
     float:left;
    }



}


@media screen and (max-width: 570px) {
    .logo img {
        width: 200px;
        margin-top: 5px;
    }

    .headerUserInfo {
        border-top: 1px solid #ccc;
        padding-top: 5px;
        min-width: 10px;
        max-width:100%;
    }

}

@media screen and (max-width: 550px) {
    .logo img {
        width: 120px;
    }

    .headerUserInfo {
        clear: both;
        margin-right: 0px !important;
        margin-top: 10px !important;
        width: 100% !important;
        max-width: 550px !important;
        min-width: 10px;
        border-top: 1px solid #e8e7e7 !important;
    }

    .headerUserInfo .info {
        max-width: 70% !important;
        position: relative;
        overflow: hidden;
        display: block;
    }

}

/*
.headTitle {
  padding: 10px 15px;
  border-bottom:1px solid #e3e8ed;
  color:#404040;
  font-family: Verdana;
  font-size: 14px;
  background:#eef2f5;

  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
*/


.headTitle2 {
    padding: 10px 15px;
    border-bottom: 2px dashed #0e5494;
    color: #0e5494;
    font-size: 15px;
    margin-bottom: 10px;
}

.colTitle {
    line-height: 35px;
    position: relative;
    word-break: break-all;
}

.colTitle input, .colTitle select, .colTitle textarea, .colTitle button, .colTitle .chosen-container, .colTitle .linkButton {
    margin-left: 10px;
}

.defaultIS {
    outline: none;
    border: 1px solid #e0e4e8;
    color: #3d566d;
    font-size: 13px;
    min-height: 20px;
    padding: 7px 14px;
    max-width: 90%;
    min-width: 80%;
    background:transparent;
    height: calc(1.5em + 1.5rem);
    padding: 0.75rem 1rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.defaultIS:focus {
    border: 1px solid #aeb9c4;
}

.blockDiv {
    margin-bottom: 20px;
}

.supportLeftSide {
    min-height: 1px;
    min-width: 250px;
}


.leftSide {
    min-height: 1px;
    min-width: 250px;
    /*background: #3d566d; */
    border-left:0px;
}

.rightSide {
    min-height: 1px;
    width: 100%;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width:1600px;
}

.rightLeftBlock {
    display:table-cell;
    vertical-align: top;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .colTitle input, .colTitle select, .colTitle textarea, .colTitle button, .colTitle .chosen-container {
        margin-left: 5px;

    }

    .supportLeftSide {
        min-height: 1px;
        min-width: 1px;
        position: relative;
        padding-right: 0px;
        display: block;
    }


    .leftSide {
        min-height: 1px;
        min-width: 1px;
        position: relative;
        padding-right: 0px;
        display: block;
    }

    .rightSide {
        min-height: 1px;
        width: 100%;
        position: relative;
        padding: 0px;
        display: block;
        margin-top: 10px;
    }

    .defaultIS {
        outline: none;
        border: 1px solid #e0e4e8;
        color: #3d566d;
        font-size: 13px;
        min-height: 20px;
        max-width: 99%;
        min-width: 90%;
    }

}

textarea.defaultIS {
    min-height: 70px;
    overflow-x: hidden;
}

.content {
    text-align: left;
    margin: auto;
    max-width: 999px;
    box-sizing: border-box;
    padding:15px;
}

.contentArea {
    padding: 25px 20px 20px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}


.contentFree {
    text-align: left;
    margin: auto;
}

/* For Mobile */

.main {
    position: relative;
    padding: 10px;
    font-size: 13px;
    color: #3d566d;
    margin: auto;
}

.header {
    display: block;
    background: transparent;
    position:relative;
    z-index:99999999;
    padding: 15px;
    -webkit-box-shadow: 0 0 20px 1px rgba(148, 148, 148, 0.1);
    -moz-box-shadow: 0 0 20px 1px rgba(148, 148, 148, 0.1);
    box-shadow: 0 0 20px 1px rgba(148, 148, 148, 0.1);
}

.header .textLeft {
   margin:auto;
    max-width:96%;
}


.header .sol {
    text-decoration: none;
}

.menu {
    padding: 15px 5px 5px 0px;
}

.menu li {
    float: left;
    transition: all 500ms ease;
}

.menu li a {
    display: block;
    color: #3d566d;
    text-decoration: none;
    padding: 5px 8px;
    font-size: 14px;
    transition: all 500ms ease;
}

.menu .colored li a {
    color: #fff;
}

.menu li > a:hover {
    /*  background:#3d566d; */
    color: #13a8f9;
}


.menu li > a span {
    display: none;
}

.menu li > a:hover span {
    color: #fff;
}

.menu li:hover .menuSecretArea {
    display: block !important;
    position: absolute;
    z-index: 999;
    background: #3d566d;

}

.menu li:hover .menuSecretArea a:hover {
    background: #294f72;
}

.menu li.selected {
    background: #3d566d;
    color: #fff;
}

.menu li.selected a {
    color: #fff;
}





.menu2 {
    border-top: 1px solid #eee;
    z-index: 99;
    background:#fff;
}

.menu2 li {
    float: none;
}

.menu2 li a span {
    display:inline-block;
}

.menu2 li a:hover span {
    color:#13a8f9;
}

.menu2 li a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: #3d566d;
    padding: 10px 15px;
    transition: all 500ms ease;
}

.menu2 li a:hover {
    color: #13a8f9;
    background:#e4f6ff;
}

.menu2 li a span {
    color: #13a8f9;
}

.menu3 {
    padding: 5px;
}

.menu3 li {
    float: left;
}

.menu3 li a {
    display: block;
    color: #3d566d;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
    transition: all 500ms ease;
}

.menu3 a.colored {
    color: #fff;
    background: #3d566d;
}

.menu3 li:hover a {
    background: #3d566d;
    color: #fff;
}

.menu3 li a:hover span {
    color: #fff;
}

.menu3 li a:hover {
    background: #3d566d;
    color: #fff;
}

.menuMobile {
    display: block;
}

.notificationWrapper {
    border-bottom: 1px solid #b7e1e1;
    width: 100%;
    text-align: left;
    background: #e6f7ff;
    z-index: 999;
    position: relative;
}

.notificationWrapper span.icon {
    position: absolute;
    font-size: 15px;
    cursor: pointer;
}

.notificationWrapper .notifications {
    margin-left: 22px;
    overflow: hidden;
}

.notificationWrapper .notifications ul {
    min-height: 20px;
    width: 100%;
}

.notificationWrapper .notifications li {
    min-height: 20px;
    font-size: 13px;
    display: none;
    color: #6b6b6b;
}

.notificationWrapper .notifications li a.link {
    display: none;
}

.notificationWrapper .notifications li:hover a.link {
    display: inline-block;
}

/* mobile */

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .menu1click {
        font-size: 18px;
        background: #45b0e6;
        color: #fff;
        display: inline-block !important;
        float: right;
        padding: 10px;
    }

    .menu {
        background: #45b0e6;
        left: 0px;
        width: 94%;
        padding: 3%;
        z-index: 9999999999;
    }

    .menu li {
        float: none;
    }

    .menu li a {
        display: block;
        color: #deefff;
        text-decoration: none;
        padding: 15px 10px;
        font-size: 16px;
        border-bottom: 1px solid #93ceec;

    }

    .menu li a:hover {
        background: #3d566d;
        color: #fff;
    }

    .menu2 {
        margin-top: -9px;
        background: #3e576e;
        left: 0px;
        width: 94% !important;
        padding: 3%;
        z-index: 9999;
        position: absolute;
    }

    .menu2 li {
        float: none;
    }

    .menu2 li a {
        display: block;
        color: #deefff;
        text-decoration: none;
        padding: 15px 10px;
        font-size: 16px;
        border-bottom: 1px solid #93ceec;

    }

    .menu2 li a:hover {
        color: #13a8f9;
    }

    .menu2 li a span {
        color: #0a6da3;
    }

    .menu3 {
        clear: both;
        margin: 0px;
        padding: 0px;
        padding-top: 10px;
        margin-right: 0px !important;
    }

    .menuMobile {
        margin: 0px !important;
        display: none;
        top: 68px;
        left: 0px;
        float: none !important;
        position: absolute;
        z-index: 99999999;
        right: 0px;
    }

}

.serviceText {
    max-width: 800px;
    font-size: 15px;
    margin: auto;
    font-weight: 400;
}

.analysisInput {
    color: #fff;
    max-width: 750px;
    margin: auto;
}

.analysisInput h1 {
    margin: auto;
    font-weight: 400;
}

.analysisInput .biText input {
    outline: none;
    border: 1px solid #e0e4e8;
    color: #3d566d;
    font-size: 16px;
    padding: 18px 0px;
    text-indent: 50px;
}

.analysisInput .biText .domain {
    background: #fff url(../bg/search.png) no-repeat left;
    background-position: 10px 12px;
}

.analysisInput .biText input:focus {
    border: 1px solid #aeb9c4;
}

.analysisInput .biBtn input {
    background: #45b0e6;
    outline: none;
    color: #fff;
    font-size: 16px;
    padding: 19px;
    cursor: pointer;
    margin-left: 5px;
}

.analysisInput .biBtn input:hover {
    background: #3d566d;
}

.keywordFinderInput {
    max-width: 880px;
    margin: auto;
}

.keywordFinderInput h1 {
    font-weight: 400;
}

.keywordFinderInput .biText .keyword, .keywordFinderInput .biText .domain {
    outline: none;
    border: 1px solid #e0e4e8;
    color: #3d566d;
    font-size: 16px;
    padding: 18px 0px;
    text-indent: 50px;
}

.keywordFinderInput .biText .domain {
    background: #fff url(../bg/search.png) no-repeat left;
    background-position: 10px 12px;
}

.keywordFinderInput .biText .keyword {
    background: #fff url(../bg/keyword.png) no-repeat left;
    background-position: 10px 12px;
}

.keywordFinderInput .biText input:focus {
    border: 1px solid #aeb9c4;
}

.keywordFinderInput .biText select {
    background: #fff url(../bg/engine.png) no-repeat left;
    background-position: 10px 12px;
    outline: none;
    border: 1px solid #e0e4e8;
    color: #3d566d;
    font-size: 16px;
    padding: 16px;
    text-indent: 50px;
}

.keywordFinderInput .biText .chosen-single {
    background: #fff url(../bg/engine.png) no-repeat left;
    background-position: 10px 12px;
    outline: none;
    border: 1px solid #e0e4e8;
    color: #3d566d;
    font-size: 16px;
    padding: 17px;
    text-indent: 50px;
}

.keywordFinderInput .biText .chosen-single input {
    text-indent: -50px;
}

.keywordFinderInput .biBtn input {
    background: #45b0e6;
    outline: none;
    color: #fff;
    font-size: 16px;
    padding: 18px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
}

.keywordFinderInput .biBtn input:hover {
    background: #3d566d;
}

.keywordListResult {
    font-size: 13px;
}

.keywordListResult li {
    display: block;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    font-size: 13px;
}

.keywordListResult li .url {
    line-height: 20px;
    word-break: break-all;
}

.keywordListResult li:hover {
    background: #f7f8f9;
}

.keywordListResult li a {
    display: block;
    padding: 10px;
}


.keywordListResult .rank b {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #edf3f9;
    padding: 3px;
    min-width: 20px;
    text-align: center;
    display: block;
}

.keywordListResult a.bold {
    font-weight: bold;
}

.keywordListResult li.bold {
    font-weight: bold;
    background: #def4ff;
}

.keywordListResult li.bold b {
    color: #0f5679;
    background: #9ed9f5;
}

.keywordListResult li.url .sol {
    max-width: 85%;
    vertical-align: top;
}

.keywordPositionHead h1 {
    font-size: 16px;
    font-weight: bold;
}

.keywordPositionHead h2 {
    font-size: 13px;
}

.keywordPosition .similarKeywords {
    max-height:210px;
    overflow-y:auto;
}

.loadingResults {
    background: rgba(245, 245, 245, 0.55);
    width: 100%;
    position: fixed;
    top: 0px;
    padding-top: 15%;
    bottom: 0px;
    text-align: center;
    left: 0px;
    color: #252525;
    z-index: 99999999999;
    font-size: 150px;
}


.blurBackground {
    background: rgba(245, 245, 245, 0.55);
    width: 100%;
    position: fixed;
    top: 0px;
    padding-top: 15%;
    bottom: 0px;
    text-align: center;
    left: 0px;
    color: #252525;
    z-index: 99999999999;
    font-size: 150px;
}

.paytrIframeBackground {
    background: url(../bg/trans.png);
    width: 90%;
    position: absolute;
    top: 0px;
    padding: 5%;
    text-align: center;
    left: 0px;
    color: #252525;
    z-index: 9999;
    font-size: 150px;
}

.paytrIframe {
    background: #fff;
}

.ucd-cerceve {
    background: #fff !important;
}

.analysisFixedMenu {
    background: #fff;
}

.analysisFixedMenu li {
    display: block;
    float: left;
    padding: 20px;
    width: 200px;
    border-right: 1px solid #eee;
    font-size: 14px;
}

.menuHiddenArea {
    display: none;
}

.analysisFixedMenu li:hover {
    cursor: pointer;
    background: #e9e9e9;
}

.analysisFixedMenu li:hover .menuHiddenArea {
    display: block;
    position: absolute;
    width: 240px;
    border: 1px solid #eee;
    background: #fff;
    z-index: 99999;
    margin-left: -21px;
    margin-top: 20px;
}

.analysisFixedMenu li:hover .menuHiddenArea li {
    display: block;
    border-right: 0px;
    border-bottom: 1px solid #eee;
    padding: 20px;
    width: auto;
    float: none;
    z-index: 99999;
}

.fixedAnalysisFixedMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 99999;
    border-bottom: 1px solid #ccc;
}

.fixedAnalysisFixedMenu .aItemBig, .fixedAnalysisFixedMenu .analysisFixedMenu {
    background: #45aeea;
}

.fixedAnalysisFixedMenu .analysisFixedMenu li {
    background: #45aeea;
    color: #f9f9f9;
    border-right: 1px solid #cfe9ed;
}

.fixedAnalysisFixedMenu .analysisFixedMenu li:hover {
    background: #3b9ed6;
}

.fixedAnalysisFixedMenu .menuHiddenArea {
    background: #45aeea;
    color: #f9f9f9;
    border: 1px solid #cfe9ed;
}

.sticky {
    z-index: 99999;
    margin: auto;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .analysisFixedMenu li {
        width: auto;
        padding: 20px 10px;
    }
}

#tableGeneralList td {
    font-size: 13px;
    padding: 15px 10px;
}

.aItem {
    margin-top: 5px;
}

.aItem h5 {
    font-size: 13px;
    color: #404040;
}

.aItem .aItemSmall {
    background: #fff;
    font-size: 11px;
    color: #4d535d;
    border-top: 1px solid #ccc;
}

.aItem .aItemSmall h6 {
    color: #ee2649;
    font-size: 13px;
}

.aItemBig {
    background: #fff;
    border-top: 1px solid #ccc;
}

.aItem .aItemBig p {
    background: #fff;
    font-size: 11px;
    color: #42c3d7;
    padding: 5px;
}

.aItem .aItemBig p a {
    font-weight: bold;
    color: #35aec1;
}

.headPie h1 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #0a6da3;
}

.headPie h2 {
    display: inline-block;
    font-size: 15px;
    color: #424c58;
}

.headPie h5 {
    display: inline-block;
    font-size: 11px;
    color: #424c58;
}

.headPie .span {
    display: inline-block;
    font-size: 13px;
    color: #7a7a7a;
    padding-left: 5px;
}

.tabber .tabSection ul li {
    padding: 10px 15px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid #71ccff;
    font-size: 13px;
}

.tabber .tabSection ul li a {
    font-size: 13px;
}

.tabber .tabSection ul li:hover {
    color: #525123;
    background: #d8f1ff;
}

.tabber .tabSection ul li:hover span {
    color: #71ccff;
}

.tabber .tabSection {
    padding: 10px 15px;
    font-size:13px;
    background: #f4fbff;
    border-bottom: 1px solid #eaeaea;
}

.tabber .tabSection .clicked {
    border-bottom: 1px solid #71ccff;
    color: #525123;
    background: #d8f1ff;
}

.tabber .tabSection .clicked span {
    color: #71ccff;
}


.tabber .showInMobile {
    padding: 14px 15px;
    background: #d8f1ff;
    color: #fff;
    display:none;
    vertical-align: top;
    border-bottom: 1px solid #71ccff;
}

.tabber .showInMobile span {
    color: #2bb3ff;
    font-size: 16px;
}


.tabber .tabSection ul {
    display:inline-block;
}


/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .tabber .showInMobile {
        display:table-cell;
    }

    .tabber .tabSection ul {
        display:table-cell;
    }

    .tabber .tabSection ul li {
        display:none;
    }

    .tabber .tabSection .clicked {
        display:inline-block;
    }

    .tabber .tabSection .mobile, .tabber .tabSection ul {
        display: table-cell;
        position: relative;
        width: 100%;
        margin-top: 10px;
        left: 0px;
        margin-left: 0px;
        background: #d8f1ff;
        box-sizing: border-box;
        overflow: hidden;
        vertical-align: top;
    }

    .tabber .tabSection .mobile li  {
        display: block;
        width:100%;
    }

    .tabber .tabSection ul li  {
        display: block;
        width:100%;
    }


}






.smallLink {
    color: #3b99c2;
    font-size: 11px;
    display: inline-block;
}

.coloredBubble {
    color: #404040;
    font-size: 11px;
    font-weight: bold;
}

.coloredBubble .h1, .coloredBubble .h2, .coloredBubble .h3, .coloredBubble .h4, .coloredBubble .h5, .coloredBubble .h6 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0px;
}

.coloredBubble .sol {
    background: #f3f3f3;
    padding: 4px 8px;
    color: #2f2f2f;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.coloredBubble .sag {
    padding: 4px 8px;
}

.bgBlack {
    background: #414c58;
    color: #fff;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.bgBlue {
    background: #45b0e6;
    color: #fff;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.bgRed {
    background: #e40a35;
    color: #fff;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.inputButton {
    cursor: pointer;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
}

.inputButton:hover {
    background: #404040;
    color: #fff;
    border-color: #5e5e5e;
}

.linkButton, a.linkButton {
    cursor: pointer;
    outline: none;
    padding: 7px 20px;
    line-height: 25px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    transition: all 500ms ease;
}

.linkButton:hover {
    background: #414c58;
    color: #fff;
    border-color: #19222a;
}

.linkButton:hover span {
    color: #fff;
}

.linkedButton {
    background: #233445;
    color: #fff;
}

.linkedButton span {
    color: #fff;
}

.inlineLinkButton, a.inlineLinkButton {
    cursor: pointer;
    outline: none;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 13px;
    text-decoration: none;
    display: inline-block;
    transition: all 500ms ease;
}

.inlineLinkButton:hover, a.inlineLinkButton:hover {
    color: #fff;
    background: #414c58;
    background-image: linear-gradient(60deg, #565656 0%, #1a1a1a 100%);
}

.inputButton[disabled] {
    background: #666;
    color: #fff;
}

.linkButton[disabled] {
    background: #666;
    color: #fff;
}

.butonBlue {
    background: #45b0e6;
    background-image: linear-gradient(60deg, #45b0e6 0%, #57c0f4 100%);
    color: #ddf9fd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    transition: all 500ms ease;
}

.butonGreen {
    background: #2ecc71;
    color: #e5fff0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    transition: all 500ms ease;
}

.butonRed {
    background: #e50a35;
    color: #fffafb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.10);
    transition: all 500ms ease;
}

.listItems {
    font-size: 13px;
    color: #565656;
    width: 100%;
}

.listItems b {
    font-size: 13px;
    color: #238fd0;
    padding-left: 3px;
}

.listItems small {
    font-size: 11px;
    color: #949494;
}

a.simpleLink {
    padding: 5px 10px;
    white-space: nowrap;
    display: inline-block;
}

.projectList {
    padding: 10px;
    font-size: 11px;
    color: #565656;
}





.projectList .projectKeywords .keywordList:hover {
    background: #f5f9fd !important;
}

.projectList .projectKeywords .selected {
    background: #f5f9fd !important;
}

.keywordList .checkbox {
    text-align: center;
    padding: 5px;
    height: 20px;
    cursor: pointer;
}

.keywordList .day {
    /* border-left: 1px solid #dedede; */
    text-align: center;
   /* padding: 1.4% 0%; */
    margin: 0 0.5%;
}


.keywordList  strong.lineUp span {
    color: #84DB05;
}

.keywordList  strong.lineDown span {
    color: #FD4E27;
}

.keywordList  strong.lineSame span {
    color: #00c6e8;
}

.keywordList  strong.lineNone span {
    color: #FD4E27;
}


.keywordList  .lineUp {
    background: #c8ef90;
    color: #1d8211;
    color: #444;
}

.keywordList  .lineDown {
    background: #efa190;
    color: #6d1f1f;
    color: #444;
}

.keywordList  .lineSame {
    background: #90ebef;
    color: #1b6d71;
    color: #444;
}

.keywordList  .lineNone {
    background: #dae0ec;
    color: #615f5f;
    color: #444;
}

.keywordList .lineFirst {
    background: #efe890;
    color: #776613;
    color: #444;
}

.keywordList .day b {
    font-size: 13px;
    padding: 3px 0px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0.5%;
    text-align: center;
    max-width: 50px;
    min-width: 25px;
    font-weight: normal;
    max-height: 20px;
    line-height: 20px;
}

.keywordList .day .small {
    padding: 3px 0px !important;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    width:100%;
    text-align:center;
    background:none !important;
    color:#666 !important;
}


.projectKeywords .keywordItem {
    padding:5px 0px;
}


.projectKeywords .keywordItem:nth-child(odd) {
    background-color: #f9fcff;
}

.projectKeywords .keywordItem:nth-child(even) {
    background-color: #f5f9fd;
}

.projectList .projectKeywords .keyword {
    padding: 0px 10px;
    font-size: 14px;
    line-height: 27px;
}

.projectList .projectKeywords .keyword .keywordNameArea {
 float:left;
    width: 75%;
}

.keywordList .projectKeywords .keyword .span {
    padding:5px;
    border-left: 1px solid #e4e4e4;
}

.projectList  .keywordRanks {
    position:relative;
}

.projectList  .head {
    padding: 10px 0px 10px 0px;
    color: #4a4a4a;
    background: #e5f2ff;
    font-size: 14px;
}

.projectList  .head .keyword {
    padding: 0px 10px;

}

.projectList .head span {
    font-size: 19px;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .projectList  .head {
        padding: 0px;
    }

}


.projectList  .projectKeywords .destiny {
    font-size: 15px;
}

.projectList   .destiny .item {
   width:20%;
   text-align:center;
    float:left;
}


.competitionBar {
    width:100%;
    background:#eee;
    border-radius:3px;
}

.competitionBar .width {
    background:#84db05;
    border-radius:3px;
    display:block;
    padding:5px 0px;
}


.projectTools {
    padding: 20px 0px;
    background: #f4fbff;
}


.projectTools .item {
    margin-left: 15px;
    float:left;

}

.projectTools .item .inlineLinkButton {
    background:#d2e8ff;
    border:0px;
    outline:none;
    font-size: 14px;
}

.projectTools .item .inlineLinkButton.selected {
    background: #afd6ff;
    border:0px;
    outline:none;
}


.projectTools .item .inlineLinkButton:hover {
    background: #afd6ff;
    color:#666;
}


.pageKeywordScoring .pageDomain {
    font-size: 18px;
    color: #3d566d;
    margin-bottom: 5px;
}


.pageKeywordScoring .pageUrl {
    font-size: 11px;
    color:#444;
    font-style:italic;
}

.pageKeywordScoring .pageUrl small {
    color:#797979;
}


.urlScoringCircles {
    width:100%;
    display:block;
    text-align:center;
}

.urlScoringCircles .item {
   padding: 0 3% 0 3%;
    display:inline-block;
    font-size: 14px;
}

.urlScoringCircles .item span {
    font-weight:bold;
}


.scoringList .list {
    padding: 10px;
    font-size: 13px;
}

.scoringList .list.head {
    background: #d8f1ff;
    margin: 10px 0px;
    font-size: 14px !important;
}

.scoringList .list .ew35 {
   font-weight:bold;
}


.comparisonTable {
    display:table;
    width:100%;
    text-align: center;
}



.comparisonTable .comparisonRow {
    display: table-cell;
    max-height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-right: 1px solid #eaeaea;
    box-sizing:inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    padding: 0px 10px;
}


.comparisonTable .comparisonRow .w49 {
    display:inline-block;
    width:49%;
    background: #d5ebff;
    padding: 3px 0px;
}

.comparisonTable .comparisonRow .w50 {
    display:inline-block;
    width:49%;
    background: #eaf5ff;
    padding: 3px 0px;
}



.tooltipShow {
    position:absolute;
    background:#3d566d;
    padding:10px 20px;
    color:#fff;
    display:none;
    z-index:9999;
    max-width:200px;
}



.blurAllScreen {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    background: #f3dfdf;
    padding-top:3px;
    padding-bottom:3px;
    text-align: center;
    z-index:999;
    width: 100%; height: 100%;
}

.blurAllScreenSubText {
    z-index:9999999;
    width: 100%;
    height: 100%;
    line-height: 45px;
    text-align: center;
    color:#cd0000;
}

.projectKeywordSuggest {
    max-height:220px;
    overflow:hidden;
    overflow-y:auto;
}

.projectKeywordSuggest li {
    padding:5px 0;
    border-bottom:1px solid #ececec;
    margin-right: 10px;
    cursor:pointer;
}


.projectKeywordSuggest li.lineUp {
    padding:10px 0 10px 5px;
    border-left:5px solid #c8ef90;
}

.projectKeywordSuggest li.lineSame {
    padding:10px 0 10px 5px;
    border-left:5px solid #90ebef;
}

.projectKeywordSuggest li.lineDown {
    padding:10px 0 10px 5px;
    border-left:5px solid #efa190;
}

.projectKeywordSuggest li.lineMissing {
    padding:10px 0 10px 5px;
    border-left:5px solid #828282;
}


.cats .text {
    font-weight: normal;
}

.cats .headTitle, .cats2 .headTitle {
    margin: 0px;
    /*background: #2f4152 !important; */
    border-bottom: 0px solid #718496;
    color: #0a6da3;
    padding: 0px 10px;
    border-left: 3px solid #45b0e6;
    display:block;
    line-height:45px;
}

.cats .headTitle span, .cats2 .headTitle span {
    color: #0a6da3;
    line-height:45px !important;
    font-weight:bold;
    color:#3f6d86;
}

.cats .headTitle:hover, .cats2 .headTitle:hover {
    background: #dff4ff !important;
}

.cats li, .cats2 li {
    padding: 0px;
    height:45px;
}

.cats li a, .cats2 li a {
    padding: 0px 10px;
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #3f6d86;
    padding-left: 20px;
    line-height:45px;
}

.cats li a:hover, .cats2 li a:hover {
    background: #dff4ff;
}

.cats2 li a b {
    font-size: 16px;
}

.cats2 li a {
    font-size: 13px;
}

.cats ul > ul > li, .cats2 ul > ul > li {
 ;
}

.cats ul > ul > li a:hover, .cats2 ul > ul > li a:hover {

}

.cats ul > ul > li a, .cats2 ul > ul > li a {
    background: none;
    padding: 0px 0px 0px 15px;
    font-size: 13px;
}


.supportCats li a {
    padding: 10px 15px;
    font-size: 15px;
    display:block;
}

.supportCats ul ul {
  margin-left: 20px;
}

.supportCats ul ul {
    padding-left: 20px;
}

.supportCats ul ul li {
    list-style: circle;
}

.supportCats ul ul li a {
   padding-left: 0px;
}

.supportCats ul li.selected {
    background: #daf3ff;
}

.supportCats ul li.selected > a {
    font-weight: bold;
}

.supportCats ul li a:hover {
    font-weight: bold;
}


.knowledgeQuestions .items li a  {
    font-size: 15px;
    display:block;
}


.knowledgeQuestions .items li a span  {
   color:#45b0e6;
}

.knowledgeQuestions p  {
    font-size: 15px;
}

.knowledgeQuestions .subQuestions li a {
    padding:5px 0px;
    font-size: 13px;
    display:block;
}


.knowledgeQuestions .subQuestions li a span {
    color:#45b0e6;
}


.knowledgeQuestions li .headLine {
    margin-top: 20px;
    border-bottom:1px solid #d8d8d8;
    width: 40%;
    margin:auto;
    height:1px;
    display:block;
}

.contentHead {
    font-size: 30px;
    padding: 110px 0px;
    color:#fff;
    background:#45b0e6 url(../bg/contentHead.png);
    background-repeat:repeat-x;
    background-position: center;
}

.contentHead h1 ,.contentHead h3 {
    display:inline-block;
    font-size: 30px;
    max-width: 50%;
}

.contentHead p  {
    font-size: 13px;
    color:#e6f5fd;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .contentHead h1 ,.contentHead h3 {
        display:inline-block;
        font-size: 30px;
        max-width: 95%;
    }

    .contentHead {
        padding: 80px 0px;
    }

}





.cats ul li a [class*=" mif-"], .cats ul li a [class^=mif-] {
    color:#bbd6e4;
    font-size: 13px;
    margin-right: 3px !important;
    line-height:45px !important;
}

.messageSub, .feedSub, .grupSub, .subUser {
    margin-left: 25px;
    border-left: 2px solid #45b0e6;
}


/* küçültüğünde */

.leftBoxInnerSmall  {
    /*width:50px; */
}



.leftBoxInnerSmall .text, .leftBoxInnerSmall ul ul {
    visibility:hidden;
    position:absolute;
}

.catsMinifyManager li a {
    background: #45b0e6;
    color: #fff;
}

.catsMinifyManager li a .mif-tab {
    color: #fff;
    line-height:47px !important;
}

.catsMinifyManager li {
    border: 0px;
    margin-bottom: 2px;
}

.catsMinifyManager li a:hover {
    background: #45b0e6;
    color: #fff;
}


.leftBoxInnerSmall .catsHiding .headTitle2 {
    color:#45b0e6;
    padding: 11px;
    border: 0px;
}

.leftBoxInnerSmall .catsHiding .text {
    display: inline-block;
}

.leftBoxInnerSmall .catsHiding ul {
    display: block !important;
}




.leftBoxInnerSmall4Hover:hover {
    min-width: 250px;
    position: absolute;
    background: #fff;
    z-index: 9999;
}

.leftBoxInnerSmall4Hover:hover .cats .headTitle {
    width:auto;
}


.leftBoxInnerSmall4Hover:hover  .text {
    visibility:visible;
    position: relative;
}

.leftBoxInnerSmall4Hover:hover  ul ul {
    visibility:visible;
    position: relative;
}


.catsHiding [class*=" mif-"], .catsHiding [class^=mif-] {
    color:#45b0e6;
}

.cats:hover .catsHiding ul {
    display: block;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .cats {
        width: 100%;
    }

    .cats ul {
        display: none;
    }

    .cats:hover .cats > ul {
        display: block !important;
    }

    .leftBoxInnerSmall .cats .headTitle {
        padding: 10px 15px;
        width: auto;
    }

    .leftBoxInnerSmall .text {
        display:inline !important;
    }



    .leftBoxInnerSmall4Hover:hover {
        min-width: 100%;
        position: relative;
    }


}

.alerter {
    padding: 30px 20px;
    background: #ebf8ff;
    color: #6b6a6a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    margin: 0px;
}

.alerter b {
    color: #3d9ade;
    font-size: 25px;
    vertical-align: -5px;
}

.alerter span {
    color: #3d9ade;
}

.alerter a {
    color: #3d9ade;
    font-size: 13px;
    /*font-weight: bold;*/
    cursor: pointer;
}


.package {
    border-right: 1px solid #e0e4e8;
}

.package:hover {
    border-right: 1px solid #e0e4e8;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    -moz-box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
}

.packageValues .features li {
    padding: 10px 0px;
    border-bottom: 1px solid #e0e4e8;

}

.package .features li {
    padding: 10px 0px;
    border-bottom: 1px solid #e0e4e8;
    min-height: 20px;
}

.package .features li .mif-checkmark {
    padding: 3px;
    font-size: 6px;
    background: #08cd00;
    color: #fff;
    border-radius: 10px;
}

.package .features li .mif-cross {
    padding: 3px;
    font-size: 6px;
    background: #cd0007;
    color: #fff;
    border-radius: 10px;
}

.package .features li .mif-file-pdf {
    color: #ef5f03;
}

.package .newPrice {
    font-size: 25px;
    color: #0a6da3;
}

.package .inputButton span {
    color: #fff;
}


.pacBgPromo {
    -webkit-box-shadow: 0px 0px 36px 1px rgba(232, 249, 97, 0.58);
    -moz-box-shadow: 0px 0px 36px 1px rgba(232, 249, 97, 0.58);
    box-shadow: 0px 0px 36px 1px rgba(232, 249, 97, 0.58);
    background: #faffd4;
}

.pacBg2, .pacBg6, .pacBg8 {
    -webkit-box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    -moz-box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    background: #f5fcff;
}

.pacBg2, .pacBg1, .pacBg3 {
    background: rgba(97, 212, 239, 0.13);
}

.pacBg4, .pacBg6, .pacBg7 {
    background: rgba(170, 239, 97, 0.13);
}

.pacBg5:hover, .pacBg8:hover, .pacBg9:hover {
    background: #ecf6fb;
}

.pacBg2:hover, .pacBg1:hover, .pacBg3:hover {
    background: rgba(97, 212, 239, 0.33);
}

.pacBg4:hover, .pacBg6:hover, .pacBg7:hover {
    background: rgba(170, 239, 97, 0.33);
}

.packageValues {
    display: table-cell;
    min-width: 150px;
    max-width:200px;
}

.packageValues span.mif-fire {
    font-size: 30px;
    color: rgb(69, 176, 230);
    position: absolute;
    margin-left: -10px;
    margin-top: -5px;
}

.package .totalDiscount b {
    color: #2c4856;
    font-size: 14px;
    background: rgba(255, 238, 11, 0.68);
    border-radius: 15px;
    padding: 3px;
    font-weight: normal;
}

.dateItem b {
    position: absolute;
    font-size: 13px;
    margin-top: -30px;
    color: #fff;
    margin-left: -10px;
    background: #45b0e6;
    border-radius: 15px;
    padding: 5px;
}

.packageFilter .inlineLinkButton {
    margin: 5px 0px;
}

.inlineFeature {
    clear: both;
    display: none;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .inlineFeature {
        clear: both;
        display: block;
    }

    .packageValues {
        width: 22% !important;
        min-width: 75px;
    }

}

.selectedListedItem {
    background: #f7ffd0 !important;
}

.hoverBgYellow:hover {
    background: #fffce7 !important;
}

.bgTransition {
    -webkit-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    transition: background 300ms linear;
}

.priceSubStyled sup {
    vertical-align: super;
    font-size: 16px;
}

.priceSubStyled sup span {
    font-size: 13px;
    margin-top: -3px;
}

.socialNetworksList {
    font-size: 13px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.socialNetworksList .head {
    padding:15px;
    background: #e6f7ff;
    font-size: 13px;
    border-bottom: 1px solid #dcecfb;
}

.socialNetworksList .body {
    padding: 15px;
    font-size: 13px;
    max-height:400px;
    overflow-x: auto;
}

.socialNetworksList li {
    display: inline-block;
}

.socialDescription .textarea {
    width: 98% !important;
    margin-left: 1%;
    margin-right: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: 10px;
    padding-left: 10px;
    min-height: 130px !important;
    max-height: 230px !important;
    border: 0px;
    border-left: 2px dashed #ccc;
    outline: none;
    overflow-y: auto;
    font-size: 14px;
}

.socialDescription .textarea * {
    font-size: 14px;
}

.socialDescription .tools span {
    color: #3d566d;
    margin-bottom: 5px;
}

.socialDescription .tools {
    font-size: 13px;
    color: #3d566d;
}


.scheduled {
    display: table;
    width: 100%;
}

.scheduled .days {
    display: table-cell;
    padding-bottom: 100px;
    min-width:80px;
}


/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .scheduled .days {  width:100% !important; margin: 10px 0px ; display: block !important; }
}



.scheduled .head  {
    width: 100%;
    vertical-align: top;
    background: #44b1e7;
    font-weight:bold;
    display:block;
    color:#fff;
}

.scheduled .head  span {
    border-right: 1px solid #6a9fb9;
    display: block;
}

.scheduledMessages .addNew {
    opacity:0.5;
    font-size: 30px;
    cursor:pointer;
    width:100%;
    text-align:center;
    padding: 20px 0px;
}

.scheduledMessages .addNew:hover {
    opacity:1;
}


.scheduledMessages .smItem .messageItem {
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 3px;
    padding:5px;
    background: #fbfeff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}


.scheduledMessages .smItem .messageItem .img {
    padding: 5px;
    border-bottom:1px solid #e4e4e4;
    overflow-y: auto;
}

.scheduledMessages .smItem .messageItem .img img {
    max-height: 40px;
    max-width: 75px;
    padding:1px;
    margin: 2px 0px;
    display:inline-block;
    border: 1px solid #cacaca;
}


.scheduledMessages .smItem .messageItem .imgAlone {
    max-height: 45px;
    max-width: 95px;
    padding:1px;
    margin: 2px 0px;
    display:inline-block;
    border: 1px solid #cacaca;
}

.scheduledMessages .smItem .messageItem .icon {
    border-top: 1px solid #eee;
}

.scheduledMessages .smItem .messageItem .icon img {
    max-height: 20px;
    padding:1px;
    margin: 5px 0px 5px 5px;
    display:inline-block;
}


.scheduledMessages .smItem .messageItem .detail {
    min-height: 20px;
    overflow: hidden;
    padding: 5px;
    overflow:hidden;
    overflow-wrap: anywhere;
}


.scheduledMessages .smItem .messageItem .detail span {
    color:#45b0e6;
}


.scheduled .specialDays {
    position:absolute;
    bottom: 0px;
    width: 100%;
    vertical-align: top;
}




.fileProgressParent {
    width: 100%;
    background:#e6e6e6;
}


.fileProgres {
    font-size: 15px;
    text-indent: 10px;
    color:#fff;
    height: auto !important;
    padding: 5px 0px;
    text-align:left !important;
    margin-bottom: 5px;
    background: #45b0e6;
    transition: width .6s;
    max-width: 100% !important;
    display:none;
    width:0;
    color:#484848;
}

.fileProgres b{
    margin-right: 10px;
}

.favoriteItem {
    cursor:pointer;
    max-height: 100px;
    padding: 5px;
    margin:5px 0px;
    border-bottom:1px solid #ccc;
    overflow:hidden;
    position:relative;
    overflow-y:auto;
}

.favoriteContents {
    overflow:hidden;
    overflow-y:auto;
    max-height:520px;
}

.favoriteMessage {
    height:100%;
}


.socialForm .messageArea {
    width:100%;
    min-height:1px;
    vertical-align: top;
    padding-right: 0px;
}

.socialForm .favoriteMessage {
    display:none;
    border-left: 1px solid #ccc;
    min-width: 300px;
    min-height:1px;
    vertical-align: top;
    width:0px;

}

.socialForm .messageAreaFavoriteBlock  {
    width:75%;
    display:table-cell;
    padding-right: 10px;
}


.socialForm .favoriteMessageFavoriteBlock  {
    display:table-cell;

}


/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .socialForm .messageAreaFavoriteBlock  {
        width:100%;
        display:block;
    }

    .socialForm .favoriteMessageFavoriteBlock  {
        display:block;
        width: 100%;
    }
}


.socialMediaSenderTools {
    border-top:1px solid #e0e4e8;
    border-bottom:1px solid #e0e4e8;
}

.socialMediaSenderTools .toolItem {
    max-width:100px;
    float:left;
    margin: 0px 5px;
    width:20%;
    cursor:pointer;
    padding:10px 0px;
}


.socialMediaSenderTools .toolItem.selected {
   background:#e0f5ff;
}

.socialMediaSenderTools .toolItem span {
  font-size:25px;
}


.appendImg img {
    border: 1px solid #c1c1c1;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height:125px;
}

.appendImg {
    display: inline-block;
    margin: 2px;
    font-size: 24px;
    position: relative;
}

.appendImg span {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 24px;
    margin-left: -12px;
    margin-top: -12px;
    color: #064a6d;;
}

.opacity_05 {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.opacity_1 {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.visiableLink {
    margin-left: -5000px;
    border-left: 2px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-top: 20px;
}

.visiableDateSelect {
    margin-left: -5000px;
    border-left: 2px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-top: 20px;
}

.visiableDeleteDateSelect {
    margin-left: -5000px;
    border-left: 2px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-top: 20px;
}


.visiableLocationSelect {
    margin-left: -5000px;
    border-left: 2px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-top: 20px;

}

.visiableTitle {
    margin-left: -5000px;
    border-left: 2px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-top: 20px;
}

.visiableItem {
    margin-left: -5000px;
    float: left;
    position: absolute;
}

.visiablePinSettings {
    margin-left: -5000px;
    border-left: 2px dashed #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    margin-top: 20px;
}


.toolInputs input {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.toolInputs input:focus {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}


.toolInputs span {
   font-size: 15px;
    margin-left: 15px;
}


.smElement {
    display: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.indexHeadAd {
    background: url(../bg/indexHeadAdBg.jpg) no-repeat 0px 40px;
    max-width: 990px;
    min-height: 435px;
    position: relative;
    margin: auto;
    position: relative;
}

.indexHeadAd h4 {
    color: #3aace5;
}

.indexHeadAd p {
    color: #424c58;
    font-size: 13px;
}

.text1 {
    margin-top: 130px;
    position: absolute;
    max-width: 250px;
}

.text2 {
    margin-top: 300px;
    position: absolute;
    max-width: 250px;
    margin-left: 80px;
}

.text3 {
    margin-top: 300px;
    position: absolute;
    max-width: 250px;
    margin-left: 400px;
}

.text4 {
    margin-top: 130px;
    position: absolute;
    max-width: 250px;
    margin-left: 580px;
}

.button1 {
    margin-top: 260px;
    position: absolute;
    max-width: 250px;
    margin-left: 890px;
    color: #3aace5;
    font-weight: bold;
    font-size: 13px;
    width: 90px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.text5 {
    margin-top: 90px;
    position: absolute;
    max-width: 250px;
    margin-left: 850px;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .indexHeadAd {
        background: url(../bg/indexHeadAdBg.jpg) no-repeat 0px 40px;
        width: 100%;
        max-width: 414px;
        position: relative;
        margin: auto;
        background-size: 100%;
        min-height: 220px;
    }

    .indexHeadAd h4 {
        color: #3aace5;
        font-weight: bold;
        font-size: 10px;
    }

    .indexHeadAd p {
        color: #424c58;
        font-size: 6px;

    }

    .text1 {
        margin-top: 60px;
        position: absolute;
        max-width: 102px;
    }

    .text2 {
        margin-top: 130px;
        position: absolute;
        max-width: 102px;
        margin-left: 30px;
    }

    .text3 {
        margin-top: 130px;
        position: absolute;
        max-width: 102px;
        margin-left: 195px;
    }

    .text4 {
        margin-top: 60px;
        position: absolute;
        max-width: 102px;
        margin-left: 270px;
    }

    .button1 {
        margin-top: 105px;
        position: relative;
        /* max-width: 210px; */
        margin-left: 347px;
        margin-right: 5px;
        color: #3aace5;
        font-weight: bold;
        font-size: 10px;
        width: 60px;
        height: 80px;
        line-height: 80px;
        text-align: right;
        float: right;
        line-height: 15px;
    }

    .text5 {
        margin-top: 30px;
        position: absolute;
        max-width: 102px;
        margin-left: 340px;
    }

}

/*
.indexFull1{
    background:#424c58 url(../bg/trip.png) no-repeat top center;
    width: 100%;
    font-size: 11px;
    color:#f9f9f9;
}
*/

.indexKare{
    -webkit-box-shadow: 0 14px 40px rgba(129,156,184,.2);
    box-shadow: 0 14px 40px rgba(129,156,184,.2);
}

.indexKare h2{
    color:#fff;
}

.indexKare h4 {
    color:#eaf6ff;
}

.indexFull1 {
    width: 100%;
    background: url(../images/blue-background.svg);
    background-position: bottom;
    background-repeat: no-repeat;
   /* background-attachment: fixed; */
    background-size: cover;
    padding: 0;
    font-size: 11px;
    color: #f9f9f9;
    position: relative;
}

.indexFull1 .ew30 {
    padding: 15px;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .indexFull1 .ew30 {
        padding: 0px;
    }
}

.indexFull1_trip {
    background: url(../bg/trip.png) no-repeat top center;
    width: 60px;
    height: 40px;
    top: 0px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
}

.indexFull1 h2 {
    font-size: 22px;
    color: #fff;

}

.indexFull1 h3 {
    font-size: 40px;
    color: #fff;

}

.indexFull1 h4 {
    font-size: 13px;
    color: #fff;
}

.indexFull1 p {
    padding: 10px;
    font-size: 13px;
    color: #dddddd;
}

.indexFull1 a {
    font-size: 13px;
    color: #9ddcfb;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: none;
    font-weight: bold;
}


.indexFull1 .extra {
    background: #344053;
    border-radius: 3px;
    background-image: linear-gradient(60deg, #23a1da 0%, #4c98da 100%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    box-shadow: 0px 4px 20px 0px rgb(37, 83, 129,  0.15);
    padding:30px;
}

.indexFull1 .extra h6 {
    font-size:40px;
    color:#d9f2ff;
}

.whatYouCan {
    text-align: center;
    max-width:1400px;
    margin:auto;
}

.whatYouCan h2 {
    background: transparent;
    color: #156289;
    outline: none;
    padding: 7px 20px;
    line-height: 25px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #39a5dc;
    margin: 5px;
    border-radius:3px;
}


.bottomBackgroundShape {
    margin: 0px;
    bottom:0px;
    width: 100%;
    position: absolute;
    z-index:-1;
}


.indexFull2 {
    background: #45b0e6;
    width: 100%;
    font-size: 30px;
    color: #f9f9f9;
    text-align: center;
}

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

.indexFull3 {
    width: 100%;
    font-size: 13px;
    color: #666;
    /*
    background: linear-gradient(90deg, rgb(210, 240, 255) 0%, rgb(216, 242, 255) 38%, rgb(231, 251, 255) 66%, rgb(214, 240, 251) 100%);
*/
}

.indexFull3 .shape {
    position:absolute; z-index:1;
    width: 200%;
    margin-top: -65%;
    margin-left: -50%
}

.indexFull3 .ew50, .indexFull3 .ew45 {
   z-index:100;
}

.indexFull3 iframe {
    margin-top: 30px;
    position: relative;
    z-index: 9999;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 14px 40px rgba(109, 122, 136, 0.5);;
}

.indexFull3 h1, .indexFull3 h2 {
    color: #115273;
    font-weight:bold;

}

.indexFull3 a h1:hover, .indexFull3 a h2:hover {
    color: #0a6d81;
}

.footerWidth20 {
    width: 20%;
    margin-bottom: 10px;
}

.footerWidth20-100 {
    width: 20%;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .footerWidth20 {
        width: 50%;
    }

    .footerWidth20-100 {
        width: 100%;
    }

    .indexFull2 {
        font-size: 13px;
    }

}

.sosyalasistan-label {
    cursor: pointer !important;
    line-height: 20px;
}

.sosyalasistan-label input {
    position: absolute;
    left: -9999px;
    cursor: pointer !important;
}

.sosyalasistan-radio,
.sosyalasistan-check {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -.15em;
    margin: 0 .4em;
    width: 20px;
    height: 20px;
    background: url(../bg/customRadioCheckBackground.png) 0 0 no-repeat;
}

.sosyalasistan-radio {
    background-position: 0 -20px;
}

.sosyalasistan-check.focus {
    background-position: -20px 0;
}

.sosyalasistan-radio.focus {
    background-position: -20px -20px;
}

.sosyalasistan-check.checked {
    background-position: -40px 0;
}

.sosyalasistan-radio.checked {
    background-position: -40px -20px;
}

.sosyalasistan-check.checked.focus {
    background-position: -60px 0;
}

.sosyalasistan-radio.checked.focus {
    background-position: -60px -20px;
}

.payResult span {
    font-size: 250px;
}

.payResult {
    text-align: center;
}

.payResult h3 {
    font-size: 30px;
}

.servicesLogos img {
    opacity: 0.8;
    margin: 5px;
    padding: 15px 20px;
}

.servicesLogos img:hover {
    opacity: 1;
}

/* .fontPoppins — E10/Ö2'de boşaldı, hiçbir view kullanmıyor (grep 0) → silindi. */

.footer {
    padding-top: 40px;
    padding-bottom: 20px;
    width: 100%;
    color: #404040;
    -webkit-box-shadow: 0 14px 40px rgba(129,156,184,.2);
    box-shadow: 0 14px 40px rgba(129,156,184,.2);
}

.footer ul {
    min-width: 170px;
}

.footer h6 {
    font-size: 16px;
    font-weight: bold;
}

.footer ul li a {
    color: #404040;
    display: block;
    font-size: 13px;
    padding: 5px;
}

.footer .ourSocials {
    border-top: 1px solid #d7d8d9;
    padding-top: 10px;
}

.footer .ourSocials a {
    margin-right: 15px;
    padding: 5px;
    font-size: 13px;
    float: right;
}

.simpleMenu li {
    padding: 3px;
    list-style-type: circle;
}

.simpleMenu li:hover {
    list-style-type: square;
}






.fixedPages {
    font-size: 18px;
    line-height: 22px;
    color: #404040;
}

.fixedPages b, .fixedPages strong {
    font-size: 18px;
    font-weight: bold;
}

.fixedPages a {
    font-size: 18px;
    color: #0a6da3;
}

.fixedPages p {
    padding: 7px;
}

.fixedPages em {
    color: #9c9c9c;
    font-style: italic;
    margin-left: 5px;
    margin-right: 5px;
}

.fixedPages blockquote {
    padding: 10px;
    margin: 5px;
    margin-left: 40px;
    padding-left: 15px;
    border-left: 1px solid #efefef;
}

.fixedPages img {
    max-width: 380px;
    margin: 20px 20px 20px 0;
}

.fixedPages ul {
    padding: 5px 20px;
}

.fixedPages ul li {
    list-style: circle;
    padding: 3px;
}

.fixedPages b span {
    color: #0a6da3;
}

.basicListContent .item {
    display: block;
    padding: 15px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
}

.basicListContent .item .bold {
    font-size: 17px;
    color: #3d566d;
}

.basicListContent .item img {
    margin-right: 10px;
    margin-left: 10px;
}

.basicListContent .item small {
    color: #666;
    font-size: 11px;
}


.basicListContent .item:last-child {
    border-bottom: 0px;
}


.pager a {
    padding: 6px 10px;
    margin-right: 2px;
    background: #3d566d;
    color: #fff;
    font-size: 13px;
    float: left;
}

.pager a:hover {
    background: #45b0e6;
    color: #3d566d;
}

.pager a.current {
    background: #45b0e6;
    color: #3d566d;
}

.blogTitle {
    font-size: 25px;
    color: #0a6da3;
    margin: 15px;
}

.blogContent {
    text-align: left;
    margin: auto;
    max-width: 80%;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .blogContent {
        text-align: left;
        margin: auto;
        max-width: 100%;
    }
}



.writerArea {
    font-size: 18px;
}

.writerArea .img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: auto;
    background: #45b0e6;
    text-align: center;
    color: #3d566d;
}


.fixedCircle {
    position: fixed;
    right: 250px;
    bottom: 240px;
    color: #fff;
    z-index: 99;
    font-size: 230px;
    color: #3e576e;

}

.fixedCircle .cloud1 {
    position: absolute;
}

.fixedCircle .cloud2 {
    position: absolute;
    font-size: 240px;
    margin-left: -5px;
    margin-top: -5px;
    color: #fff;
}

.fixedCircle p {
    margin-top: -120px;
    font-size: 16px;
    color: #0a6da3;
    text-align: center;
    z-index: 300;
    margin-left: 30px;
    position: absolute;
}

.fixedCircle .logo {
    width: 60px;
    height: 49px;
    background: url(../bg/logoIcon.png);
    display: block;
    margin-left: 110px;
    margin-top: -190px;
    position: absolute;
}

.fixedCircle:hover {
    color: #0a6da3;
}

.fixedCircle:hover p {
    color: #fff;
}

.fixedCircle:hover .logo {
    background: url(../bg/logoIcon.png) bottom;
}

.qaaList .listItem {
    padding: 5px;
    margin-top: 2px;
}

.qaaList .listItem .detail {
    padding: 10px;
    margin-left: 20px;
    color: #666;
    border-top: 1px solid #f3f3f3;
    margin-top: 10px;
}

.qaaList .listItem b {
    font-weight: normal;
    color: #000;
    font-size: 16px;
}

.qaaList .listItem span {
    color: #0a6da3;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #ccc;
}

.qaaList .detail span {
    color: #3e576e;
    font-size: 18px;
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px solid #ccc;
}

.progress {
    display: block;
    text-align: center;
    width: 0;
    height: 3px;
    background: #45b0e6;
    transition: width .6s;
    max-width: 100% !important;
}

.progress.hide {
    opacity: 0;
    transition: opacity 3.3s;
}

.inlineBlockList li {
    font-size: 13px;
    display: inline-block;
}

.inlineBlockList li.status_2 {
    opacity: 0.7;
    background: #f4f4f4;
}

.addKeywordSimilarList li {
    padding: 2px;
    margin: 2px;
    cursor: pointer;

}

.panelBigButtons li {
    display:block;
    float:left;
    border:0px;
}



.inlineBlockList li .addNew {
    font-size: 19px;
    color: #3d566d;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right:0.5%;
    margin-left:0.5%;
    width:99%;
    min-height:170px;
    text-align:center;
    cursor:pointer;
}

.inlineBlockList li .addNew span {
    font-size: 60px;
}




.tagsArea .tag {
    padding: 5px;
    margin: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #45b0e6;
    color: #fff;
}

.tagsArea .tag a {
    padding: 1px;
    margin: 3px;
    cursor: pointer;
    background: #fff;
    color: #0a6da3;
}

.listStyleCircle li {
    padding: 5px;
    list-style: circle;
}

.tagEditorArea {
    position: relative;
}

.tagEditorArea ul.tag-editor {
    width: 100%;
}

.codeArea {
    padding: 5px;
    background: #dfeff2;
    border: 1px solid #d4f2f0;
}

.popupButton {
    cursor: pointer;
    color: #0a6da3;
}







/* page,message analytic pages */

.insightTag {
    color: #4c4c4c;
}

.insightTag .name {
    font-size: 15px;
    color: #445c72;
}

.insightTag .insightCard {
    background: #45b0e6;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    padding: 15px 25px;
}

/* TIMELINE */

.timeline {
    text-align: left;
    font-size: 15px;
}

.timeline h1, .h1 {
    font-size: 60px;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.timeline h2, .h2 {
    font-size: 30px;
}

.timeline h3, .h3 {
    font-size: 25px;
}

.timeline h4, .h4 {
    font-size: 20px;
}

.timeline h5, .h5 {
    font-size: 15px;
    font-weight: 400;
}

.timeline h6, .h6 {
    font-size: 13px;
    font-weight: 600;
}

.timeline p {
    margin-bottom: 15px;
}

.lead {
    font-weight: 300;
}

.timeline strong {
    font-weight: 700;
}

.timeline a {
    color: #32b9b1;
}

/* Tasarım: düz bağlantı üzerine gelince marka-aktif renk + altı çizgi; dolgulu (bg-*), .btn ve beyaz yazılı
   bağlantılar kendi hover sınıfıyla kalır (eski genel `a:hover{color:#666}` dolgulu düğmenin yazısını eziyordu). */
:where(a:not([class*="bg-"], [class*="text-white"], .btn, .header-cta)):hover {
    color: rgb(var(--brand-active));
    text-decoration: underline;
}

.timeline blockquote {
    font-size: 13px;
    border-left: 3px solid #ddd !important;
    padding-left: 15px;
    margin-left: 10px;
}

.timeline hr {
    border-color: #d0d0d0;
}

/*----------------------------------------------------------------------------------- */
/*  Background color helper classes */
/*----------------------------------------------------------------------------------- */
/* Legacy Bootstrap-era `.bg-primary` (#32b9b1 teal) çakışıyordu Tailwind primary
 * (#5b52e8) ile ve a11y kontrast hatasına yol açıyordu. `.bg-primary` rule
 * 2026-05-13'te kaldırıldı — diğer .bg-* helper'lar (success/info/warning/danger)
 * korundu. Modern kod artık Tailwind `bg-primary`'yi kullanıyor. */
.bg-success, .bg-info, .bg-warning, .bg-danger, .bg-muted {
    color: white;
}

.bg-success .page-header, .bg-info .page-header, .bg-warning .page-header, .bg-danger .page-header, .bg-muted .page-header {
    color: white;
}

.bg-success {
    background-color: #51be38;
}

.bg-info {
    background-color: #5bc0de;
}

.bg-warning {
    background-color: #ef9544;
}

.bg-danger {
    background-color: #f05a5b;
}

.bg-muted {
    background-color: #bbbbbb;
}

/*----------------------------------------------------------------------------------- */
/*  Buttons — Frontend a11y review (2026-05-13): legacy Bootstrap-era butonlar
/*  tokens.css `.btn`/`.btn-primary` rule'lerini ezzor + brand teal #32b9b1 →
/*  2.41:1 contrast (WCAG AA fail) idi. Legacy .btn[-primary] kuralları
/*  kaldırıldı; modern tokens.css `.btn .btn-primary` (#5b52e8 → 5.5:1 OK) geçerli.
/*----------------------------------------------------------------------------------- */
/* .btn / .btn-primary rule'leri kaldırıldı — tokens.css canonical. */

.btn-success {
    background: #51be38;
}

.btn-success:hover, .btn-success.active, .btn-success:focus {
    background: #4aae33;
}

.btn-info {
    background: #5bc0de;
}

.btn-info:hover, .btn-info.active, .btn-info:focus {
    background: #4ab9db;
}

.btn-warning {
    background: #ef9544;
}

.btn-warning:hover, .btn-warning.active, .btn-warning:focus {
    background: #ed8a31;
}

.btn-danger {
    background: #f05a5b;
}

.btn-danger:hover, .btn-danger.active, .btn-danger:focus {
    background: #ee4748;
}

.btn-link {
    color: #32b9b1;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.btn-group.open .dropdown-toggle.btn-primary {
    background-color: #227d77;
    border-color: #227d77;
}

.btn-group.open .dropdown-toggle.btn-primary .caret {
    border-top-color: white;
}

.btn-group.open .dropdown-toggle.btn-success {
    background-color: #388327;
    border-color: #388327;
}

.btn-group.open .dropdown-toggle.btn-success .caret {
    border-top-color: white;
}

.btn-group.open .dropdown-toggle.btn-info {
    background-color: #28a1c5;
    border-color: #28a1c5;
}

.btn-group.open .dropdown-toggle.btn-info .caret {
    border-top-color: white;
}

.btn-group.open .dropdown-toggle.btn-warning {
    background-color: #d46e12;
    border-color: #d46e12;
}

.btn-group.open .dropdown-toggle.btn-warning .caret {
    border-top-color: white;
}

.btn-group.open .dropdown-toggle.btn-danger {
    background-color: #e81517;
    border-color: #e81517;
}

.btn-group.open .dropdown-toggle.btn-danger .caret {
    border-top-color: white;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -2px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

/*----------------------------------------------------------------------------------- */
/*  Nav pills */
/*----------------------------------------------------------------------------------- */
.nav-pills > li > a {
    font-weight: 600;
}

.nav-pills > li > a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #32b9b1;
}

/*----------------------------------------------------------------------------------- */
/*  Dropdowns */
/*----------------------------------------------------------------------------------- */
.dropdown-menu {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.dropdown-menu > li > a {
    color: black;
    padding: 5px 12px 7px;
}

.dropdown-menu > li:first-child a {
    border: 0;
}

.dropdown-menu .divider {
    margin: 4px 0;
}

/*----------------------------------------------------------------------------------- */
/*  Tables */
/*----------------------------------------------------------------------------------- */
.table thead tr th {
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.6) !important;
    color: black;
    border: 0;
    vertical-align: middle;
}

.table tbody {
    background-color: white;
}

.table tbody tr td {
    font-size: 14px;
    border-top: 0;
    vertical-align: middle;
}

.table tfoot > tr > td {
    border-top: 0;
}

.table tfoot > tr:first-child > td {
    border-top: 1px solid #dddddd;
    padding-top: 15px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgba(0, 0, 0, 0.05);
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #51be38;
    color: white;
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #5bc0de;
    color: white;
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #ef9544;
    color: white;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f05a5b;
    color: white;
}

/*----------------------------------------------------------------------------------- */
/*  Labels */
/*----------------------------------------------------------------------------------- */
.label-primary {
    background-color: #32b9b1;
}

.label-default {
    background-color: #bbbbbb;
}

.label-success {
    background-color: #51be38;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #ef9544;
}

.label-danger {
    background-color: #f05a5b;
}

/*----------------------------------------------------------------------------------- */
/*  List groups */
/*----------------------------------------------------------------------------------- */
.list-group .list-group-item.active, .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus {
    color: white;
    background-color: #32b9b1;
    border-color: #27918b;
}

.list-group .list-group-item.active .badge, .list-group .list-group-item.active:hover .badge, .list-group .list-group-item.active:focus .badge {
    color: #32b9b1;
    background-color: white;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #32b9b1;
    border-color: #32b9b1;
}

.timeline label {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
}

.timeline {
    list-style: none;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(62, 87, 110, 0.7);
    height: 100%;
    width: 2px;
    border-radius: 3px;
    display: block;
}

.timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 10;
}

.timeline .timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 31px;
    text-align: right;
    margin-right: 40px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    color: #3e576e;
}

.timeline .timeline-row .timeline-time small {
    display: block;
    color: #0a6da3;
    text-transform: uppercase;
    opacity: 0.75;
    font-size: 11px;
    font-weight: 400;
}

.timeline .timeline-row .timeline-icon {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    background-color: white;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 3px;
    color: #0a6da3;
    font-size: 20px;
    z-index: 100;
}

.timeline .timeline-row .timeline-icon span {
    margin-top: 10px;
}

.timeline .timeline-row .timeline-icon > div {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    line-height: 34px;
    font-size: 16px;
}

.timeline .timeline-row .timeline-content {
    margin-left: 40px;
    position: relative;
    background-color: white;
    color: #333333;
}

.timeline .timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 48px;
    left: -41px;
    height: 2px;
    width: 40px;
    background-color: rgba(62, 87, 110, 0.7);
    z-index: -1;
}

.timeline .timeline-row .timeline-content .panel-body {
    padding: 15px 15px 2px;
    position: relative;
    z-index: 10;
}

.timeline .timeline-row .timeline-content h2 {
    font-size: 22px;
    margin-bottom: 12px;
    margin-top: 0;
    line-height: 1.2;
    color: #0a6da3;
}

.timeline .timeline-row .timeline-content p {
    margin-bottom: 15px;
    color: #3e576e;
}

.timeline .timeline-row .timeline-content img {
    margin-bottom: 15px;
}

.timeline .timeline-row .timeline-content blockquote {
    border-color: #eeeeee;
}

.timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
    color: #999999;
}

.timeline .timeline-row .timeline-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin-bottom: 15px;
    overflow: hidden;
}

.timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timeline .timeline-row:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%;
}

.timeline .timeline-row:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 40px;
}

.timeline .timeline-row:nth-child(odd) .timeline-content {
    margin-right: 40px;
    margin-left: 0;
}

.timeline .timeline-row:nth-child(odd) .timeline-content:after {
    left: auto;
    right: -41px;
}

.timeline.animated .timeline-row .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}

.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px;
}

.timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0;
}

.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .timeline .timeline-row .timeline-content {
        margin-left: 0px;
    }

    .timeline .timeline-row .timeline-icon {
        top: -75px;
    }

    .timeline .timeline-row .timeline-time {
        top: -75px;
    }

    .timeline .timeline-row {
        padding-left: 0%;
    }

    .timeline .timeline-row:nth-child(odd) {
        padding-right: 0%;
    }

    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 0px;
    }

    .timeline .timeline-row .timeline-content .panel-body {
        margin-top: 100px;
    }

}

/* Image Maker */

.imageMakerTableOuter {
    background: rgba(38, 38, 38, 0.4) url(../bg/trans.png);
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    position: fixed;
    margin: auto;
    font-size: 13px;
}

.imageMakerTable {
    position: absolute;
    overflow: hidden;
    background: url(../bg/trans.png);
    text-align: center;
    padding: 5px;
    left: 10px;
    right: 10px;
    top: 40px;
    bottom: 10px;

}

.imageMakerTableOuter .imToolbar {
    position: fixed;
    top: 8px;
    left: 12px;
    right: 12px;
}

.imageMakerTableOuter .inputButton {
    padding: 5px;
    border: 0px;
}

.imageMakerTable .ui-draggable, .ui-droppable {
    background-position: top;
}

.imageMakerTable .dataset {
    float: left;
    vertical-align: top;
}

.imageMakerTable .widget {
    background: url(../bg/transparentBg.png);
    vertical-align: top;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 20px;
    border: 1px solid lightgray;
    display: inline-block;
    page-break-after: always;
    height: 120px;
    width: 320px;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.imageMakerTable .editable {
    display: inline-block;
    width: auto;
    z-index: 9999999;
    position: absolute;
    margin: 1px;
    border: 0px;
    color: #fff;
    padding: 5px;
    outline: none;
}

.imageMakerTable .editable[data-medium-focused="true"] {
    -webkit-box-shadow: 0px -2px 49px 5px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px -2px 49px 5px rgba(0, 0, 0, 0.52);
    box-shadow: 0px -2px 49px 5px rgba(0, 0, 0, 0.52);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.imageMakerTable .editable p {
    margin: 2px;
    color: #fff;
}

.imageMakerTable .imgBorder {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    position: absolute;
    background-repeat: no-repeat !important;
}

.imageMakerTable .ui-wrapper {
    overflow: initial !important;
}

.imgArea {
    background: #666;
    display: none;
    text-align: center;
    position: fixed;
    z-index: 99999999999;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.imgArea .imgOut {
    max-height: 90%;
    padding-top: 10px;
}

.imgArea canvas {
    border: 1px solid #ccc;
}

.imgArea .imgToolbar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
}

.ui-resizable:hover .ui-icon {
    background-color: rgba(255, 255, 255, 0.3);
    transition: background-color 0.25s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.feedResult .item {
    padding: 5px;
    border-bottom: 1px solid #eee;
    word-wrap: break-word;
    color: #666;
}

.feedResult .item .ok span {
    color: #21cd00;
}

.feedResult .item .fail span {
    color: #cd0000;
}

.feedResult .item .inline-block {
    color: #000;
    font-weight: bold;
}

.feedResult .item .li {
    padding: 2px;
}

.paymentHistoryGraphic .it {
    border-bottom: 1px dotted #ccc;
}

.paymentHistoryGraphic .it:last-child {
    border-bottom: 0px dotted #ccc;
}

.paymentHistoryGraphic span {
    font-size: 10px;
    position: absolute !important;
    color: #232323;
    cursor: pointer;
}

.paymentHistoryGraphic .selectedDays {
    max-width: 12px;
}

.paymentHistoryGraphic .emptyDays {
    max-width: 12px;
}

.paymentHistoryGraphic .curDate {
    border-right: 2px solid #307fa7;
}

.paymentHistoryGraphic .projectLimit {
    display: block;
    height: 6px;
    width: 100%;
    background: #009acc;
    margin-bottom: 4px;
}

.paymentHistoryGraphic .keywordLimit {
    display: block;
    height: 6px;
    width: 100%;
    background: #46cc0b;
    margin-bottom: 4px;
}

.paymentHistoryGraphic .socialLimit {
    display: block;
    height: 6px;
    width: 100%;
    background: #fdc200;
    margin-bottom: 4px;
}

.paymentHistoryGraphic .socialShare {
    display: block;
    height: 6px;
    width: 100%;
    background: #cc502d;
    margin-bottom: 4px;
}

.paymentHistoryGraphic .centerDate {
    position: absolute;
    width: 130px;
    margin-left: -65px;
    font-style: italic;
    color: #b8b8b8;
    text-align: center;
    margin-top: -85px;
}

.paymentHistoryGraphic .cornorDate {
    font-style: italic;
    color: #b8b8b8;
    text-align: center;
}

.paymentHistoryGraphic .centerInfo {
    position: absolute;
    max-width: 300px;
    margin-left: -75px;
    font-style: italic;
    color: #b8b8b8;
    text-align: left;
    margin-top: 10px;
}

.supportHelpDiscussion .answer {
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
    padding: 0px 10px;
}

.supportHelpDiscussion .he .answer {
    border-bottom: 1px solid #eee;
    background: #f3fbff;
}

.supportHelpDiscussion .answer {
    border-bottom: 1px solid #eee;
}

.supportHelpDiscussion .answer small {
    font-size: 10px;
    font-style: italic;
    color: #666;
}

.supportHelpDiscussion .answer {
    font-size: 14px;
    color: #202020;
}

.supportHelpDiscussion .name b {
    background: #45b0e6;
    padding: 2px;
    color: #fff;
}

.supportHelpDiscussion .me .name b {
    background: #3d566d;
    padding: 2px;
    color: #fff;
}

.supportHelpDiscussion .me .name b.bgGreen {
    background: #08cd00;
    padding: 2px;
    color: #fff;
}

/* steps */

.steps {
    padding: 5px 15px;
}

.spetsBlocks {
    padding: 0px !important;
    margin: 0px !important;
}

.stepItem {
    display: none;
}

.steps li {
    display: inline-block;
    font-size: 13px;
    padding: 10px;
    padding-right: 30px !important;
}

.steps li:last-child {
    padding-right: 0px !important;
    background: none;
}

.spetsBlocks li {
    padding: 10px;
    margin-right: 1px;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    display: block;
    box-sizing:border-box;
}

.spetsInline li {
    display: inline-block;
    font-size: 13px;
    padding: 10px;
    padding-right: 30px !important;
    background: url(../bg/right-arrow.png) right bottom no-repeat;
    background-position: calc(100% - 10px) calc(100% - 10px);
}

.spetsInline li:last-child {
    display: inline-block;
    font-size: 13px;
    padding: 10px;
    padding-right: 0px !important;
    background: none;
}

.spetsBlocks li:last-child {
    border-bottom: 0px;
}

.spetsBlocks li:hover {
    background: url(../bg/right-arrow.png) right bottom no-repeat;
    background-position: calc(100% - 10px) calc(100% - 10px);
}

.steps li span {
    color: #0a6da3;
}

/* aktif */

.spetsBlocks li.active {
    background: #fff url(../bg/right-arrow.png) right bottom no-repeat;
    background-position: calc(100% - 10px) calc(100% - 10px);
}

.steps li.active span {
    font-size: 16px;
    color: #0a6da3;
}

.steps li.active p {
    color: #424242;
}

.steps li.active b span {
    color: #0a6da3;
}

/* pasif */
.steps li.passive span {
    font-size: 16px;
    color: #a8d5ec;
}

.steps li.passive p {
    color: #afafaf;
}

.steps li.passive b span {
    color: #688594;
}



/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .spetsBlocks li {
        width:calc(100%/4.1);
        display:inline-block;
        font-size: 10px;
        padding:5px 4px;
        margin-right:0px;
    }

    .spetsBlocks li:last-child {
        border-bottom: 1px solid #e4e4e4;
    }

    .steps li span {
        font-size: 13px !important;
        color: #a8d5ec;
    }


}




.outerShadow {
    -webkit-box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.1);
}

.keywordGeneral .analysisBalloon {
    border-radius: 50%;
    height: 110px;
    width: 110px;
    display: inline-block;
    margin: 5px;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(42, 58, 73);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(93, 129, 161);
}


.limitItem {
    display: inline-block;
    min-width: 16% !important;
}


.visibleThis {
    visibility: visible;
    opacity: 0;
    transition: opacity 0.3s linear;
}

.indexBlogContents .item {
    width:44%;
    margin: 30px 2% 70px 2%;
    display:inline-block;
    text-align:left;
    box-shadow: 0 14px 40px rgba(129,156,184,.2);
    vertical-align: top;
}

.indexBlogContents .item .img {
    margin-top: 10px;
    width:100%;
    height: 200px;
    overflow:hidden;
    background-size: 100% !important;
    border-radius: 5px;
    -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

.indexBlogContents .item .img:hover {
    background-size: 115% !important;
}


.indexBlogContents .item .author {
    overflow:hidden;
    margin:auto;
    text-align:center;
    margin-top:-50px;
    width: 75px;
    height: 75px;
}

.indexBlogContents .item .author img {
    border-radius:50%;
    max-width: 75px;
    max-height: 75px;
    width: 100%;
}





@-webkit-keyframes nesefAlNefesVer {

    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97); }
    50% {
        -webkit-transform: scale(1.11);
        transform: scale(1.11); }
    100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97) ; } }

@keyframes nesefAlNefesVer {

    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97); }
    50% {
        -webkit-transform: scale(1.11);
        transform: scale(1.11); }
    100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97) ; } }

@-webkit-keyframes half-nesefAlNefesVer {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%); }
    50% {
        -webkit-transform: scale(0.99) translate(-50%, -50%);
        transform: scale(0.99) translate(-50%, -50%); }
    100% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%); } }

@keyframes half-nesefAlNefesVer {
    0% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%); }
    50% {
        -webkit-transform: scale(0.99) translate(-50%, -50%);
        transform: scale(0.99) translate(-50%, -50%); }
    100% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%); } }



@keyframes rotateMe0Now {
    to {
       /* background-position: 0px 0; */
        transform: rotate(0deg);
    }
}

@-webkit-keyframes fadeinn{
    from{
        background-size: 0px 0px;
    }
    to{
        background-size: 100% 100%;
    }
}


@-webkit-keyframes fadeinAndDown{
    from{
        top: 0px;
        opacity: 0;
    }
    to{
        top: 50px;
        opacity: 1;
    }
}


/* RANK TRACKER LANDING */

.rankTrackerLandingPageHead {
    background-size: 100%;
    position:relative;
    font-size: 30px;

}

.rankTrackerLandingPageHead .shape1 {
    min-height: 1078px;
    position:absolute;
    background-size: 49%;
    width:75%;
    top: 0px;
    left:0px;
    z-index:1;
    transform: rotate(20deg);
    transform-origin: 0% -200%;
    animation: rotateMe0Now 0.4s linear forwards;
}



.rankTrackerLandingPageHead .shape2 {
    min-height: 100%;
    background-size: 45%;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 2;
    transform-origin: 100% 100%;
    background: #bfdaf6;
    height: 160%;
    width: 65%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
     animation-iteration-count: infinite;
    transform: rotate(-63deg);
    transform-origin: 40% 10%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-top-left-radius: 10%;
    -moz-border-top-left-radius: 10%;
    -webkit-border-top-left-radius: 10%;
}


.rankTrackerLandingPageHead .shape3 {
    background:url(../bg/rankTrackerAnalysisBg.png) no-repeat top right;
    min-height: 100%;
    background-size: 40%;
    position:absolute;
    width:95%;
    top: 0px;
    right:0px;
    z-index:2;
    opacity: 1;
    background-position: 95% 15%;
    animation: fadeinAndDown 1.4s linear 1 normal forwards;
}


.rankTrackerLandingPageHead .shape5 {
    background: #bfdaf6;
    height: 60%;
    width: 25%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    animation-iteration-count: infinite;
    transform: rotate(-53deg);
    transform-origin: 0% -100%;
    transform-origin: 90% 50%;
    border-radius: 200px;
}


.rankTrackerLandingPageHead .shape6 {
    min-height: 100%;
    background-size: 45%;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 2;
    transform-origin: 100% 100%;
    background: #bfdaf6;
    height: 100%;
    width: 45%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    animation-iteration-count: infinite;
    transform: rotate(13deg);
    transform-origin: 40% 10%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-top-left-radius: 10%;
    -moz-border-top-left-radius: 10%;
    -webkit-border-top-left-radius: 10%;
}


/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {


    .rankTrackerLandingPageHead .shape6 {
        width: 85%;
    }

    .rankTrackerLandingPageHead .shape5 {
       display:none;
    }

}



.rankTrackerLandingPageHead .text {
    z-index:999;
    position:relative;
    text-align:left;
    padding-left: 5%;
    padding-top:5%;
    font-size: calc(12px + 10%);
    margin-bottom: 180px;
}

.rankTrackerLandingPageHead .text h1 {
    font-size: calc(12px + 3vw);
    font-weight: bold;
}

.rankTrackerLandingPageHead .text h2 {
    font-size: calc(8px + 1vw);
}


.rankTrackerLandingPageHead .text {
    z-index:999;
    position:relative;
}

.rankTrackerLandingPageHead .circle {
    width: 100%;
    height: 100px;
    display: block;
    background:url(../images/circleForCreath.svg) no-repeat center;
    max-width: 100px;
    max-height:100px;
    background-size: 0px 0px;
    animation: fadeinn 0.1s linear 1 normal forwards, nesefAlNefesVer infinite ease-in-out 3s;
    transform-origin: center;
}


.rankTrackerLandingPage .shape4 {
     height:100%;
    width: 100%;
    background-size: 50%;
    background-position: 100% 0%;
}

.rankTrackerLandingPage .shape4 img {
    width: 80%;
    padding: 5% 10% 0px 10%;
}

.rankTrackerLandingPage .shape4 .text {
    z-index:999;
    position:relative;
    text-align:left;
     font-size: 17px;
    padding:5% 10% 0 10%;
}


a.landingPageBigButton {
    padding:20px 40px;
    border-radius: 40px;
    font-size:20px;
    color:#fff;
    display:inline-block;
    background:#274278;
    cursor: pointer;
    transition: all 500ms ease;
}

a.landingPageBigButton:hover {
    -webkit-box-shadow: 0 0 40px rgba(129,156,184,0.6);
    box-shadow: 0 0 40px rgba(129,156,184,0.6);
    color:#fff;
    -webkit-transition: box-shadow 0.5s linear;
    -moz-transition:  box-shadow 0.5s linear;
    transition: box-shadow 0.5s linear;
}


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

    .rankTrackerLandingPageHead .shape2 {
        background-size: 50%;
    }

    .rankTrackerLandingPageHead .text {
        margin-bottom: 0px;
    }

}

@media screen and (max-width: 1024px) {
    .rankTrackerLandingPageHead .shape2 {
        background-size: 60%;
        background-position: 125% -60px;
    }
}



@media screen and (max-width: 850px) {
    .rankTrackerLandingPageHead .shape2 {
        background-size: 70%;
        background-position: 160% -10px;
    }
}



/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .rankTrackerLandingPageHead .shape2 {
        background-size: 100%;
        background-position: 0% -100px;
    }
    .rankTrackerLandingPageHead .shape3 {
        display:none;
    }
    .rankTrackerLandingPageHead .text {
        margin-bottom: 100px;
    }

}



@media screen and (max-width: 500px) {
    .rankTrackerLandingPageHead .shape2 {
        background-size: 300%;
        background-position: -100px 0px;
    }
    .rankTrackerLandingPageHead .shape3 {
        display:none;
    }
    .rankTrackerLandingPageHead .text {
        margin-bottom: 10px;
    }

}





/* SOCIAL MEDIA SCHEDULER LANDING */


.socialMediaSchedulerHead {
    background-size: 100%;
    position:relative;
    font-size: 30px;

}

.socialMediaSchedulerHead .shape1 {
    min-height: 1078px;
    position:absolute;
    background-size: 49%;
    width:75%;
    top: 0px;
    left:0px;
    z-index:1;
    transform: rotate(20deg);
    transform-origin: 0% -200%;
    animation: rotateMe0Now 0.4s linear forwards;
}


/* E10/Ö3.2 (2026-08-15) — `.socialMediaSchedulerHead .shape2` SİLİNDİ.
 * body'deki `overflow-x: hidden`'ın gizlediği yatay taşmanın ÖLÇÜLMÜŞ kaynağıydı:
 * `width:100%` + `transform: rotate(-23deg)` → döndürülmüş kutunun bounding box'ı
 * containing block'u aşıyordu. Playwright ölçümü (overflow-x kapalıyken,
 * /social-media-management, ata klip kaldırılmış):
 *   375px → scrollWidth 615 vs innerWidth 375 (+240px); yalnız bu öğe gizlenince 372
 *   768px → scrollWidth 1030 vs innerWidth 768 (+262px); yalnız bu öğe gizlenince 765
 * Diğer hiçbir .shape*'i gizlemek scrollWidth'i değiştirmedi → tek kaynak buydu.
 * Kural 33: içerik/düzen taşımıyordu — boş <div>, position:absolute, düz renk
 * (#ffefd9), çocuk yok; başlık metni ayrı `.text` katmanında (z-index:999). */

.socialMediaSchedulerHead .shape3 {
    background:url(../bg/socialMediaSchedulerBg.png) no-repeat top right;
    min-height: 100%;
    background-size: 40%;
    position:absolute;
    width:95%;
    top: 0px;
    right:0px;
    z-index:2;
    opacity: 1;
    background-position: 95% 15%;
    animation: fadeinAndDown 1.4s linear 1 normal forwards;
}

.socialMediaSchedulerHead .shape6 {
    background:url(../bg/mascot_on_desk.png) no-repeat top right;
    min-height: 100%;
    background-size: 30%;
    position:absolute;
    width:95%;
    top: 0px;
    right:0px;
    z-index:2;
    opacity: 1;
    background-position: 95% 15%;
    animation: fadeinAndDown 1.4s linear 1 normal forwards;
}


.socialMediaSchedulerHead .shape4 {
    background: #ffefd9;
    min-height: 100%;
    background-size: 45%;
    position: absolute;
    width: 70%;
    top: 0px;
    right: 0px;
    z-index: 2;
    transform: rotate(33deg);
    transform-origin: 0% -100%;
    transform-origin: 85% -1%;
    background-position: 100% -160px;
    border-radius: 400px;
}


/* E10/Ö3.2 (2026-08-15) — `.shape7` ve `.shape7_2` SİLİNDİ.
 * İkisi de negatif `right` ofsetiyle (sırasıyla -50% ve -60%) containing block'un
 * dışına, yani viewport'un sağına taşıyordu. Markup'ları indexSMM.php'den bu iş
 * sırasında kaldırıldığı için sayfada ölçülemediler; kuralın hâlâ taşma ürettiği
 * geçici DOM enjeksiyonuyla kanıtlandı (öğe .socialMediaSchedulerHead'e eklenip
 * getBoundingClientRect().right okundu, sonra kaldırıldı):
 *   .shape7   → right 428 (iw 375) · right 880 (iw 768)
 *   .shape7_2 → 375px'te media query ile display:none · right 838 (iw 768)
 * Kural 33: ikisi de boş <div>, position:absolute, düz renk (#ffefd9 / #ffe4c2),
 * çocuk yok — saf süsleme, düzen taşımıyordu. */



.socialMediaSchedulerHead .shape5 {
    background: #ffefd9;
    height: 50%;
    width: 30%;
    /* background-size: 45%; */
    position: absolute;
    /* width: 100%; */
    top: 0px;
    left: 0px;
    z-index: 2;

    animation-iteration-count: infinite;
    transform: rotate(-23deg);
    transform-origin: 0% -100%;
    transform-origin: 90% 50%;
    /* background-position: 100% -10px; */
    border-radius: 400px;
}


.socialMediaSchedulerHead .shape8 {
    background: url(../bg/rankTrackerHead_shape2_right.png) no-repeat top right;
    /* min-height: 932px; */
    background: #ffefd9;
    min-height: 100%;
    background-size: 45%;
    position: absolute;
    width: 60%;
    top: 0px;
    right: 0px;
    z-index: 2;
    border-radius: 45%;
    /* animation: rotateMe0Now 0.4s linear forwards; */
    transform: rotate(-13deg);
    transform-origin: 0% -100%;
    transform-origin: 5% -81%;
    background-position: 100% -60px;
}


.socialMediaSchedulerHead .shape9 {
    background:url(../bg/feedAutomationHeadBg.png) no-repeat top right;
    min-height: 100%;
    background-size: 40%;
    position:absolute;
    width:95%;
    top: 0px;
    right:0px;
    z-index:2;
    opacity: 1;
    background-position: 95% 15%;
    animation: fadeinAndDown 1.4s linear 1 normal forwards;
}


/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .socialMediaSchedulerHead .shape6 {
        display:none;
    }

    .socialMediaSchedulerHead .shape3 {
        display:none;
    }

    .socialMediaSchedulerHead .shape9 {
        display:none;
    }

    /* .shape7_2 override'ı SİLİNDİ — kuralın kendisi Ö3.2'de kaldırıldı, bu
     * media query girdisi artık var olmayan bir seçiciye bakıyordu. */

}








.socialMediaSchedulerHead .text {
    z-index:999;
    position:relative;
    text-align:left;
    padding-left: 5%;
    padding-top:5%;
    font-size: calc(12px + 10%);
}

.socialMediaSchedulerHead .text h1 {
    font-size: calc(12px + 3vw);
    font-weight: bold;
}

.socialMediaSchedulerHead .text h2 {
    font-size: calc(8px + 1vw);
}

.socialMediaSchedulerHead .text h3 {
    font-size: calc(12px + 3vw);
    font-weight: bold;
}

ul.iconOrderHorizontal li {
    display:inline-block;
    padding: 0px 20px;
    vertical-align: top;
}

ul.iconOrderHorizontal li .circle {
    border: 1px solid #ccc;
    border-radius: 50%;
    font-size: 55px;
    width: 125px;
    height: 125px;
    display: block;
    margin: auto;
    line-height: 125px;
    margin-bottom: 30px;
}

ul.iconOrderHorizontal li h2 {
    font-size:20px;
    color:#274278;
}

ul.iconOrderHorizontal li h3 {
    font-size:20px;
    color:#274278;
    display:block;
    padding-bottom: 20px;
    border-bottom:1px solid #dedede;
}


ul.iconOrderVertical li {
    display:block;
    padding: 20px;
    padding-left: 0px;
    border-bottom: 1px solid #efefef;
}

ul.iconOrderVertical li b {
    font-size: 20px;
    color:#3f6e86;
}




/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    ul.iconOrderHorizontal li {
        display:inline-block;
        padding: 0px 5px;
        vertical-align: top;
    }
    ul.iconOrderHorizontal li span {
        font-size:50px !important;
    }

}


.highcharts-background {
    fill:transparent !important;
}



.headLanding .shape1 {
    background: #bfdaf6;
    height: 60%;
    width: 25%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    animation-iteration-count: infinite;
    transform: rotate(-53deg);
    transform-origin: 0% -100%;
    transform-origin: 90% 50%;
    border-radius: 200px;
}



.likeThatButton {
    border-top: 1px solid #ccc;
    border-radius: 50%;
    padding: 30px;
    text-align:center;
    position:fixed;
    bottom: 30px;
    right: 30px;
    -webkit-box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    -moz-box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    box-shadow: 0px 0px 36px 1px rgba(115, 199, 199, 0.53);
    background: #e4f7ff;
    z-index:999;
}



.analysisTable {
    display:block;
    margin: auto;
}

.analysisTable .tableRow {
    float:left;
    padding:5px 10px;
    box-sizing: border-box;
}



.analysisTable .tableRow.domainName {
    background:transparent;
}


/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .analysisTable .tableRow.domainName {
        background:#e4f6ff;
    }
}


.analysisTable .tableHead {
    background:#e5f2fe;
    font-size:13px;
    font-weight:bold;
    padding: 5px 10px;
}


.analysisTable .tableItem {
    border-bottom:1px solid #ccc;
    line-height: 25px;
    word-break: break-all;
}

.analysisTable .tableItem:last-child {
    border-bottom:0px solid #ccc;
}

.analysisTable span {
    display:inline-block;
}



.opponentAnalysisTable .tableHead {
    background: #e5f2fe;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}


.opponentAnalysisTable .tableHead .item .it {
    padding: 10px;
}

.opponentAnalysisTable .item .it {
    padding: 5px 10px;
    box-sizing: border-box;
    float:left;
}

.opponentAnalysisTable .showAll {
    color: #0a6da3;
    margin: auto;
    text-align: center;
    cursor:pointer;
}

.opponentAnalysisTable .tableBody .item  {
    border-bottom: 1px solid #eee;
}


.opponentAnalysisTable .foot  {
    background: #e2f5ff;
    font-weight: bold;
}


.register .choseArea .bgMail {
    float:right;
}

/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {
    .register .choseArea .bgMail {
        float:left;
    }
}


.trackDailyButton {
    padding: 50px 20px;
    text-align: center;
    background: #d8f1ff;
    font-size: 20px;
}


._404Page {
    max-width:900px;
    font-size: 18px;
    margin:auto;
    width:100%;
}

._404Page a {
    font-size: 18px;
    font-weight:bold;
}

._404Page h2 {
    color:#cd0000;
    font-size: 25px;
}

.blur {
     -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    top: 0px;
    opacity: 0.9;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.backlinkResult {
    margin:auto;
    max-width:800px;
}

.backlinkResult .item {
    padding: 15px;
    border-bottom:1px solid #eee;
}

.backlinkResult .item .text {
    line-height:25px;
}

.backlinkResult .loading {
    background: #e3f6ff;
}

.backlinkResult .loading .text {
    line-height:40px;
}


.backlinkResult .head {
    line-height: 25px;
}


.backlinkResult .last {
    width:22px;
    text-align:center;
    border-left: 1px solid #eee;
    padding-left: 10px !important;
}

.backlinkResult .result {
    padding-right: 10px !important;
}


.backlinkPageUserVsVisitor .userBacklinkCount {
    background: #d6f6ff;
    padding: 20px 0px;
    font-size:16px;
}


.backlinkPageUserVsVisitor .visitorBacklinkCount {
    background: #ffdcdc;
    padding: 20px 0px;
    font-size:16px;
}


.form .line {
    margin-bottom: 20px;
    font-size: 13px;
    vertical-align: top;
}

.form .line.multi {
    width:49%;
    display:inline-block;
}

.form .line .name {
    display:inline-block;
    width:22%;
    padding-right:2%;
    text-align:right;
    line-height:40px;
    vertical-align: top;
}


.form .line .element {
    display:inline-block;
    width:75%;
    vertical-align: top;
    line-height:40px;
}





/* 767.98px: Tailwind md=768px ile 2px bindirmeyi kapatır (768-769 bandında iki kural seti birden uygulanıyordu) */
@media screen and (max-width: 767.98px) {

    .form .line .name {
        display:inline-block;
        width:100%;
        padding-right:0px;
        text-align:left;
    }


    .form .line .element {
        display:inline-block;
        width:100%;
    }

    .form .line.multi {
        width:100%;
        display:inline-block;
    }


}


.alexaCounts {
   font-size:13px;
}

.alexaCounts .list .item {
  padding:5px;
}

.alexaCounts .list .item.head {
    background: #274278;
    color: #fff;
}