body{
    font-family: Arial, sans-serif;
	font-size:13px;
	color:#000;
	background-color: #ebebee;
	margin:0;
    /*background-image: url("/tema/mobil/images/ap-aa.png");*/
    /*background-repeat: repeat;*/
    height: 100%;
    overflow-y: auto;
}
a {color:#008; text-decoration:none;}
.noscroll {overflow: hidden;}

table, tr, td, ul, ol, li, p, form, input, textarea, select, button, p, img {padding: 0; margin: 0; border: 0; font-family: sans-serif;}
table {border-collapse: collapse}
:focus {outline: 0}

.butonlar {background-image:url('/tema/mobil/images/butonlar5.png'); background-repeat:no-repeat;} /* Beğen paylaş yorum yap vs. */
.menu-butonlar {background-image:url('/tema/mobil/images/menu2.png'); background-repeat:no-repeat;} /* sabit üst menü */
.klasor-buton {background-image: url(/tema/mobil/images/klasor.gif); background-repeat: no-repeat;} /* Forum için */
.anasayfa-butonlar {background-image:url('/tema/mobil/images/homepage-buttons.svg?a=4'); background-repeat:no-repeat;} /* Anasayfa için */



/*
========================= SİTE İSKELETİ ============================
*/
.container {min-height: 100%; max-width: 100%; margin: 0 auto; position: relative; top: 47px;}
.content {width: 100%; max-width: 510px; margin: auto;}
.left-menu {
    color: #333;
    width: 260px;
    overflow-y: auto;
    height: calc(100vh - 62px);
    position: sticky;
    top: 47px;
    display: none;
    margin-right: 20px;
    background: #fff3;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}
.right-menu {
    color: #333;
    width: 260px;
    overflow-y: auto;
    height: calc(100vh - 62px);
    position: sticky;
    top: 47px;
    display: none;
    margin-left: 20px;
    background: #fff3;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

/* Sağ ve sol menüler için scrollbar */
.left-menu::-webkit-scrollbar, .right-menu::-webkit-scrollbar {width: 3px;}
.left-menu::-webkit-scrollbar-thumb, .right-menu::-webkit-scrollbar-thumb {background: #ccc; border-radius: 2px;}
.left-menu::-webkit-scrollbar-thumb:hover, .right-menu::-webkit-scrollbar-thumb:hover {background: #555;}

@media (min-width: 800px) and (max-width: 999px) {
    .container {display: flex; flex-direction: row; max-width: 800px;}
    .content {margin: 0; max-width: 510px;}
    .left-menu {display: block;}
}
@media (min-width: 1000px) {
    .container {display: flex; flex-direction: row; max-width: 1100px;}
    .content {margin: 0; max-width: 510px;}
    .left-menu, .right-menu {display: block;}
}

.left-user {display: flex; align-items: center; background: #fff5; color: #555; float: none; width: 100%; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e9e9e9; border-radius: 5px;}
.left-user a{color: #111; font-size: 16px;}
.left-user img{margin-right: 5px; width: 30px; height: 30px; border-radius: 15px;}
.left-menu ul, .right-menu ul{width: 100%; padding: 0; margin: 0 auto; overflow: auto;}
.left-menu li, .right-menu li{background: #fff5; color: #555; display: block; float: none; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; border-radius: 5px;}
.left-menu li a, .right-menu li a{color: #111; display: inline-block; text-indent: 15px; font-size: 16px;}
.left-menu li:hover, .right-menu li:hover{background: #e9e9e9;}


/*
===================== HEADER - SABİT ÜST MENÜ ======================
*/
/* Header İskelet Yapısı */
.header{
    position: fixed;
    z-index: 2147483647;
    width: 100%;
    top: 0;
}
.header-container{
    width: 100%;
    margin: 0 auto;
    user-select: none;
    background-color: #fff;
    box-shadow: 0 0 3px #999;
    height: 35px;
    padding-top: 8px;
    padding-bottom: 4px;
    text-align: center;
    border-radius: 0 0 4px 4px;
}
.header-content{
    width: 100%;
    max-width: 510px;
    margin: auto;
}
.header-left{
    width: 260px;
    display: none;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.header-right{
    width: 260px;
    display: none;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 800px) and (max-width: 999px) {
    .header-container {display: flex; flex-direction: row; max-width: 800px;}
    .header-content {margin: 0 auto; max-width: 510px;}
    .header-left {display: block;}
}
@media (min-width: 1000px) {
    .header-container {display: flex; flex-direction: row; max-width: 1100px;}
    .header-content {margin: 0; max-width: 510px;}
    .header-left, .header-right {display: block;}
}


/* Header butonlar */
.header-td {display:flex; opacity: 0.9; filter: alpha(opacity=90); color: #888;}
.header-td a {display:block;height:30px;text-decoration:none;text-indent: 9999px;}
.header-buttons {cursor: pointer; border-radius: 10px; float: left; height: 30px; flex-grow: 1; font-size: 11px;}
.anasayfabutonu{cursor: pointer;width: 26px; height: 24px;background-position:-11px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.anbeanbutonu{cursor: pointer;width: 27px; height: 24px;background-position:-40.5px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.profilbutonu{cursor: pointer;width: 25px; height: 24px;background-position:-196px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.bildirimbutonu{cursor: pointer;width: 29px; height: 24px;background-position:-70px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.bildirimbutonu2{cursor: pointer;width: 29px; height: 24px;background-position:-102px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.mesajbutonu{cursor: pointer;width: 26px; height: 24px;background-position:-135px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.mesajbutonu2{cursor: pointer;width: 26px; height: 24px;background-position:-166px -8.5px;margin:auto;background-size:270px;opacity:0.8;}
.menubutonu{cursor: pointer;width: 27px; height: 24px;background-position:-223.5px -8.5px;margin:auto;background-size:270px;opacity:0.8;}



/* Header giriş yapılmamış giriş ve kayıt butonları için */
.girisyap {user-select: none; display:inline-block; text-align: center; padding: 5px 0px; cursor: pointer; width:90px; border-radius: 15px; box-shadow:0 0 5px #77c172 inset; height: 17px;}
.girisyap a {color: #343; font-size: 14px; font-weight:bold;text-indent: unset;}
.girisyap a:hover{text-decoration:none;}

.kayitol {user-select: none;display:inline-block; text-align: center; padding: 5px 1px; cursor: pointer; width:90px; border-radius: 15px; box-shadow:0 0 5px #77c172 inset; height: 17px;}
.kayitol a {color: #232; font-size: 14px; font-weight:bold;text-indent: unset;}
.kayitol a:hover{text-decoration:none;}
.header-link a{
    text-indent: unset;
    font-size: 19px;
    margin-top: 3px;
    color: #375;
    font-weight: bold;
}


/*
===================== AÇILIR ÜST MENÜ ======================
*/
.acilirMenu{width: calc(510px - 20px); max-width: calc(100% - 20px); max-height: 0; position: fixed; z-index: 9999; text-align: left; overflow: auto;user-select: none; transition: max-height 0.3s ease-out;}
.acilirMenu ul{width: 100%; padding: 0; margin: 0 auto; overflow: auto;box-shadow: 0px 0px 8px 0px #9ed99f; display: flex; flex-wrap: wrap; gap: 5px;}
.acilirMenu li{background: #fafffa; color: #555; display: block; float: none; width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #c3eac3f8; border-radius: 5px; cursor: pointer;flex: 0 0 calc(50% - 3px);}
.acilirMenu li a{color: #111; display: inline-block; text-indent: 15px; font-size: 16px;}
.acilirMenu li:hover{background: #d1ffd4;}
.acilirMenu::-webkit-scrollbar {width: 5px;}
.acilirMenu::-webkit-scrollbar-track {background: #b4daa2;}
.acilirMenu::-webkit-scrollbar-thumb {background: #8a7;}
.acilirMenu::-webkit-scrollbar-thumb:hover {background: #666;}

.acilirMenuProfil{background-color: #fafffa; color: #555; font-size: 14px; border: 1px solid #b6dcb5; border-radius: 35px; padding: 5px; padding-right: 18px; margin:10px; text-align: left; cursor: pointer;}
.acilirMenuProfil a{color: #222; font-size: 16px; text-decoration: none;}
.acilirMenuProfil img{margin-right: 10px; width: 60px; height: 60px; border-radius: 30px;}
.acilirMenuProfilTd {width: 5px; text-align: right; font-size: 30px; padding-bottom: 5px; color: #a7bfaa;}

.acilirMenuButon{text-align:center; margin-top: 15px; margin-bottom: 15px;}
.acilirMenuButon a{background:#eaf7ea; padding:5px 10px; color: #222; font-size: 14px; border-radius: 5px; margin:3px; border: 1px solid #bae0bc;}

.acilirMenu.open {
    background: #d2ffd27d;
    backdrop-filter: blur(10px);
    height: calc(100% - 70px);
    max-height: calc(100% - 70px);
    display: block;
    padding: 10px;
    border-bottom: 5px solid #d2ffd27d;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 30px 0 #044418;
    transition: max-height 0.5s ease-out;
}

.acilirMenu_arama {text-align: center; font-size: 14px; padding: 10px; color: #555; user-select: none;}
.acilirMenu_arama input {background:#edffeb;color: #363;font-size: 14px; width: 250px; max-width:70%; padding: 8px; border:1px solid #b1deb3; border-radius: 20px 0 0 20px;}
.acilirMenu_arama span {background:#b9f1b2; font-size: 14px; color:#363; padding: 8px 9px; max-width:20%; border:1px solid #b1deb3; border-radius: 0 20px 20px 0;}

@media (min-width: 800px) {
    .acilirMenu.open{width: calc(510px - 20px); max-width: calc(100% - 20px);}
}


/*
 ===================== ANASAYFA BUTONLAR ==================
*/
.homepage-menu{
    width: calc(100% - 20px);
    margin: 0 auto;
    user-select: none;
    background-color: #fff8;
    box-shadow: 0 0 3px #999;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}
.homepage-content{
    max-width: 100%;
}

/* Homepage butonlar */
.homepage-td {display:flex; flex-wrap: wrap; gap: 10px; opacity: 0.9; filter: alpha(opacity=90); color: #558247;}
.homepage-td a {display:none;height:30px;text-decoration:none;text-indent: 9999px;}
.homepage-buttons {cursor: pointer; border-radius: 10px; float: left; font-size: 12px; font-weight: bold; width: calc((100% - 62px) / 3); background: #fff; padding: 7px; box-shadow: 0 0 7px #d3cece;}

.hp-btn-values {cursor: pointer;width: 40px; height: 40px;margin:auto;border-radius: 10px;margin-bottom: 7px;border: 1px solid #a5da9e;background-color: #ecf6e7;}
.social-button{background-position:4px 5px;background-size:180px;}
.chat-button{background-position:-50px 7px;background-size:180px;}
.forum-button{background-position:-97px 9px;background-size:175px;}
.wallet-button{background-position:3px -82px;background-size:180px;}
.kyc-button{background-position:-47px -80px;background-size:180px;}
.market-button{background-position:-48px -39px;background-size:180px;}
.ecosystem-button{background-position:0 -36px;background-size:180px;}
.freelancer-button{background-position:-98px -38px;background-size:180px;}
.mining-button{background-position:-109px -93px;background-size:200px;}
.blockchain-button{background-position:-55px -134px;background-size:200px;}



/* ===================== POPUP FOTO ====================== */
.popup{
    z-index: 99999;
    width: 510px;
    max-width: 100%;
    position: fixed;
    background-color: #000000f7;
    color: #fff;
    top: 45px;
    height: 100%;
    text-align: center;
}
.popup_kapat{text-align: right; margin: 15px; user-select: none;}
.popup_kapat span{background: #888; border-radius: 14px; padding: 5px; padding-left: 8px; padding-right: 8px; color: #333; font-weight: bold;}
.popup_content{padding: 5px; color: #999; height: calc(100% - 96px); /* üst menüler çıkarıldı */}
.popup_content a{background: #333; border-radius: 5px; padding: 5px; color: #888;}
.popup_content img{max-width: 100%; border-radius: 5px; max-height: 100%;}


/* ---------------------------- Popup ---------------------------- */
.popup_hakkinda{
    display: block;
    z-index: 9998;
    width: 510px;
    max-width: 100%;
    position: fixed;
    background-color: #f1f1f11a;
    backdrop-filter: blur(5px);
    color: #222;
    top: 45px;
    height: calc(100% - 45px);
    text-align: center;
    align-content: center;
}
.popup_hakkinda_kapat {text-align: right; margin: 10px; margin-left: 15px; user-select: none;}
.popup_hakkinda_kapat span {background: #bebebe; border-radius: 14px; padding: 5px; padding-left: 8px; padding-right: 8px; color: #333; font-size: 12px; font-weight: bold;}
.popup_hakkinda_content {color: #222; overflow: auto; height: 100%; /* üst menüler çıkarıldı */}
.popup_ortala {background-color: #f0f0f0; margin-left: 10px; margin-right: 10px; border-radius: 10px; min-height: calc(75% - 55px); max-height: calc(100% - 55px); overflow: auto; box-shadow: 0px 0px 20px 2px #777; padding: 3px;}


/* ---------------------------- Popup Konuyu Mesajda paylaş Formu ---------------------------- */
.mesajda_konu_paylas{
    position: absolute;
    bottom: 7px;
    background: #dff1da;
    padding: 5px;
    border: 1px solid #6fb270;
    border-radius: 22px 22px 9px 9px;
    width: calc(100% - 38px);
}
.mesajda_konu_paylas textarea{
    width: calc(100% - 16px);
    border-radius: 17px;
    padding: 8px;
    font-size: 16px;
}


/* ---------------------------- Popup Mesajlar Seçenekler ---------------------------- */
.popup_secenekler{
    display: none;
    z-index: 9998;
    width: 510px;
    max-width: 100%;
    position: fixed;
    background-color: #f1f1f11a;
    backdrop-filter: blur(5px);
    color: #222;
    top: 45px;
    height: calc(100% - 45px);
    text-align: center;
}
.popup_secenekler_kapat{text-align: right;right: 0; margin: 15px; user-select: none;position: absolute;width: 100%;}
.popup_secenekler_kapat span{background: #cccccc; border-radius: 14px; padding: 5px; padding-left: 8px; padding-right: 8px; color: #333; font-weight: bold;}
.popup_secenekler_content{color: #222; overflow: auto; max-height: 80%;min-width: 150px; min-height: 100px;}
.popup_secenekler_ortala{
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


/* ---------------------------- Başlık ---------------------------- */
.baslik{
	background: #f7f7f7;
	padding:5px;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	color: #555;
	border: 1px solid #dfdfdf;
	border-radius: 10px 10px 0 0;
    user-select: none;}

.baslik2{
	background: #fdfdfd;
	padding:4px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size:13px;
	font-weight: bold;
	text-align:center;
	color: #999;
	border-radius: 10px 10px 0 0;
    user-select: none;}

.baslik3{
	background: #f8f8f8;
	border:1px solid #d2d2d2;
	box-shadow:0 0 3px #cecece inset;
	padding:4px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size:13px;
	font-weight: bold;
	text-align:center;
	color: #555;
	cursor:pointer;
	border-radius: 10px 10px 0 0;
    user-select: none;}
.baslik3 a{color: #333;}


/* ---------------------------- Çok Okunan (TopList) Konular ---------------------------- */
.populer_konular {
	background: #fff;
	font-size: 14px;
	color: #333;
	padding:10px;
	margin:1px;
	text-align:left;
	word-wrap:break-word;
	border-radius: 3px;
    line-height:20px;
    user-select: none;
}
.populer_konular a {background:#f5f5f5; font-size:14px; color: #556;border-radius:5px;padding:2px;}
.populer_konular span {color: #666;font-size: 12px;}


/* ---------------------------- Bildirimler ---------------------------- */
.bildirim_ust {
	font-size: 14px;
	user-select: none;
	padding:5px;}
.bildirim_ust a {font-size:14px; color: #008;}

.bildirimler {
	background: #ecffeb;
	font-size: 15px;
	color: #083;
	border-radius: 5px;
	padding:10px;
	text-align:left;
	user-select: none;
    margin-bottom: 2px;}
.bildirimler a {font-size:15px; color: #004802;}

.bildirimler2 {
	background: #fffd;
	font-size: 14px;
	color: #999;
	padding:10px;
	border-radius: 5px;
	margin-bottom: 2px;
	user-select: none;
	text-align:left;}
.bildirimler2 a {font-size:14px; color: #6b6b6b;}

.benden-bahsedenler{font-size: 12px; color: #888; margin-top:3px; text-align:center;user-select: none;}
.benden-bahsedenler a{color:#229; font-size: 13px;}
.benden-bahsedenler table{margin: auto;}
.benden-bahsedenler td{padding: 3px; background:#eaecff; box-shadow: 0 0 5px #d0cbf7 inset;border-radius: 15px 15px 0 0;}


/* ---------------------------- arama kutusu için ---------------------------- */
.arama {background-color:#fff;
	text-align: center;
	font-size: 14px;
	padding: 12px;
	color: #555;
	user-select: none;
	border-radius: 1px;}
.arama input {background:#edffeb;color: #363;font-size: 14px; width: 250px; max-width:60%; padding: 8px; border:1px solid #b1deb3; border-radius: 20px 0 0 20px;}
.arama button {background:#b9f1b2; font-size: 14px; color:#363; padding: 8px 9px; border:1px solid #b1deb3; border-radius: 0 20px 20px 0;}


/* ---------------------------- Olumlu ve olumsuz uyarı mesajı için ---------------------------- */
.hata {
	background: #fff0f0;
	color: #a22;
	font-weight: bold;
	padding: 7px;
	border: 1px solid #ff8888;
	border-radius: 3px;
	font-size: 14px;
	margin: 3px;}
.hata a{color: #006; text-decoration:none;}

.hata2 {
	background: #fff0f0;
	color: #a22;
	font-weight: bold;
	padding: 6px;
	border: 1px solid #ffbbbb;
	border-radius: 3px;
	font-size: 13px;
	margin: 3px;}
.hata2 a{color: #e80000; text-decoration:none;}

.ok {
	background: #bfb;
	color: #040;
	border: 1px solid #479847;
	font-weight: bold;
	padding: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin: 3px;}
.ok a{color: #006; text-decoration:none;}

.uyari {
	background: #fff9cd;
	color: #666;
	border: 1px solid #ffbc88;
	padding: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin: 3px;}
.uyari a{color: #006; font-weight: bold; text-decoration:none;}


/* ---------------------------- Slogan ---------------------------- */
.sabit_ust_slogan{
    color: #555; font-size: 12px; margin: 20px; text-align: center;
}
.sabit_ust_slogan b{
    color: #3a914c; font-size: 15px;
}
.slogan_baslik{
    color: #165e12; font-size: 25px; font-weight: bold;
}

.slogan{
	background: #fefefe;
	padding:8px;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 20px;
	border:1px solid #eee;
	font-size: 13px;
	text-align: center;
	color: #555;}
.slogan b {font-weight: bold; color: #000; font-size: 14px;}
.slogan b a {font-weight: bold; color: #229; font-size: 14px;}

.not1{
	background: #f0fff0;
	font-size: 13px;
	color: #333;
	border:1px solid #dcdedc;
	padding:5px;
	margin-bottom:2px;
	text-align:left;
	border-radius: 5px;}
.not1 a{color:#484;}


/* ---------------------------- İletişim Sayfası için ---------------------------- */
.iletisim {background:#fafaff; color: #444;font-size: 13px; padding: 10px; margin: 1px; border: 1px solid #ccc; border-radius: 5px;}
.iletisim input {background:#eee;max-width: 200px; padding: 3px; border: 1px solid #ccc; border-radius: 3px}
.iletisim button {background: #555; color: #fff; padding: 7px 7px; cursor: pointer; border-radius: 4px}
.iletisim textarea {background:#eee;max-width: 99%; max-height: 100px; min-height:100px; font-size: 13px; overflow: auto; padding: 3px; border: 1px solid #ccc; border-radius: 3px}
.iletisim select {background:#eee;max-width: 200px; padding: 3px; border: 1px solid #ccc; border-radius: 3px;color:#444;}


/* ---------------------------- Konu ve resim paylaşımı için ---------------------------- */
.paylas {background:#fcfcfc; text-align:center; font-size: 14px; padding: 8px; border-radius:10px;box-shadow: 0px 1px 5px 0px #b5b5b5;user-select: none;}
.paylas input {background: #f5f5f5; max-width: 95%; min-width: 95%; font-size: 14px; padding: 5px; margin:5px; border-radius: 10px}
.paylas textarea {background: #f5f5f5; max-width: 95%; min-width: 95%; min-height: 30px; font-size: 14px; overflow: auto; padding: 3px; padding-left:7px; padding-top:7px; border-radius: 10px;border: 1px solid #dadada;margin-bottom: 5px;}
.paylas select {background:#f5f5f5; min-width: 100px; color: #444; padding: 4px; border-radius: 10px; font-size: 12px;margin-bottom: 5px;border: 1px solid #dadada;}
.paylas textarea:hover {background: #fff;height: 70px;}
.paylas img{max-width:30px; border-radius:15px;}

.paylas2 {background-color:#eaa; text-align:center; user-select: none;font-size: 14px; padding-left: 2px; padding-right: 2px; padding-bottom: 10px; padding-top: 10px; margin-left:1px; margin-right:1px; margin-bottom:10px; margin-top:5px; border: 1px dashed #b00; box-shadow: 0 0 45px #b00 inset;}
.paylas2 button {background: #447; color: #fff; padding: 5px 5px; cursor: pointer; border-radius: 4px; margin-left: 3px;font-size: 15px;}
.paylas2 textarea {background: #fee; width: 95%; max-width:95%; height: 40px; font-size: 14px; overflow: auto; padding: 3px; border: 1px solid #b00; border-radius: 3px}
.paylas2 select {background-color:#fdd; width: 100px; padding: 2px; border: 1px solid #411; border-radius: 3px; font-size: 12px;}

.resimpaylas {width: 32px; height:25px; overflow: hidden; background-size: 140px; background-position: -102px -27px; margin-left:7px; opacity: 0.8;margin-bottom: 4px;}
.resimpaylas input {width: 35px; opacity: 0; cursor: pointer;}

.konuPaylasButonu{width: 41px; height:30px; background-size: 120px; background-position: -84px 5px; border: 1px solid #aaa; border-radius: 20px; padding: 15px; margin-top: 3px;margin-right:10px;font-size: 14px; box-shadow: 0 0 10px #ddd inset; cursor: pointer;}

.konuSesKaydiPaylas {width: 22px; height:25px; background-size: 105px; background-position: -72px -42px; opacity: 0.8;margin-bottom: 4px;cursor: pointer;}


/* ---------------------------- Mesaj ve resim gönderimi için ---------------------------- */
.mesaj_gonder {background-color:#eaa; text-align:center; user-select: none;font-size: 14px; padding-left: 2px; padding-right: 2px; padding-bottom: 10px; padding-top: 10px; margin-left:1px; margin-right:1px; margin-bottom:10px; margin-top:5px; border: 1px dashed #b00; box-shadow: 0 0 45px #b00 inset;}
.mesaj_gonder button {background: #447; color: #fff; padding: 8px 3px; cursor: pointer; border-radius: 4px; margin-left: 3px;font-size: 15px;}
.mesaj_gonder textarea {background: #fee; width: 99%; height: 30px; font-size: 14px; overflow: auto; padding: 3px; border: 1px solid #b00; border-radius: 3px}
.mesaj_gonder select {background-color:#fdd;width: 100px; padding: 3px; border: 1px solid #411; border-radius: 3px}

.mesaj_gonder2 {bottom: 0; position:fixed; user-select: none; text-align:center; font-size: 14px; width: 510px; max-width: 100%; z-index:9990;}
.mesaj_gonder2 button {background: #dbffdb; color: #494949; padding: 10px 4px; cursor: pointer; border-radius: 13px; box-shadow:0 0 7px #70b570 inset; font-size: 13px; margin: 2px; margin-left: 4px;}
.mesaj_gonder2 button:hover{box-shadow: 0 0 25px #95ff95 inset;}
.mesaj_gonder2 textarea {background: #fff; width: 97%; height: 30px; font-size: 16px; padding-top: 8px; padding-left: 7px; border: 1px solid #ececec; border-radius: 13px; margin-left: 5px;}

.mesaj_gonder3 {
    background-color: #fffe;
    padding-bottom: 6px;
    padding-top: 5px;
    font-size: 14px;
    border-radius: 2px;
    border-top: 1px solid #e5e5e5;
}

.mesaj_form{display: flex; align-items: flex-end;}
.mesaj_form_sol{min-width: 8%; padding-bottom: 7px; text-align: -webkit-center;}
.mesaj_form_orta{width: 70%; flex-grow: 1;}
.mesaj_form_sag{text-align: -webkit-center; margin-left: 5px;}

.mesaj_resim {width: 32px; height:25px; overflow: hidden; margin:3px; margin-left: 8px; background-size: 137px; background-position: -97px -28px;}
.mesaj_resim input {width: 35px; opacity: 0; cursor: pointer;}

.sesKaydiPaylas {width: 22px; height:25px; background-size: 100px; background-position: -69px -39px; opacity: 0.8;margin-bottom: 4px;cursor: pointer;}

.msj_form_butonu{color: #555; padding: 10px 7px; cursor: pointer; border: 1px solid #888; border-radius: 10px; box-shadow: 0 0 4px #999 inset; font-size: 13px; margin: 2px; margin-left: 3px; margin-bottom: 4px;
width: 31px; height: 15px; background-size: 150px; background-position: -105px 5px;}

.msj_uyari_ver{margin-bottom: 3px; font-size: 12px;}

.msj_ses_listesi {padding-bottom: 6px; text-align: center;}
.msj_ses_listesi audio{max-height: 30px; max-width: 100%; width: 280px;}
.msj_ses_kaydi{
    margin-left: 5px;
    margin-bottom: 8px;
    text-align: center;
}
.msj_ses_kaydi i{color: red; font-size: 12px;}
.msj_ses_kaydi span{
    background: #fff;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.msj_ses_kaydi span:hover{
    background: #faa;
}
.mesajFormAlinti{background: #daf6d6; margin: 5px; text-align:center; margin-top: 0; margin-bottom: 10px; padding: 3px; font-size: 13px; font-weight: normal; border-radius: 10px;}



/* ---------------------------- Profil ve profil düzenleme sayfası için ---------------------------- */
.profil {color:#000; background:#f7f7ff; font-size: 15px; padding: 10px; margin-bottom: 5px; margin-left: 1px; margin-right: 1px; border: 1px solid #c2c2f5; box-shadow: 0 0 30px #d6d7f7 inset;border-radius: 10px;}
.profil input {background-color:#eef; width: 200px; padding: 5px; border: 1px solid #006; border-radius: 3px}
.profil button {background: #337; color: #fff; padding: 7px 7px; cursor: pointer; border-radius: 4px}
.profil textarea {background-color:#eef; width: 200px; height: 100px; font: 14px Arial; overflow: auto; padding: 3px; border: 1px solid #0a0; border-radius: 3px}
.profil select {background-color:#eef; width: 200px; padding: 3px; border: 1px solid #006; border-radius: 3px}
.profil a{color:#008; text-decoration:none;}

.profilduzenle {background-color:#fff; color: #444;font-size: 14px; padding: 15px; margin: 1px; box-shadow: 0 0 5px grey; border-radius: 5px;}
.profilduzenle input {background-color:#eee; width: 200px; max-width: 100%; font-size: 13px;padding: 3px; margin-top: 5px; border: 1px solid #aaa; border-radius: 3px;}
.profilduzenle button {background: #337; min-width: 100px; color: #fff; padding: 7px 7px; cursor: pointer; border-radius: 4px;}
.profilduzenle select {background-color:#eee;width: 200px; max-width: 100%;padding: 3px; border: 1px solid #aaa; border-radius: 3px; margin-top: 5px;}
.profilduzenle textarea {background-color:#eee; width: 200px; max-width: 100%; height: 50px; font: 14px Arial; overflow: auto; padding: 3px; margin-top: 5px; border: 1px solid #aaa; border-radius: 3px;}
.profilduzenle img{background-color:#eee; border: 1px solid #ddd; margin: 1px; width:90px; min-height:90px; max-height:90px; border-radius: 45px;}
.profilduzenle a{color:#008; text-decoration:none;}

.profil_ustu  {color:#000; font-size: 12px; text-align: right; margin-left: 1px; margin-right: 1px;padding: 2px; padding-right: 5px;user-select: none;}
.profil_ustu a{font-size:11px; color: #833;}

.profil_sabit {color:#444; background-color:#fefefe; font-size: 13px; padding: 15px; border-radius:5px; box-shadow:0 0 3px #ccc;position: relative;}
.profil_sabit img{background:#eee;border:1px solid #ececec; margin-right:10px; max-width:100px;min-width:100px; min-height:100px; max-height:150px; border-radius: 10px;}
.profil_sabit a {color:#b34545; text-decoration:none;}
.profil_sabit h1 {font-size: 16px; margin: 0px; font-weight: bold;}

.profil_sabitUst {
    text-align: left;
    font-size: 12px;
    color: #222;
    display: flex;
    align-items: center;
}
.profil_sabitUstSol img {
    max-width: 100px;
    min-width: 100px;
    min-height: 100px;
    max-height: 100px;
    box-shadow: 0 0 4px #ccc;
    background: #eee;
    border: 1px solid #ececec;
    margin-right: 10px;
    border-radius: 50px;
}
.profil_sabitUstOrta {
    flex-grow: 1;
    margin-left: 5px;
    line-height: 16px;
}
.profil_sabitUstSag {
    width: 27px;
    min-width: 27px;
    height: 11px;
    overflow: hidden;
    background-size: 150px;
    background-position: -4px -95px;
    margin: 5px;
}

.profil_sabit_button {user-select: none; background-color:#f8fff8; padding: 5px; padding-left: 8px; padding-right: 8px; border-radius: 5px; font-size: 13px; margin: 4px; box-shadow: 0 0 4px #51ad56 inset; cursor: pointer;}
.profil_sabit_button:hover{background-color:#dffbdf;}
.profil_sabit_button a {color:#4f7d51; text-decoration:none;}

.profil_sabit button {user-select: none; background-color:#f8fff8; color: #4f7d51; padding: 5px; padding-left: 8px;padding-right: 8px;border-radius: 5px; font-size: 13px; margin: 4px; box-shadow: 0 0 4px #51ad56 inset; cursor: pointer;}
.profil_sabit button:hover{background-color:#dffbdf;}

.profilBio {
    max-height: 75px;
    overflow: auto;
}

/* ---------------------------- Profil Sabit Menüsü ---------------------------- */
.prflMenu{display: flex; justify-content: center; background-color:#fff; user-select: none; text-align: center; color: #000; padding: 5px;margin-bottom: 2px;}

.prflMenu.buton1 {
	background:#eee;
	padding:5px;
	border-radius: 5px;
	font-size:13px;
	margin:2px;
	color:#333;
	flex-grow: 1;
	align-items: center;
}
.prflMenu.buton1 a{color: #333;}
.prflMenu.buton1:hover{background:#ddd;}


.prflMenu.buton2{
    user-select: none;
	background:#fff;
	padding:4px;
	border-radius: 5px;
	font-size:13px;
	margin:2px;
	color:#888;
	box-shadow:0 0 3px #909090;
	flex-grow: 1;
	align-items: center;
}


/* ---------------------------- Üye hakkında sayfası için ---------------------------- */
.uyehakkinda {
	word-wrap:break-word;
	background-color:#fff;
    box-shadow:0 4px 3px #ddd;
	padding:15px;
	font-size:15px;
	text-align:left;
	color:#444;
	overflow: auto; 
	border-radius: 5px;}
.uyehakkinda li{border-bottom: 1px dashed #eee; padding:7px; list-style-type:none}
.uyehakkinda a {font-size:14px; color: #008;}
.uyehakkinda a:hover{text-decoration: none;}
.uyehakkinda span {color: #b76b6b; font-size: 13px;}


/* ---------------------------- Üye listesi ---------------------------- */
.uyelist {
    user-select: none;
	background-color:#f9f9fd;
	padding:7px;
	margin:3px;
	font-size:12px;
	color:#949494;
	border-radius: 3px;}
.uyelist:hover{background:#fff;}
.uyelist a{font-size:14px; color: #6060bb;}


/* ---------------------------- Online üye listesi ---------------------------- */
.onlinelist{user-select: none; background:#fff; margin:1px; padding: 4px; font-size:12px; color:#666; line-height: 18px; border-radius: 3px;text-align: left;}
.onlinelist:hover{background:#eef;}
.onlinelist span a{font-size: 13px; font-weight: normal;color: #000;}
.onlinelist a{font-size:13px; color: #333;font-weight:bold;}
.onlinelist img{width: 50px; height: 50px; margin: 3px; margin-right: 8px; border-radius: 27px;}
.onlinelist .online img{border: 2px solid #5f5;}
.onlinelist .offline img{border: 2px solid #bbb;}
.onlinelist .uye_takip_butonu{color: #669; font-size: 13px; background: #fcfcff; border:1px solid #e1e4ff; border-radius: 15px; padding:5px; cursor:pointer;margin-bottom:4px;margin-left:5px;margin-right:5px;font-weight:normal;}

.online_bilgi {
    background: #f5f5f5;
    color: #626262;
    border: 1px solid #cecece;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    margin: 3px;
    line-height: 20px;}
.online_bilgi a{color: #0000cf;}



/* ---------------------------- Konu beğeni listesi ---------------------------- */
.begeni-listesi{user-select: none; background:#fff; margin:1px; padding: 4px; line-height: 18px; border-radius: 3px; text-align: left; align-items: center; display: flex;}
.begeni-listesi:hover{background:#eef;}
.begeni-listesi-sol img{width: 50px; height: 50px; margin: 3px; margin-right: 8px; border-radius: 25px; box-shadow:0 0 5px #ccc;}
.begeni-listesi-icerik{flex-grow: 1; font-size:12px; color:#666;}
.begeni-listesi-icerik a{font-size:13px; color: #333; font-weight:bold;}
.begeni-listesi-sag{flex-grow: 1; text-align:right;}
.begeni-listesi .uye_takip_butonu{color: #669; font-size: 13px; background: #fcfcff; border:1px solid #e1e4ff; border-radius: 15px; padding:5px; cursor:pointer;margin-bottom:4px;margin-left:5px;margin-right:5px;font-weight:normal;}


/* ---------------------------- Üyeler listesi ---------------------------- */
.uyeler {user-select: none; background:#fff; margin:1px; padding: 4px; font-size:12px; color:#666; line-height: 18px; border-radius: 3px; align-items: center; display:flex;}
.uyeler:hover{background:#eef;}
.uyeler-sol {text-align: left; max-width: 60px; flex-grow:1;}
.uyeler-sol img{width: 50px; height: 50px; margin: 3px; margin-right: 8px; border-radius: 25px; box-shadow:0 0 5px #ccc;}
.uyeler-icerik {text-align: left; flex-grow:1;}
.uyeler-icerik a{font-size:13px; color: #333; font-weight:bold;}

.uyeler-statu{text-align:center;margin-bottom:10px;}
.uyeler-statu select{background:#fff;padding:5px;border-radius:10px;font-weight:bold;color:#444;font-size:14px;min-width:50%;}


/* ---------------------------- Giriş yap ve kayıt ol form sayfaları için ---------------------------- */
.giris2 {background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 20px;}
.giris {margin: auto; text-align: left; color: #555; font-size: 13px; width: 330px; max-width: 100%;}
.giris_baslik {font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.giris input {text-align: center; background-color:#f5f5f5; font-size: 16px; width: calc(100% - 20px); padding: 8px; border: 1px solid #ddd; margin-top: 2px; margin-bottom: 10px; border-radius: 5px;}
.giris select {background-color:#f5f5f5; font-size: 13px; padding: 2px; border: 1px solid #ddd; border-radius: 5px; margin: 5px;}
.giris button {user-select: none;background: #373; color: #fff; padding: 7px 7px; cursor: pointer; border-radius: 5px;}
.giris a{color:#559;}
.kayit span {margin-left: 5px;}


.kayit2 {background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 20px;}
.kayit {margin: auto; text-align: left; color: #555; font-size: 13px; width:330px; max-width: 100%;}
.kayit_baslik {font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.kayit input {text-align: center; background-color:#f5f5f5; font-size: 16px; width: calc(100% - 20px); padding: 8px; border: 1px solid #ddd; margin-top: 2px; margin-bottom: 10px; border-radius: 5px;}
.kayit select {width: 100%; background-color:#f5f5f5; font-size: 15px; padding: 6px; border: 1px solid #ddd; border-radius: 5px;}
.kayit button {user-select: none;font-size: 16px; background: #373; color: #fff; padding: 10px 10px; cursor: pointer; border-radius: 5px; width: 50%;}
.kayit a{color:#559;}
.kayit span {margin-left: 5px;}
.kayit_guvenlik {text-align: center;}
.kayit_td {display: flex; flex-wrap: wrap; gap: 5px;}
.kayit_tr {width: calc((100% - 5px) / 2);}
.kayit input[type=checkbox] {
  -ms-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  padding: 10px;
}



/* ---------------------------- Üye paneli listesi için ---------------------------- */
.panellist{user-select: none; box-shadow:0 5px 5px #ddd;}
.panellist li{
	background:#ffff;
	border-bottom: 1px dashed #f6f6ff;
	padding:12px;
	font-size:13px;
	text-align:left;
	cursor:pointer;
	color:#777;}
.panellist a{font-size:16px; color: #44a;}
.panellist li:hover{background:#eef;}


/* -----------------------Konu Paylaşım Tercihleri--------------------- */
.konu-tercihleri{background: #fff; padding: 10px; font-size: 14px; text-align: right; margin-bottom: 2px;}
.konu-tercihleri a{color: #008;}
.konu-tercihleri select{background: #f0f0f0; padding: 4px; border-radius: 5px;}


/* ---------------------------- Paylaşımlar - Yapılan paylaşımların her biri için ---------------------------- */
.konu_ust {user-select: none; padding: 5px; padding-right: 10px; margin-bottom: 5px; text-align: right; position: relative;}
.konu_ust a {color: #55a; font-size: 12px;}
.konu_ust a:hover{text-decoration: none;text-shadow: 1px 1px 10px #111;}

.konu {user-select: none;text-align:center; background: #fcfcff; padding: 5px; padding-top:10px; padding-bottom:10px; margin-top: 1px; margin-bottom: 4px; border-radius:2px;position: relative;}

.konuUstBilgi {user-select: none;text-align:left; margin-left: 3px; margin-right: 5px; font-size: 12px; color: #555; display: flex; align-items: center;}
.konuUstBilgi a {color: #334; font-weight:bold;font-size: 14px;}
.konuUstBilgi a:hover{text-decoration: none;text-shadow: 1px 1px 10px #222;}

.konuUstBilgi_sol img {width: 35px; height: 35px; margin: 2px; margin-right: 3px; border-radius: 20px; box-shadow: 0 0 4px #ccc;}
.konuUstBilgi_orta{flex-grow: 1; margin-left: 5px; line-height: 16px;}
.konuUstBilgi_sag{min-width: 27px; min-height: 11px; background-size: 150px; background-position: -4px -95px; margin: 5px;}

.konu_ust_button {background-color:#f5f5fc; color: #000; padding: 3px; border-radius: 4px; font-size: 13px; border: 1px solid #aae; box-shadow: 0 0 15px #aae inset; cursor: pointer; margin-right: 3px; margin-top: 5px;}
.konu_ust_button a {color: #000; font-size: 13px;font-weight:normal;}
.konu_ust_button:hover{background-color:#cce;}

.konu-secenekler{
    display: none;
    position: absolute;
    background: #fff;
    color: #444;
    font-size: 14px;
    margin-top: 10px;
    right: 10px;
    min-width: 200px;
    max-width: 100%;
    padding: 5px;
    padding-left: 10px;
    box-shadow: 0 0 5px 1px #bbb;
    border-radius: 10px;
    user-select: none;
    text-align: left;
    z-index: 9999;
}
.konu-secenekler a{
    color: #222;
    font-size: 16px;
}

.konu-secenekler li{
    list-style-type:none;
    border-bottom: 1px solid #f5f5f5;
    line-height: 40px;
}


.konu .uye_takip_butonu{background-color:#f5f5fc; color: #7b72a7; padding: 5px; border-radius: 13px; font-size: 13px; border: 1px solid #c7c7ff; box-shadow: 0 0 10px #ccccff inset; cursor: pointer;}
.konu .uye_takip_butonu a{font-weight:normal;color:#667;}

.makale {margin-left: 5px; margin-right: 5px;}
.makale a{font-size:16px; color: #333;}
.makale a:hover{text-decoration: none;}
.makale img{min-width:70%; max-width:100%; max-height:800px; border-radius: 5px;}
.makale p {background: #fefefe; word-wrap:break-word; color:#222; font-size:16px; text-align:left; padding:5px; padding-left:10px; border-radius: 10px;line-height:22px;}
.makale p:hover {background: #fdfdfd;}
.makale audio{max-height:30px; max-width: 100%; width: 300px;}

.konuAltBilgi {background: #f9f9ff; color: #777; font-size: 13px; line-height: 9px; padding: 3px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-left: 5px;border-radius: 5px; display: inline-block;}
.konuAltBilgi a{color: #777; font-size: 13px;}
.konuAltBilgiBegeni {width: 16px; height: 15px; background-position: -1px -13px; margin-right: 2px; background-size: 75px; display: inline-block; margin-bottom: -2px; margin-top: 4px; filter: grayscale(1); opacity: 0.7;}
.konuAltBilgiYorum {width: 17px; height: 15px; background-position: -37px -14px; margin-right: 1px; margin-top: 1px; background-size: 75px; display: inline-block; margin-bottom: -2px; margin-top: 4px; filter: grayscale(1); opacity: 0.7;}
.konuAltBilgiAlinti {width: 17px; height: 15px; background-position: -18px -14px; margin-right: 1px; margin-top: 1px; background-size: 75px; display: inline-block; margin-bottom: -2px; margin-top: 4px; filter: grayscale(1); opacity: 0.5;}
.konuAltBilgiOkunma {width: 16px; height: 15px; background-position: -30px -28px; margin-right: 2px; background-size: 70px; display: inline-block; margin-bottom: -2px; margin-top: 4px; filter: grayscale(1); opacity: 0.4;}

.konualtbilgii {margin-top: 10px;height:30px;display:flex;}

.konualtbilgii33 {height:30px;display:flex;width: 50%;}
.konualtbilgii33 a {display:block;height:25px;text-decoration:none;}

.konualtbilgi3 {height:30px;display:flex;width: 50%;}
.konualtbilgi3 a {display:block;height:25px;text-decoration:none;text-indent: -9999px;}
.begenbutonu{width: 25px; height: 20px;background-position:0 -21px;margin:auto;background-size:110px;opacity: 0.7;}
.begenmebutonu{width: 25px; height: 20px;background-position:0 0;margin:auto;background-size:110px;opacity: 0.7;}
.alintibutonu{width: 24px; height: 20px;background-position:-27.5px -20px;margin:auto;background-size:110px;opacity: 0.7;}
.alintibutonu:hover{background-position:-27.5px -1px; opacity: 0.7;}
.yorumbutonu{width: 24px; height: 20px;background-position:-54px -21px;margin:auto;background-size:110px;opacity: 0.7;}
.yorumbutonu:hover{background-position:-54px 0;opacity: 0.7;}
.konualtbilgi_buton3{background: #f9f9ff; padding: 4px; margin-left: 4px; margin-right:4px; border-radius: 10px;float:left;height:20px;width:43%;flex-grow:1;}

.konu_alt {text-align:center; margin-top: -3px;}
.konu_alt img {width:35px; height:35px; margin-left: 2px; margin-right: 2px;}


/* ---------------------------- Konu paylaş butonu için ---------------------------- */
.konuPaylasSecenekler{
    display: none; position: absolute; background: #fff;
    color: #444; font-size: 14px; margin-top: 10px; right: 10px; min-width: 200px; max-width: 100%; padding: 5px;
    padding-left: 10px; box-shadow: 0 0 5px 1px #bbb; border-radius: 10px; user-select: none; text-align: left;z-index: 9999;
}
.konuPaylasSecenekler a{color: #222; font-size: 16px;}
.konuPaylasSecenekler li{list-style-type:none; border-bottom: 1px solid #f5f5f5; line-height: 40px;}
.konuPaylasSeceneklerKapat{text-align: right; margin-bottom: -5px; margin-right: 5px; font-weight: bold;}


/* -------------------------- Alıntılanan (paylaşılan) konu -------------------------- */
.alinti_konu {background: #fbfbff; padding: 2px; margin:2px; border:1px solid #ededff; box-shadow:0 0 5px #eee;border-radius:10px;}

.alinti_ustbilgi {text-align:left; font-size: 12px; color:#666;}
.alinti_ustbilgi a {color: #558;font-size: 12px;}
.alinti_ustbilgi a:hover{text-decoration: none;text-shadow: 1px 1px 10px #222;}
.alinti_ustbilgi img {max-width: 30px; max-height: 30px; margin: 2px; margin-right: 10px; margin-bottom: 1px; border-radius: 16px; border:1px solid #fee;}
.alinti_ustbilgi td {min-width: 32px; max-width:35px;}
.alinti_makale {cursor: pointer;}
.alinti_makale a{font-size:12px; color: #336;}
.alinti_makale a:hover{text-decoration: none;}
.alinti_makale img{max-width:95%; max-height:400px; border-radius: 5px;}
.alinti_makale p {word-wrap:break-word; color:#222; font-size:14px; text-align:left; padding:4px; padding-top:0px; border-radius: 10px; }
.alinti_makale p:hover {background: #fff;}
.alinti_makale audio{max-height:30px; max-width: 100%; width: 300px;}
.alinti_devam_butonu {text-align:center;}
.alinti_devam_butonu span {background: #f3f3ff; text-align:center; padding: 2px; padding-left: 4px; padding-right:4px; border-radius: 10px; border:1px solid #f3f3ff;}
.alinti_devam_butonu a {color: #668;font-size: 13px;}


/* ---------------------------- Üyenin diğer paylaşımları ---------------------------- */
.diger_konular2 {
	background: #fff;
	font-size: 12px;
	color: #666;
	margin:2px;
	padding: 3px;
	overflow: hidden;
	border-radius: 3px;
    display: flex;}
.diger_konular_sol{flex-grow:1;margin:auto;max-width:75px;}
.diger_konular_sol img{width: 65px; height: 60px; margin-right: 5px; border-radius:3px;}
.diger_konular_sag{flex-grow:1;margin:auto;word-wrap:break-word;}
.diger_konular_sag a {font-size:13px; color: #333;}
.diger_konular_link{background: #fff; color: #666; font-size:12px; text-align:left; padding:5px; padding-left:10px; padding-right:10px;margin:2px; overflow: hidden; border-radius: 3px; word-wrap:break-word;}
.diger_konular_link a{font-size:16px; color: #313184;}


/* ------------------------------------------- Forum Sistemi İçin ---------------------------------------------- */

.forum-logo{text-align: center; margin-bottom: 5px;}
.forum-logo img{max-width: 180px; background: #fffa; padding-left: 10px; padding-right: 10px; border-radius: 10px;}
.forum-ust-butonlar {user-select: none;display:flex;}
.forum-sol-buton {text-align: left; flex-grow:1;}
.forum-sag-buton {text-align: right; flex-grow:1;}
.forum-ust-butonlar a{background:#fffa; color:#444; font-size: 12px; border-radius:5px; padding: 5px; padding-left: 7px; padding-right: 7px; margin:4px;}

/* Kategori ve içerik liste başlıkları */
.forum-baslik{user-select: none;background:#ced4d9; max-width: 99%; padding:10px; padding-right: 5px; font-size:14px; text-align:left; color:#666; border-radius: 10px 10px 0 0; display:flex;}
.forum-baslik a{font-size:15px; color: #111;}
.forum-baslik-link{flex-grow:1;}
.forum-baslik-sag{color:#666;}

/* Kategori listeleme ve kategorilerde konu listeleme */
.forum {user-select: none;background:#fff; border-bottom: 1px dashed #f2f2ff; padding:8px; padding-left:0; padding-right: 3px; font-size:13px; text-align:left; cursor:pointer; color:#666; display:flex;}
.forum a{font-size:15px; color: #333;}
.forum:hover{background:#f5f5ff;}
.forum-link{flex-grow:1; font-size: 11px; line-height: 18px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.forum-link span{color: #f00000;}
.forum-sol{margin-right: 10px; margin-left: 10px;}
.forum-sol img {width: 25px; height: 25px; margin: 2px; border-radius: 20px; box-shadow: 0 0 3px #eee;}
.forum-sol-klasor{width: 21px; height: 30px; background-position: -4px 0; margin: auto; background-size: 30px;}
.forum-sag{color:#888; font-size:12px; align-self: center;margin-right: 5px;margin-left: 5px;}

/* Anasayfa Son ilanlar Listeleme */
.forumson-baslik{user-select: none;background:#ced4d9; max-width: 99%; padding:5px; padding-left: 10px; padding-right: 5px; font-size:14px; text-align:left; color:#666; border-radius: 10px 10px 0 0; display:flex;}
.forumson-baslik a{font-size:15px; color: #111;}
.forumson-baslik-link{flex-grow:1;}
.forumson-baslik-sag{color:#666;}
.forum-son {background:#fff; border-bottom: 1px dashed #f5f5f5; padding:8px; font-size:11px; text-align:left; cursor:pointer; color:#666; display:flex;}
.forum-son a{font-size:15px; color: #111;}
.forum-son:hover{background:#f5f5ff;}
.forum-son-link{flex-grow:1; font-size: 11px; line-height: 17px; color: #999;white-space: nowrap; overflow: hidden; margin-right: 8px; text-overflow: ellipsis;}
.forum-son-sol{width: 30px; height: 30px; margin-right: 5px; white-space: nowrap;}
.forum-son-sol img {width: 25px; height: 25px; margin: 2px; border-radius: 20px; box-shadow: 0 0 3px #eee; overflow: hidden;}
.forum-son-sag{color:#888; align-self: center;}

/* "Forumdaki üyeler" listesi için */
.forum-uyeler{user-select: none;background: #fff; padding:5px; color: #666; font-size:11px;}
.forum-uyeler a{color: #080; font-size:13px;}


/* --------------- Forum Detay (full) ve Yorum Detay ------------------------------------- */
.forum-full {text-align:center; background: #fcfcff; padding:10px; padding-bottom:15px; margin-top: 1px; margin-bottom: 4px; border-radius:2px;box-shadow:0 5px 5px #ddd; word-break: break-word;}
.forum-full-h1 {user-select: none;background:#ced4d9; padding:5px; padding-left: 7px; padding-right: 7px; border-radius:20px 20px 0 0; font-size:20px;text-align:center;word-wrap: break-word; margin-bottom:-1px;}
.forum-full-h1 a{font-size:18px;font-weight:bold; color:#111;}
.forum-full-ust {text-align:left; padding:5px; margin-left: 4px; font-size: 14px; color: #555;}
.forum-full-ust a{background: #f5f5f5; padding:4px; border-radius: 10px; font-size: 14px; color: #335;}

.forum-full-aciklama {font-size:16px; color: #333; text-align:left; margin-top: 10px; margin-bottom: 15px; word-wrap: break-word; line-height:22px;}
.forum-full-aciklama img{min-width:50%; max-width:100%; border-radius:5px;}
.forum-full-aciklama p {margin:5px; word-wrap: break-word; line-height:22px;}
.forum-full-aciklama p img{min-width:70%; max-width:100%; border-radius:5px;}
.forum-full-aciklama h1 {margin-top: 5px; margin-bottom: 5px; font-size: 20px;}
.forum-full-aciklama h2 {margin-top: 5px; margin-bottom: 5px; font-size: 18px;}
.forum-full-aciklama h3,h4,h5,h6 {margin-top: 5px; margin-bottom: 5px;font-size: 16px;}

.forum-full-ustbilgi {text-align:left; align-items: center; padding-bottom: 5px; margin-left: -4px; margin-top: -4px; border-bottom: 1px solid #eee; display: flex;}
.forum-full-ustbilgi-text {text-align:left; font-size: 12px; color: #555; margin-left:3px; flex-grow: 1;}
.forum-full-ustbilgi-text a {color: #556; font-weight:bold;font-size: 14px;}
.forum-full-ustbilgi-text a:hover{text-decoration: none;text-shadow: 1px 1px 10px #555;}
.forum-full-ustbilgi-img img {width: 35px; height: 35px; margin: 2px; margin-right: 3px; border-radius: 16px; box-shadow: 0 0 3px #ddd;}

.forum-full-altbilgi{user-select: none;text-align:right;}
.forum-full-altbilgi span {background: #eee; font-size: 12px; padding: 4px; padding-left: 7px; padding-right: 7px; border-radius: 10px; color: #777;}
.forum-full-kategori{text-align:center;margin-bottom: 5px;margin-top: 10px;}
.forum-full-kategori span {background: #f5f5f5;padding: 4px; padding-left: 5px; padding-right: 5px; border-radius: 8px;font-size: 12px; color: #555;}
.forum-full-kategori span a {font-size: 12px; color: #008;font-weight: normal;}



/* ------------------------------------------------------------------------------------------- */
/* - - - - - - - - - - - - - - -  Mesajlar - Gelen Kutusu - - - - - - - - - - - - - - - - - -  */
/* ------------------------------------------------------------------------------------------- */
.mesajlar {background: #fff; color:#777; padding: 4px; padding-top: 10px; padding-bottom: 10px; border-top:1px solid #f8f8ff;display: flex;align-items: center;max-width: 100%;}
.mesajlar:hover{background: #d0d0ff;}
.mesajlar_sol {margin-right:5px; margin-left:4px;max-width: 50px;}
.mesajlar_sol img {width: 50px; height: 50px; border-radius: 25px; box-shadow:0 0 3px #ccc;}
.mesajlar_icerik {flex-grow: 1;max-width: calc(100% - 61px);}
.mesajlar_icerik b {margin-left: 5px;}
.mesaj {word-wrap:break-word; background:#f8f8f8; padding:5px; margin-right:2px; font-size:14px; text-align:left; color:#333; border-radius: 10px; cursor: pointer;user-select: none;}
.mesaj_okunmadi {word-wrap:break-word; background:#e1fde1; border:1px solid #a2efa2; padding:3px; margin-right:2px; font-size:14px; text-align:left; color:#318a22; border-radius: 10px; cursor: pointer;}

.mesaj_tarih{margin-right:7px; margin-top:2px; font-size: 10px; color: #888; text-align: right;}


/* --------------------------------- Mesajlaşma Penceresi --------------------------------- */
.mesajUstu {user-select: none; background:#ffffffee; box-shadow: 0 0 3px 0.5px #aaa; border-radius: 0 0 5px 5px; padding-top:10px; padding-bottom: 5px; margin-top: -5px; position:fixed; width: 510px; max-width:100%; z-index:9980; display: flex;}

.mesajUstu_img_cevrimici {padding-left: 10px;max-width: 50px;}
.mesajUstu_img_cevrimici img {width: 40px; height: 40px; border-radius: 25px; margin-right:5px; border: 1.5px solid #00e605;}
.mesajUstu_img_cevrimdisi {padding-left: 10px;max-width: 50px;}
.mesajUstu_img_cevrimdisi img {width: 40px; height: 40px; border-radius: 25px; margin-right:5px; border: 1.5px solid #999;}
.mesaj_ustu_text {color: #555; font-size: 13px; text-align: left; padding-top: 5px; flex-grow: 1;}
.mesaj_ustu_text a {font-size: 16px;color:#000;}
.mesaj_ustu_online{color: #190;}
.mesaj_ustu_offline{color: #555;}
/* mesaj ekranı sağ üst seçenekler */
.mesajEkraniSecenekButon{width: 25px; height: 10px; color: #fff; background-size: 175px; background-position: -40px -110px; border: 1px solid #eee; border-radius: 3px; padding: 3px; margin: auto; margin-left: 7px; margin-right: 15px;cursor: pointer;}
.mesajEkraniSecenek{display: none; position: absolute; background: #fff; color: #444; font-size: 14px; margin-top: 45px; right: 0; min-width: 150px; max-width: 100%; padding: 8px; box-shadow: 0 0 1px 1px #ddd; user-select: none; overflow: auto; max-height: 400px;}
.mesajEkraniSecenek a{color: #222;font-size: 16px;cursor: pointer;}
.mesajEkraniSecenek li{list-style-type:none; border-bottom: 1px solid #f5f5f5; line-height: 40px;}

/* Gelen Mesajlar */
.mesaj-gelen {max-width:80%; margin: 2px; margin-left: 2%; float: left; display:flex;}
.mesaj-gelen-icerik {max-width: 100%; background: #fff; padding: 3px; padding-top: 3px; box-shadow:0 0 4px #eee; border-radius:0px 10px 10px 5px; flex-grow:1;}
.mesaj-gelen-icerik p{word-wrap:break-word; font-size: 17px; color: #222; margin: 3px; margin-left: 5px;}
.mesaj-gelen-icerik img{background-color:#f3ecf8; max-width:100%px; max-height:200px;border-radius: 5px;}
.mesaj-gelen-icerik audio{max-height: 30px; max-width: 100%; width: 210px; margin-top: 5px;}
.mesaj-gelen-alt {color: #777; font-size: 11px; text-align:right; line-height:11px; user-select: none;}
.mesaj-gelen-alt a{color: #666; font-size: 11px;margin-right: 5px;line-height:11px;margin-left: 8px;cursor: pointer;}
.mesaj-gelen-sag {user-select: none; margin: auto; margin-left: 5px;}
.mesaj-gelen-sag a{color: #777; font-size: 11px;}

/* Giden mesajlar */
.giden_mesaj3 {display: flex; float: right;max-width: 80%;margin-right: 2%; justify-content: space-evenly; align-items: flex-end; flex-direction: column;}
.giden_mesaj2 {max-width: 100%; word-wrap:break-word; font-size: 16px; color: #222; background: #daffbf; padding: 5px; padding-left: 7px; margin: 1px; box-shadow:1px 1px 2px #ddd; border-radius:10px 0 10px 10px;}
.giden_mesaj2 a{color: #00b;}
.giden_mesaj2 p{margin-left: 5px;}
.giden_mesaj2 img{background-color:#f3ecf8; max-width:100%; max-height:200px;border-radius: 5px;}
.giden_mesaj2 audio{max-height:30px; max-width: 100%; width: 210px;}
.giden_msj_alt{display:flex; float: right; color: #777; font-size: 11px; margin-top: 2px; user-select: none;}
.mesaj_goruldu{display: none;}
.giden_msj_tarih {font-size: 11px;margin-left: 4px;}
.giden_msj_secenek {margin: auto; margin-left: 2px; width: 30px; min-width: 30px; height: 15px; background-size: 145px; background-position: 0px -89px; cursor: pointer;}
/* Popup seçenekler */
.gidenMesajSecenek {font-size: 15px; color: #444; margin-top: 5px; min-width: 150px; max-width: 100%;}
.gidenMesajSecenek a{color: #111; font-size: 17px;}
.gidenMesajSecenek ul{background: #fff; font-size: 15px; padding: 8px; box-shadow: 0 0 1px 1px #ddd; user-select: none; overflow: auto; max-height: 500px;}
.gidenMesajSecenek li{list-style-type:none; border-bottom: 1px solid #f5f5f5; line-height: 40px;cursor: pointer;}

.mesaj-youtube {text-align: center;}
.mesaj-youtube img{width: 200px; max-width: 100%; max-height: 300px; box-shadow: 0 0 3px #000;}
.mesaj-youtube2 {margin-top: -19px; color: #aaa; font-size: 13px;}
.mesaj-youtube2 span{background: #111b; padding: 1px; padding-left: 10px; padding-right: 10px; border-radius: 9px;}

.mesajAlintiGiden{background: #dbf8c7; max-height: 32px; padding: 5px; margin-bottom: 4px; border-radius: 7px; border: 1px solid #ceedba; border-left: 3px solid #35cd96; display: flex;font-size: 14px; color: #555;}
.mesajAlintiGelen{background: #f9f9f9; max-height: 32px; padding: 5px; margin-bottom: 2px; border-radius: 7px; border: 1px solid #f0f0f0; border-left: 3px solid #35cd96; display: flex; font-size: 14px; color: #555;}
.mesajAlintiText{font-size: 12px; color: #666; line-height: 14px; overflow: hidden;}
.mesajAlintiText a{font-size: 12px; color: #666; line-height: 14px;}
.mesajAlintiResim {width: 40px; height:40px; flex-grow: 1; text-align: right; margin-top: -4px; margin-right: -4px;}
.mesajAlintiResim img{width: 40px; height:40px;}

/* -------------------------------- Mesajlardaki konu/paylaşım gösterimi için -------------------------------------*/
.msj_konu{user-select: none; text-align: center; background: #fcfcff; padding: 7px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 1px; margin-left: 10px; border-radius: 5px; max-width: 150px;}
.msj_konuUstBilgi{user-select: none; text-align: left; font-size: 12px; color: #555; display: flex; align-items: center;margin-bottom: 3px;}
.msj_konuUstBilgi_orta{flex-grow: 1; }
.msj_makale p{background: #fefefe; word-wrap: break-word; color: #333; font-size: 11px; text-align: left; border-radius: 5px; line-height: 13px;}
.msj_makale a{font-size: 12px; color: #333;}
.msj_makale img{width: 100%; max-width: 100%; max-height: 150px; border-radius: 5px;margin-top: 4px;}
.msj_makale audio{max-height:30px; max-width: 100%; width: 210px;}





/* ----------------------------------------------------------------------------------------------*/
/* --------------------------------------------Ecosystem-----------------------------------------*/
/* ----------------------------------------------------------------------------------------------*/
/* ----------------- Ecosystem Homepage --------------- */
/* Logo */
.eco_logo {font-size: 25px; color: #009519; margin: 10px; text-align: center;}
.eco_logo span{background-color: #e1e9e1; border-radius: 5px; padding: 5px 10px;}

/* Üst Kategoriler */
.eco_category {margin: 20px; text-align: center;}
.eco_category a{background: #d1d1d1; color: #111; font-size: 14px; font-weight: bold; margin: 2px; padding: 4px 10px;border-radius: 5px;}
.eco_category span{color: #005400; text-align: left; font-weight: bold; font-size: 16px; margin-right: 25px;}

/* Uygulamaları listele */
.app {user-select: none; background: #fff; padding: 5px; padding-left: 15px; padding-right: 20px; border-radius: 3px; align-items: center; border-bottom: 1px solid #eee; cursor: pointer; display: flex;}
.app:hover{background:#eef;}
.app_img {margin-right: 10px;}
.app_img img {width: 50px; height: 50px; margin: 3px; margin-right: 8px; border-radius: 5px; box-shadow: 0 0 1px #ddd; flex-grow: 1;}
.app_content {flex-grow: 1; font-size: 12px; color: #666; line-height: 19px;}
.app_content a {font-size: 16px; color: #444; font-weight: bold;}
.app_content span {background:#eee; font-size: 11px; color: #555; padding: 1px 3px; border-radius: 5px; border: 1px solid #ddd; margin-right: 3px;}
.app_right {font-size: 30px; color: #bbb;}
.app_right a {font-size: 14px; color: #669;}

.developer_button {text-align: center;}
.developer_button a {font-size: 14px; color: #0202f6;}

/* ----------------- Ecosystem App Top Menu --------------- */
.app_top {user-select: none; background:#fff; box-shadow: 0 0 5px #bbb; color: #333; font-size: 14px; border-radius: 0 0 5px 5px; position:fixed; width: 100%; max-width:510px; padding-top: 13px; padding-bottom: 10px; z-index:9980; display: flex;}
.app_top_left {text-align: left; padding-left: 3px;}
.app_top_left a {background: #efefef; font-size: 12px; color:#555; font-weight: bold; padding:4px 5px; border-radius:10px;}
.app_top_content {text-align: left; margin-left: 7px; flex-grow: 1;}
.app_top_content a {font-size: 16px; color:#555; font-weight: bold;}

.app_top_menu_button{
    width: 25px;
    height: 10px;
    color: #fff;
    background-size: 175px;
    background-position: -40px -110px;
    margin-left: 7px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
}

.app_top_menu{
    display: none;
    position: absolute;
    background: #fff;
    color: #444;
    font-size: 14px;
    margin-top: 29.5px;
    right: 0;
    min-width: 200px;
    max-width: 100%;
    padding: 8px;
    box-shadow: 0 0 1px 1px #ddd;
    user-select: none;
    overflow: auto;
    max-height: 500px;
}
.app_top_menu li {list-style-type:none; border-bottom: 1px solid #f5f5f5; line-height: 40px;}
.app_top_menu a { color: #222; font-size: 16px;}

.iframe_div { max-width: 100%; width: 550px; height: calc(100vh - 92px);}

/* ----------------- Ecosystem Develop --------------- */
.dev_back_button {text-align: left; margin: 5px;}
.dev_back_button a {background-color: #c4dac4; color: #15952b; border-radius: 5px; padding: 3px 5px;}
.dev_add_button {text-align: center; margin: 5px;}
.dev_add_button a {background-color: #aac; color: #007; border-radius: 5px; padding: 3px 5px;}



/* ----------------------------------------------------------------------------------------------*/
/* ------------------------------------------Sohbet Odaları--------------------------------------*/
/* ----------------------------------------------------------------------------------------------*/
/* ------------------ Sohbet Anasayfa ---------------- */
.sohbet-logo{text-align: center; margin-bottom: 5px;}
.sohbet-logo img{max-width: 180px; background: #fffa; padding-left: 10px; padding-right: 10px; border-radius: 10px;}
.sohbet {user-select: none; background:#fff;padding: 4px; border-radius: 3px; align-items: center; border-bottom: 1px solid #eee; cursor: pointer; display:flex;}
.sohbet:hover{background:#eef;}
.sohbet-resim img{width: 50px; height: 50px; margin: 3px; margin-right: 8px; border-radius: 25px; box-shadow:0 0 3px #ddd;flex-grow:1;}
.sohbet-icerik {flex-grow:1; font-size:12px; color:#666; line-height: 17px;}
.sohbet-icerik a{font-size:14px; color: #444; font-weight:bold;}
.sohbet-sag {font-size:12px; color:#666;}
.sohbet-oda-ac-butonu {text-align: right;}
.sohbet-oda-ac-butonu a{background:#595; color:#fff; font-size: 12px; border-radius:10px; padding: 5px; padding-left: 7px; padding-right: 7px;margin:5px;}

/* ----------------- Sohbet Penceresi --------------- */
.sohbet-ustu {user-select: none; background:#fff; box-shadow: 0 0 5px #bbb; color: #333; font-size: 14px; border-radius: 0 0 5px 5px; position:fixed; width: 510px; max-width:100%; padding-top: 13px; padding-bottom: 10px; z-index:9980; display: flex;}
.sohbet-ustu-sol {text-align: left; padding-left: 3px;}
.sohbet-ustu-sol a {background: #e5e5e5; font-size: 14px; color:#555; font-weight: bold; padding:6px; border-radius:10px;}
.sohbet-ustu-icerik {text-align: left; margin-left: 7px; flex-grow: 1;}
.sohbet-ustu-icerik a {font-size: 16px;color:#555;font-weight: bold;}

.sohbet-giden {background: #daffbf; padding: 4px; margin: 1px; margin-right: 5px; box-shadow:1px 1px 2px #ddd; border-radius:5px 3px 3px 5px; max-width:75%; float: right;}
.sohbet-giden p{word-wrap:break-word; font-size: 16px; color: #222;margin-left: 5px;}
.sohbet-giden img{background-color:#f3ecf8; max-width:200px; max-height:200px;border-radius: 5px;}
.sohbet-giden audio{max-height: 30px; max-width: 100%; width: 210px; margin-top: 5px;}
.sohbet-giden-alt{display:flex; float: right; margin-top: 2px;user-select: none;}
.sohbet-giden-tarih {color: #777; font-size: 11px;}
.sohbet-giden-secenek {margin: auto; margin-left: 2px; width: 30px; min-width: 30px; height: 15px; background-size: 145px; background-position: 0px -89px; cursor: pointer;}

.sohbet-gelen {max-width:75%; margin-left: 2px; margin-right: 2px; margin-top: 7px; float: left; display:flex;}
.sohbet-gelen audio{max-height: 30px; max-width: 100%; width: 210px; margin-top: 5px;}
.shbt-gel-img {width: 30px; height: 30px; margin-right: 1px; margin-top: 7px; text-align: left; min-width: 30px; max-width: 30px;}
.shbt-gel-img img{width: 30px; height: 30px; border-radius: 15px; box-shadow:0 0 3px #aaa;}
.shbt-gel-icerik {max-width: 100%; background: #fff; padding: 5px; padding-left: 8px; padding-right: 10px; margin-left: 2px; box-shadow:1px 1px 2px #ddd; border-radius:2px 5px 5px 5px; max-width: calc(100% - 30px); min-width: 50px;}
.shbt-gel-icerik p{word-wrap:break-word; font-size: 16px; color: #222; margin-bottom: 5px;}
.shbt-gel-icerik img{background-color:#f3ecf8; max-width:200px; max-height:200px;border-radius: 5px;}
.shbt-gelen-alt {color: #777; font-size: 11px; text-align:right; user-select: none; display:flex;float: right;}
.shbt-gelen-alt a{color: #666; font-size: 11px;margin-right: 5px;line-height:11px;margin-left: 8px;cursor: pointer;}

.shbt-gel-ust {margin-bottom: 3px; display:flex;color: #777; font-size: 11px;}
.shbt-gel-ust-a {color: #555; font-size: 11px; text-align:left; flex-grow:1;}
.shbt-gel-ust a{color: #555; font-size: 12px;margin-right: 5px;}
.shbt-gel-ust-c {user-select: none; margin: auto; margin-left: 4px;width: 30px;min-width: 30px;height: 12px;background-size: 145px;background-position: 0px -91px;cursor: pointer;}
.shbt-gel-ust-c a{color: #777; font-size: 12px;}

.sohbet-youtube {user-select: none; text-align: center;}
.sohbet-youtube img{width: 200px; max-width: 100%; max-height: 300px; box-shadow: 0 0 3px #000;}
.sohbet-youtube2 {margin-top: -16px; margin-bottom: 7px; color: #aaa; font-size: 13px;}
.sohbet-youtube2 span{background: #111b; padding: 1px; padding-left: 10px; padding-right: 10px; border-radius: 9px;}
.sohbet-radyo {user-select: none;text-align: center; border-radius: 50px;padding: 3px;margin: 8px; background: #fafafa88;}
.sohbet-radyo span {color: #888;font-size: 11px; margin-left: 2px; margin-right: 2px;}
.sohbet-radyo audio {height: 17px; width: 20px; margin-bottom: -6px; margin-top: -2px; border-radius: 10px;}
.sohbet-bilgi{text-align:center; margin: 4px;margin-bottom: 5px;}
.sohbet-bilgi a{color: #666; font-size: 11px;}
.sohbet-bilgi span{background: #fff8; padding: 3px; padding-left: 5px; padding-right: 5px; font-size: 11px; border-radius: 5px; color: #666;}
.sohbet-temizleme{margin: 5px;}
.sohbet-temizleme a{background: #fafafa; padding: 4px; padding-left: 5px; padding-right: 5px; font-size: 12px; border-radius: 10px; color: #444;}

.sohbetOdasiSecenek{
    display: none;
    position: absolute;
    background: #fff;
    color: #444;
    font-size: 14px;
    margin-top: 29.5px;
    right: 0;
    min-width: 200px;
    max-width: 100%;
    padding: 8px;
    box-shadow: 0 0 1px 1px #ddd;
    user-select: none;
    overflow: auto;
    max-height: 500px;
}
.sohbetOdasiSecenek a{
    color: #222;
    font-size: 16px;
}
.sohbetOdasiSecenekMenu{
    width: 25px;
    height: 10px;
    color: #fff;
    background-size: 175px;
    background-position: -40px -110px;
    margin-left: 7px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
}
.sohbetOdasiSecenek li{
    list-style-type:none;
    border-bottom: 1px solid #f5f5f5;
    line-height: 40px;
}

.oyun-radyo {user-select: none;text-align: center; border-radius: 50px;padding: 3px;margin: 8px; background: #fafafa88;}
.oyun-radyo span {color: #888;font-size: 11px; margin-left: 2px; margin-right: 2px;}
.oyun-radyo audio {height: 17px; width: 170px; margin-bottom: -6px; margin-top: -2px; border-radius: 10px;}



/* ------------------------------------------------------------------------------------ */
/* -------------------------- Konu yorumları ve yorum forumu ---------------------------*/
/* ------------------------------------------------------------------------------------ */
.yorum {
    user-select: none;
    text-align: left;
    background: #fcfcff;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 1px;
    border-radius: 2px;
    position: relative;
}
.yorumUstBilgi{
    user-select: none;
    text-align: left;
    margin-left: 3px;
    margin-right: 5px;
    font-size: 11px;
    color: #555;
    display: flex;
    align-items: center;
}
.yorumUstBilgi_sol img{
    width: 30px;
    height: 30px;
    margin: 2px;
    margin-right: 3px;
    border-radius: 15px;
    box-shadow: 0 0 4px #ccc;
}
.yorumUstBilgi_orta {
    flex-grow: 1;
    margin-left: 5px;
}
.yorumUstBilgi_orta a {
    color: #335;
    font-size: 13px;
}
.yorumUstBilgi_tarih {
    margin-left: 7px;
    color: #777;
}
.yorumUstBilgi_sag {
    min-width: 27px;
    min-height: 11px;
    background-size: 150px;
    background-position: -4px -95px;
    margin: 5px;
    margin-left: 8px;
    cursor: pointer;
}
.yorumSecenekler {
    display: none;
    position: absolute;
    background: #fff;
    color: #444;
    font-size: 14px;
    right: 10px;
    min-width: 150px;
    max-width: 100%;
    padding: 5px;
    padding-left: 10px;
    box-shadow: 0 0 5px 1px #bbb;
    border-radius: 10px;
    user-select: none;
    text-align: left;
    z-index: 9999;
}
.yorumSecenekler li {
    list-style-type: none;
    border-bottom: 1px solid #f5f5f5;
    line-height: 35px;
}
.yorumSecenekler a {
    color: #222;
    font-size: 14px;
}
.yorumText{background:#fdfdff;text-align: left; word-wrap:break-word; font-size: 15px; color: #333; padding-left: 40px; line-height:20px;border-radius:20px;}
.yorumText a{color: #333;font-size: 15px;}
.yorumText h1, h2{margin: 0;font-size: 16px;}
.yorumText h3, h4{margin: 0;font-size: 14px;}

.yorum_alt {user-select: none;color:#07a; font-size: 12px; text-align: right;margin-right:5px;}
.yorum_alt a{font-size:12px; color: #447;cursor: pointer;}

.konuYorumFormAlinti{background: #e6cfcf; margin: 5px; text-align:center; margin-top: 0; margin-bottom: 10px; padding: 3px; font-size: 13px; font-weight: normal; border-radius: 5px;}
.yorumAlinti{background: #f5f5f5; padding: 5px; margin-bottom: 5px; border-radius: 5px; border: 1px solid #ddd;}
.yorumAlintiUst{font-size: 13px; color: #117;}
.yorumAlintiUst a{color:#117; font-size: 13px;}
.yorumAlintiText{font-size: 12px; color: #333; line-height: 14px; max-height: 44px; overflow: auto;}
.yorumAlintiText a{font-size: 12px; color: #333; line-height: 14px;}

.yorumFormAlinti{background: #e6cfcf; margin: 5px; text-align:center; margin-top: 0; margin-bottom: 10px; padding: 3px; font-size: 13px; font-weight: normal; border-radius: 5px;}

.yorumForm {max-width:510px; font-weight:bold; text-align:center; color: #444; background: #ffd2d2bf; padding-bottom: 5px; padding-top: 5px; margin:0;margin-left:-2px; border-radius: 10px; border: 1px solid #ffc3c3;position:fixed;z-index:9990;bottom:-5px;width: 100%;}
.yorumForm:hover {background: #ffb0b0e0; border: 1px solid #ffaeae;padding-bottom: 15px;}
.yorumForm textarea {color: #111; background: #feec; width: 97%; height: 30px; padding: 3px; border: 1px solid #ffbcbc; border-radius: 13px; font: 15px Arial;}
.yorumForm textarea:hover {background: #fee; height: 35px; border:1px solid #f55;}
.yorumForm button {user-select: none;background: #ffdddd; margin-left: 6px; padding: 8px 3px; font-weight:bold; color: #ad4444; cursor: pointer; border: 1px solid #d26e6e; border-radius: 10px; box-shadow: 0 0 10px #ffb3b3 inset; font-size: 15px; margin: 2px;}

.yorumForm2 {background: #ffdede; padding: 5px; border-radius: 10px; border: 1px solid #ffc6c6;}
.yorumTextarea {color: #555; background: #fff; padding: 6px; border-radius: 10px; font: 16px Arial; text-align: left;box-shadow:0 0 4px 0 #fbd1d1 inset;}
.yorumTextarea a{color: #cf0000; font: 16px Arial}
/*------------------------------------------------------ */
.forumYorumFormAlinti{background: #e6cfcf; margin: 5px; text-align:center; margin-top: 0; margin-bottom: 10px; padding: 3px; font-size: 13px; font-weight: normal; border-radius: 5px;}
.forumYorumForm {font-weight:bold; text-align:center; color: #444; background: #ffd2d2bf; padding-bottom: 5px; padding-top: 5px; margin:0;margin-left:-2px; border-radius: 10px; border: 1px solid #ffc3c3;width: 100%; max-width:549px;}
.forumYorumForm textarea {color: #111; background: #feec; width: 97%; height: 30px; padding: 3px; border: 1px solid #ffbcbc; border-radius: 13px; font: 15px Arial;}
.forumYorumForm textarea:hover {background: #fee; height: 35px;}
.forumYorumForm button {user-select: none;background: #ffdddd; margin-left: 6px; padding: 8px 3px; font-weight:bold; color: #ad4444; cursor: pointer; border: 1px solid #d26e6e; border-radius: 10px; box-shadow: 0 0 10px #ffb3b3 inset; font-size: 15px; margin: 2px;}


/* -------------------- "Geri - İleri" Basit Sayfalama ------------------ */
.sayfalama {user-select: none;background: #fff8; color: #333;height: 33px; padding: 5px; border-radius: 20px; text-align: center;}
.sayfalama div {width: 78px; height: 28px; background: url("../images/sayfalamaBtn.png")}
.sayfalama a {display: block; height: 28px; text-indent: -9999px;}
.sOnceki {float: left; margin-top: 3px;}
.sSonraki {float: right; background-position: -79px 0!important; margin-top: 3px;}


/* ------------------ Sayı butonlarıyla çuklu sayfalama ------------------- */
.sayfalama2 {user-select: none; user-select: none;background: #fff; padding: 8px;margin-bottom:10px; border-radius: 2px 2px 20px 20px; text-align: center;}
.sayfalama2 span{background: #aaa; color: #fff; font-size:14px; padding: 3px 7px; margin: 2px;border-radius: 20px;}
.sayfalama2 a {background: #eee; color: #333; font-size:14px; padding: 3px 7px; margin: 2px;border-radius:20px;}
.sayfalama2 a:hover {background: #dd4040; color: #fff;}
.sayfalama2-alt {display: flex; margin-top: 7px;}
.sayfalama2-alt span {background: #eee; color: #999; font-size:13px; padding: 3px 7px; margin: 2px;border-radius:20px;}
.sayfalama2-alt a {background: #eee; color: #333; font-size:13px; padding: 3px 7px; margin: 2px; border-radius:20px;}
.sayfalama2-alt a:hover {background: #dd4040; color: #fff;}
.sayfalama2-altsol {flex-grow: 1;text-align: left;}
.sayfalama2-altsag {flex-grow: 1;text-align: right;}


/* ------------ "Devamını yükle, ilk sayfaya dön" tarzı sayfalama ----------------- */
.sayfalama_js{user-select: none;background: #fff; color: #333; text-align: center; box-shadow: 0 0 5px #aaa; padding: 5px; padding-top: 8px; padding-bottom: 8px; border-radius: 0 0 30px 30px; margin: 5px; margin-left: 15px; margin-right: 15px;}
.sayfalama_js a{font-size: 14px; font-weight: bold; color: #333;}

.sayfalama-js-2{user-select: none; background: #fff; color: #333; text-align: center; box-shadow: 0 0 5px #aaa; padding: 5px; padding-top: 8px; padding-bottom: 8px; border-radius: 30px 30px 0 0; margin: 5px; margin-left: 15px; margin-right: 15px;}
.sayfalama-js-2 a{font-size: 14px; font-weight: bold; color: #333;}

.sayfalama_js2{ background: #fff; color: #333; text-align: center; border: 1px solid #a55; padding: 5px; padding-top: 8px; padding-bottom: 8px; border-radius: 5px; margin: 5px;}
.sayfalama_js2 a{font-size: 15px; font-weight: bold; color: #333;}


/* ----------------------- Site altbilgisi için --------------------------- */
footer{background: #fafffa; border-radius:5px; text-align:center; padding: 10px; font-size:14px; color:#333;}
footer a{color: #229; font-size:14px;text-decoration:none;}
footer td{color: #222; font-size:13px;text-decoration:underline; cursor:pointer;}


/* --------------- Tavsiye edilen (takip edilebilecek) üyeler -------------- */
.durumlar{user-select: none; color: #222; font-size: 12px; text-align:left; max-width:100%; background: #fff; border:1px solid #eee; border-radius: 5px;overflow: hidden;box-shadow:0 0 3px #bbb;margin-top:1px;margin-bottom:3px;}
.durumlar a{color:#222; font-size: 12px; text-decoration:none;overflow: hidden; height: 101px; display: inline-block;margin-bottom: 7px;}
.durumlar td{text-align:center; width:75px;}
.durumlar img{width:60px; height:60px; border:1px solid #cef7ce; border-radius: 35px; padding: 3px; margin-bottom:2px;}
.uye_takip_butonu{color: #189217; font-size: 13px; background: #e9ffe8; border:1px solid #79dc77; border-radius: 15px; padding:2px; cursor:pointer;margin-bottom:4px;margin-left:3px;}
.ozel-scrollbar::-webkit-scrollbar{height:5px; background-color: #F5F5F5;}
.ozel-scrollbar::-webkit-scrollbar-thumb{background-color: #fc6023;border-radius:3px;}
.ozel-scrollbar{width:100%; float: left; overflow: auto; margin-top:8px;}
.ozel-scrollbar td{border-right:1px dashed #f5f5f5; vertical-align:top; min-width:84px}


/* --------------- Cookie Politika Uyarısı -------------- */
.cookie-policy{user-select: none; bottom:62px}
.cookie-policy{background-color:#000;background-color:rgba(47,47,47,.90);color:#fff;text-align:center;padding:10px 0;font-size:12px;line-height:14px;position:fixed;width:100%;max-width:550px;bottom:5px;z-index:9998;box-sizing:border-box;display:none;margin:auto;border-radius:30px;}
.cookie-policy span{display:block;max-width:calc(80%);margin:auto;}
.cookie-policy a{user-select: none; color:#fff!important;font-weight:bold;text-decoration:underline!important}
.cookie-policy a.go-cookie{color:#ffa62b!important}
.cookie-policy a.cookie-policy-close{font-weight:normal;text-decoration:none!important;float:right;margin-top:-20px;margin-right:15px;font-size:14px}
@media(max-width:600px){
    .cookie-policy{user-select: none; padding:10px 15px 10px 0px;line-height:15px;width:99%;bottom:5px;border-radius:20px}
    .cookie-policy span{text-align:left}
    .cookie-policy a.cookie-policy-close{margin-right:0;margin-top:0;float:none;position:absolute;right:20px;top:20px;margin-top:-2px;font-size:14px;background-color:#808080;border-radius:50px;padding:4px;box-sizing:border-box;display:block;width:24px;height:24px}
}
@media(min-width:1100px){
    .pc-right-menu{user-select: none; position:fixed;top:100px;z-index:9998;margin-left:560px;max-width:250px;}
    .pc-left-menu{user-select: none; position:fixed;top:100px;z-index:9998;margin-left:-260px;max-width:250px;}
}


.csayfasi {overflow: auto;}
.csayfasi-li {background:#fff; margin:4px; padding:5px; padding-top:30px; font-size:12px; color:#666; box-shadow: 0 0 5px #bbb; float: left; width: calc((100% - 54px)/3); min-height: 70px; overflow: hidden; text-align: center; border-radius: 5px;}
.csayfasi-li a{font-size:18px; color: #343;}

.yukarikaydir {user-select: none; display:none; background-color:#455868aa; padding:10px; position:fixed; bottom:25px; right:10px; color:#fff; border-radius: 20px 20px 5px 5px;;}

.sozler{
    margin: 10px;
    background-color: #edffed;
    border: 1px solid #b5e3b5;
    border-radius: 15px;
    padding: 10px;
}