.bbackb,.bbackhoverb:hover,.fborder,.gtag{
border:1px solid
}

/* Giriş alanı stilleri */
.back_input,.tborder{
border-top:1px solid
}

/* Sekme menüleri */
.bshadow,.btnshadow,.float_menu,.page_element,.pboxed,.tab_menu{
box-shadow:0 1px 3px rgb(0,0,0,.2)
}

/* Uyarı metni rengi */
.warn,a{
color:orange
}

/* Genel gövde ayarları */
.setdef,.user,body{
color:#333
}

/* Genel gövde ayarları */
body{
background:#bed0e5
}

/* Buton stilleri */
button{
background:0 0;
color:#fff
}

/* Giriş alanı stilleri */
.post_input_container,.reply_item,input,textarea{
background:#f6f6f6
}

.bback,.bbackb,.bbackhover,.bbackhoverb,.bhover:hover,.bhoverr:hover,.blisting:hover,.bmenu:hover,.cselected,.liked,.submenu:hover{
background:rgb(0,0,0,.05)
}

.bbackhover:hover,.bbackhoverb:hover{
background:rgb(0,0,0,.025)
}

.bborder,.blist,.blisting,.bmenu,.float_ctop,.float_top,.modal_mborder,.submenu{
border-bottom:1px solid
}

.back_ptop{
background:#292929;
color:#fff
}

.bpmenu:hover{
background:rgb(255,255,255,.1)
}

/* Sayfalama düğmesi */
.bsub,.pag_btn:hover,.pagselected{
background:rgb(0,0,0,.1)
}

.bsub:hover{
background:rgb(0,0,0,.2)
}

.bselected,.modal_selected,.rselected,.tab_selected{
background:rgb(0,0,0,.08)
}

.menui,.pselected,.subi,.theme_color{
color:#03add8
}

/* Sayfalama düğmesi */
.pag_btn{
background:rgb(0,0,0,.05);
color:#666
}

.gtag{
background:#fff
}

.lborder,.ppanel{
border-left:1px solid
}

.rborder{
border-right:1px solid
}

/* Üst başlık (header) stilleri */
.bfoot,.bhead{
background:#4569a1;
background:linear-gradient(180deg,#6890cf 0,#4569a1 100%);
color:#fff
}

.back_default,.back_page,.back_pmenu,.default_btn,.foot,.modal_top,.pro_top{
background:#4569a1;
color:#fff
}

/* Giriş alanı stilleri */
.back_box,.back_chat,.back_input,.back_menu,.back_modal,.back_panel,.back_priv,.back_quote,.backglob,.page_element{
background:#e7ebf1
}

/* Giriş paneli */
#login_all,.default_color,.send_btn{
color:#4569a1
}

/* Hata mesajı rengi */
.error{
color:red
}

/* Başarılı işlem rengi */
.success{
color:#74b20e
}

/* Tema düğmeleri */
.back_theme,.theme_btn{
background:#6890cf;
background:linear-gradient(180deg,#6890cf 0,#7a9cd2 100%);
color:#fff
}

.defaultd_btn{
background:#333;
color:#fff
}

/* Onay düğmesi */
.bprogress,.ok_btn{
background:#74b20e;
color:#fff
}

/* Uyarı metni rengi */
.warn_btn{
background:orange;
color:#fff
}

/* Silme işlemi düğmesi */
.delete_btn{
background:#c00;
color:#fff
}

/* Çevrimdışı kullanıcılar için saydamlık */
.offline{
opacity:.5
}

.main_post_item{
color:rgb(0,0,0,.5)
}

.hunt_quote,.target_private{
color:#fff;
background:#333
}

.hunter_private,.targ_quote{
color:#666;
background:#ededed
}

.cquote{
background:rgb(0,0,0,.05)!important
}

.cqname{
color:#000
}

/* Seçim kutusu listesi */
.cqmess,.selectboxit-list .selectboxit-option-anchor{
color:#666
}

/* Sekme menüleri */
.tab_menu{
background:#fff
}

.modal_mback{
background:rgb(0,0,0,.04)
}

/* Açılır pencere arka planı */
.modal_back{
background-color:rgba(0,0,0,.4)
}

.log2{
background:rgb(0,0,0,.028)
}

.topic_log{
background:#d9f2e6;
color:#0d261a
}

/* Bildirim kutusu */
.bnotify{
background:red;
color:#fff
}

.foot_notify,.head_notify{
border:1px solid #fff
}

.list_mood,.sub_date,.sub_text{
color:#888
}

.sub_chat,.sub_priv{
color:#ccc
}

.plikes{
background-color:rgba(100,100,100,.3);
color:#fff
}

/* Kaydırıcı bileşeni */
.boom_slider .ui-widget-content,.system_text{
background:#ededed
}

.bspin{
color:rgb(0,0,0,.3)
}

/* Sistemden gelen metinler */
.system_text{
color:#666
}

.post_video{
background:#000
}

/* Kaydırıcı bileşeni */
.boom_slider .ui-state-active,.boom_slider .ui-state-default{
background:#999!important
}

/* Kaydırıcı bileşeni */
.boom_slider .ui-slider-range{
background:#ccc
}

/* Seçim kutusu düğmesi */
.selectboxit-btn,.selectboxit-list{
background-color:#f6f6f6;
color:#666;
border:1px solid #e6e6e6!important
}

/* Seçim kutusu listesi */
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor{
background-color:#ededed;
color:#666
}

.selectboxit-default-arrow{
border-top:4px solid #666
}

/* Seçim kutusu düğmesi */
.selectboxit-btn.selectboxit-enabled:active,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:hover{
background:#f6f6f6;
color:#666
}

.selectboxit-options{
background:#fff;
border:1px solid #ccc
}

.room_element{
background:#f7f7f7;
background:linear-gradient(180deg,#f7f7f7 0,#e6f1ff 18%,#dce5ef 22%,#fff 100%);
padding:15px;
border-radius:10px;
margin-top:5px
}

/* Buton stilleri */
#submit_button{
background:#6890cf;
background:linear-gradient(180deg,#6890cf 0,#7a9cd2 100%);
color:#fff;
border-radius:3px
}

/* Giriş alanı stilleri */
.post_input_container,input,textarea{
border-radius:3px!important;
border:1px solid #aecdff!important
}

/* Giriş alanı stilleri */
.input_item{
color:#6c93cf;
background:#e7ebf1;
border-radius:3px
}

/* Kullanıcı ismi rengi */
.user_count{
text-transform:uppercase;
font-size:11px;
color:#769ad2;
background:#dce0e5
}

.dlist-rank{
display:inline-block;
height:11px;
width:auto;
margin:0 3px 0 0
}

/* Sohbet arka planı */
.back_chat::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:url(images/konusanlar.jpg);
opacity:.5
}

/* Giriş arka planı */
#intro_top{
width:100%;
height:100%;
z-index:1;
position:relative;
background:url(images/konusanlar.jpg) center center fixed
}

