/* Arama ikonunun arka planı */
.commonStyle__zt3BrandBg{
    background: #1E417C !important;
    background-color: #1E417C !important;
    border-color: #1E417C !important;
    transition: all .25s ease;
}

/* Hover */
.commonStyle__zt3BrandBg:hover{
    background: #00b5e2 !important;
    background-color: #00b5e2 !important;
    border-color: #00b5e2 !important;
}

/* Normal buton */
.Button__button,
button {
    background: #1E417C !important;
    border: 1px solid #1E417C !important;
    color: #fff !important;
    transition: all .25s ease;
}

/* Buton Hover */
.Button__button:hover,
button:hover {
    background: #00b5e2 !important;
    border-color: #00b5e2 !important;
    color: #fff !important;
}

/* Back to Top butonu */
.AppContainer__backToTop:hover {
    background: #00b5e2 !important;
    background-color: #00b5e2 !important;
    border-color: #00b5e2 !important;
}
}

/* Üzerine gelince */
.Button__button:hover,
button:hover {
    background: #00b5e2 !important;
    border: 1px solid #00b5e2 !important;
}
/* Bilgi Bankası ikonunun rengini değiştir */
.Icon__greyShade70 {
    color: #00b5e2 !important;
    fill: #00b5e2 !important;
    stroke: #00b5e2 !important;
}

/* SVG ve içindeki path/use elemanlarını da zorla */
.Icon__greyShade70 path,
.Icon__greyShade70 use,
.Icon__greyShade70 svg {
    fill: #00b5e2 !important;
    stroke: #00b5e2 !important;
    color: #00b5e2 !important;
}

/* Tüm büyük ikonları da hedefle */
.Icon__Xlarge {
    fill: #00b5e2 !important;
    color: #00b5e2 !important;
}
span.AppContainer__backToTop:hover {
    background-color: #00b5e2 !important;
}







/* Arama ikonunun arka planı */
.commonStyle__zt3BrandBg{
    background: #1E417C !important;
    background-color: #1E417C !important;
    border-color: #1E417C !important;
    transition: all .25s ease;
}

/* Hover */
.commonStyle__zt3BrandBg:hover{
    background: #00b5e2 !important;
    background-color: #00b5e2 !important;
    border-color: #00b5e2 !important;
}

/* Normal buton */
.Button__button,
button {
    background: #1E417C !important;
    border: 1px solid #1E417C !important;
    color: #fff !important;
    transition: all .25s ease;
}

/* Buton Hover */
.Button__button:hover,
button:hover {
    background: #00b5e2 !important;
    border-color: #00b5e2 !important;
    color: #fff !important;
}

/* Back to Top butonu */
.AppContainer__backToTop:hover {
    background: #00b5e2 !important;
    background-color: #00b5e2 !important;
    border-color: #00b5e2 !important;
}
}

/* Üzerine gelince */
.Button__button:hover,
button:hover {
    background: #00b5e2 !important;
    border: 1px solid #00b5e2 !important;
}
/* Bilgi Bankası ikonunun rengini değiştir */
.Icon__greyShade70 {
    color: #00b5e2 !important;
    fill: #00b5e2 !important;
    stroke: #00b5e2 !important;
}

/* SVG ve içindeki path/use elemanlarını da zorla */
.Icon__greyShade70 path,
.Icon__greyShade70 use,
.Icon__greyShade70 svg {
    fill: #00b5e2 !important;
    stroke: #00b5e2 !important;
    color: #00b5e2 !important;
}

/* Tüm büyük ikonları da hedefle */
.Icon__Xlarge {
    fill: #00b5e2 !important;
    color: #00b5e2 !important;
}
span.AppContainer__backToTop:hover {
    background-color: #00b5e2 !important;
}
.Input__headerSearch::placeholder {
    color: transparent;
}

.Input__positionRel::after {
    content: "Ara";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
    pointer-events: none;
}
.SearchContainer__searchIcon{
    width:48px !important;
    height:40px !important;
    min-width:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
}

.SearchContainer__searchIcon svg{
    width:16px !important;
    height:16px !important;
}

.Input__headerSearch{
    height:40px !important;
    line-height:40px !important;
}
/* Arama alanının tamamı */
.SearchContainer__globalSearch {
    opacity: 0.84 !important;
}
.Header__globalSearch{
    width: 55% !important;
    max-width: 650px !important;
    margin: 20px auto 0 auto !important;
}

.SearchContainer__globalSearch{
    width:100% !important;
}
/* Kaydol linki */
#portal_signup,
.Signin__userLink {
    color: #00B5E2 !important;
}

/* Üzerine gelince de aynı kalsın */
#portal_signup:hover,
.Signin__userLink:hover {
    color: #00B5E2 !important;
}
/* Varsayılan olarak hiçbir inputta gösterme */
.Input__positionRel::after {
    content: none !important;
}

/* Sadece ana sayfadaki arama kutusunda göster */
.Header__searchSection .SearchContainer__formGroup .Input__positionRel::after {
    content: "Ara" !important;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
    pointer-events: none;
}