/* Giriş arka planı */
#intro_top .bcell_mid{
background:#bed0e570
}

/* Giriş paneli */
#login_all{
width:800px;
max-width:94%;
border-radius:20px;
display:block;
margin:0 auto;
background:#f7f7f7;
background:linear-gradient(180deg,#f7f7f7 0,#e6f1ff 18%,#dce5ef 22%,#fff 100%)
}

/* Sistem mesajı balonu */
.chat_system,.my_notice{
border-left:3px solid #7498d1;
background:#c4deff;
color:#40505d;
border-radius:0
}

/* Profil simgesi */
.proicon {
    width: 24px;
    color: #4569a1;
  }
  
  /* Seçilen metin arka planı */
  ::selection {
    background-color: #7289da;
  }
  
  /* Firefox için seçilen metin arka planı */
  ::-moz-selection {
    background-color: #7289da;
  }
  
  /* Scrollbar genişliği */
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Scrollbar arka planı (kanal) */
  ::-webkit-scrollbar-track {
    background: #e7ebf1;
  }
  
  /* Scrollbar kaydırıcı (başparmak) */
  ::-webkit-scrollbar-thumb {
    background: #7289da;
    background: linear-gradient(180deg, #6890cf 0%, rgb(122, 210, 199) 100%);
    border-radius: 100px;
  }
  
  /* Scrollbar üzerine gelinceki hali */
  ::-webkit-scrollbar-thumb:hover {
    background: #7289da;
    border-radius: 100px;
  }
  
  /* Sohbet satırlarının genel kutusu */
  .chat_log {
    width: auto;
  }
  
  .chat_log.log2 {
    background: rgba(255, 255, 255, 0.05); /* Hafif saydam beyaz */
    backdrop-filter: blur(4px);           /* Cam efekti */
  }
  
  /* Avatar stil tanımı */
  .chat_log > .chat_avatar {
    width: 60px;
  }
  
/* Kullanıcının kendi sohbet balonu */
.chat_log > .my_text {
    padding: 6px;                 /* İç boşluk */
    border-radius: 6px;           /* Kenarları yuvarla */
    word-break: break-word;      /* Uzun kelimeleri böl */
    border: 1px solid #ccc;       /* Kenarlık rengi */
    background-color: rgba(255, 255, 255, 0.8); /* Beyaz ve %80 opaklık */
    position: relative;           /* Ok konumlandırması için gerekli */
  }
  
  /* Balonun sağ kenarından çıkan ok */
  .chat_log > .my_text::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 100%;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #ef0c0c transparent transparent; /* Sağ kenarda kırmızı ok */
  }
  
  /* Balon içindeki tablo düzeni */
  .chat_log > .my_text > .btable {
    table-layout: auto;
  }
  .topic_log {
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Glassy effect */
    -webkit-backdrop-filter: blur(10px); /* For Safari */
    color: #ccbf81; /* Light gray */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* Star shape */
    padding: 15px; /* Daha iyi okunabilirlik için boşluk ayarla */
    border-radius: 10px; /* Yumuşak kenarlar */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Daha iyi kontrast için hafif kenarlık */
  }
  /* Kayarak gelen zıplama animasyonu */
@keyframes bounceSlideIn {
  0% {
      transform: translateX(-100px);
      opacity: 0;
  }
  50% {
      transform: translateX(10px);
      opacity: 1;
  }
  70% {
      transform: translateX(-5px);
  }
  100% {
      transform: translateX(0);
  }
}