/* general colors */
a {color:#84e8a7;}
body {color:#fff; background:#151515;}
button { background:transparent; color:#fff; }
#external_wrap {}

/* background color for box element */
.background_chat, .background_login { background:#151515; box-shadow:0 0 5px #020202; }
.background_box {  background-image: url("/arkaplan/bg-9-notext-3.jpg"); color:#fff; border:none; background-size: cover;}
.background_menu_footer { background:#111111; border-top:1px solid #202020; }
.panels { background:#151515; box-shadow:0 0 5px #020202;}
#chat_error { background:#111; }
#inner_header, #header_login { background: url('/logolar/loading_image_dark_mode.png'); background-repeat:no-repeat; background-size:auto 100%; background-position:left center; }
#menu_private { background:#000;}
#main_emoticon { background:#202020; }

/* chat logs switch colors */
.log1 {	background:none; }
.log2 { }
.ch_logs { border-bottom:none;}

/* separator colors */
.user_separator { border-bottom:1px solid #444; }
.user_option_separator { border-bottom:1px solid #444; }
.top_separator { border-top:1px solid #191919; }
.right_separator { border-right:1px solid #444; }
.bottom_separator { border-bottom:1px solid #111; }

/* user list drop down colors */
.user_option_list { background:#000; color:#fff; }

/* button and element colors */
.sub_button { background:#202020; color:#fff;}
#submit_button { background: #009dff; color:#fff; 
background: url(/nickbg/13.gif);
background-size: cover;
text-shadow: 0px 1px 5px #191919;
} /* this is main button send */
.sub_element { background:#181818; color:#fff;}
.empty_element { background:#191919; color:#fff; }
.selected_element { background:#068ceb; color:#fff; }
.hover_element:hover { background:#00adff; color:#fff;}

/* ads background */
#show_chat_ads { background:#111 !important;}

/* special colors and sub colors */
.error { color:red;font-weight: bolder;}
.success { color:green;font-weight: bolder;}
.away { color:#2b2b2b; text-shadow: 0px 1px 1px #000000;}
.my_notice { background:#004874; padding:3px; color:#e9e9e9;border-radius: 10%;}
.sub_color2 { color:#0397e1;}
.sub_color { color:#0397e1; }
.hide_private_title { color:#ccc; }
.room_userin { color:#ffffff;font-weight: bold; }
.wrap_command:hover { background:#444 !important; }

/* private chat color message */

.target_private {color:#fff; background:#191919;}
.hunter_private {color:#fff; background:#03488c;}


/* inside chat color */
.datechat {color:#666;}
.me {color:#fff; background:#00b8ff2e;padding: 2px 2px 6px 12px;}
.global { color:#fff; background:#e301014d;font-weight: bold;padding: 2px 2px 6px 12px;}
.private { color:#fff; background:#1a903352;padding: 2px 2px 6px 12px;}
.private_reply { background:#39ba54; color:#fff;}
.seen { color:#fff; background:#7817a652;padding: 2px 2px 6px 12px;}
.delete_log, .logs_date {color:#8d8b8b;}
.global, .me, .private, .seen {  margin-bottom:1px;margin-top: 2px;}

/* user color and special user color */
.system { color:#666 !important;padding-bottom: 2px;}
.admin{ color:#ff1a8c;}
.sadmin { color:#ff0000; }
.modo  {color:#0066ff;}
.vip {color:#ff00bf;}
.user {color:#30d109;}
.guest {color:orange;}
.mavi1 {color:#3486eb;font-weight: bold;}
.pembe1 {color:#d934eb;font-weight: bold;}
.beyaz1 {color:#FFFFFF;font-weight: bold;}
.sari1 {color:#FFFF00;font-weight: bold;}
.kirmizi1 {color:#FF0000;font-weight: bold;}
.lila1 {color:#eb347a;font-weight: bold;}
.yesil1 {color:#00ff91;font-weight: bold;}
.turuncu1 {color:#dba212;font-weight: bold;}
.mor1 {color:#b107fa;font-weight: bold;}
.yesil2 {color:#03ad00;font-weight: bold;}
.yesil3 {color:#30d109;font-weight: bold;}
.turuncu2 {color:orange;font-weight: bold;}
.pembe2 {color:#fc01fc;font-weight: bold;}
.koyusari {color:#abab00;font-weight: bold;}
.acikmavi {color:#00ffff;font-weight: bold;}
.gri1 {color:#D3D3D3;font-weight: bold;}
.gri2 {color:#808080;font-weight: bold;}
.yesil4 {color:#a7cc02;font-weight: bold;}
.kirmizi2 {color:#cc022a;font-weight: bold;}
.lila2 {color:#cc0296;font-weight: bold;}
.turuncu3 {color:#ff5900;font-weight: bold;}
.antinrenk {color:#ffd700;font-weight: bold;}
.cammavisi {color:#00ced1;font-weight: bold;}
.indimor {color:#4B0082;font-weight: bold;}
.sampanya {color:#F7E7CE;font-weight: bold;}
.mercanrenk {color:#FF7F50;font-weight: bold;}
.zumrutyesi {color:#50c878;font-weight: bold;}
.estemor {color:#9966cc;font-weight: bold;}
.kobmavi {color:#0047AB;font-weight: bold;}
.leylakpem {color:#c8a2c8;font-weight: bold;}
.bordokir {color:#800000;font-weight: bold;}
.denizkopuk {color:#20B2AA;font-weight: bold;}
.okyamavi {color:#4682B4;font-weight: bold;}
.seftarengo {color:#FFDAB9;font-weight: bold;}
.zeytyesilo {color:#556B2F;font-weight: bold;}
.metaligri {color:#A9A9A9;font-weight: bold;}
.koymercano {color:#CD5C5C;font-weight: bold;}
.safirmavio {color:#1760d3;font-weight: bold;}
.elektoyesilo {color:#7FFF00;font-weight: bold;}
.hosopembeo {color:#f6a7ff;font-weight: bold;}
.kristmavi {color:#5DADE2;font-weight: bold;}
.tozopembio {color:#FFB6C1;font-weight: bold;}
.antikobronz {color:#665D1E;font-weight: bold;}
.koyilavanto {color:#734F96;font-weight: bold;}
.kremorengo {color:#FFFDD0;font-weight: bold;}
.alevotrunco {color:#FF4500;font-weight: bold;}
.sonsamavio {color:#008B8B;font-weight: bold;}
.buzomavyo {color:#E0FFFF;font-weight: bold;}
.colkumuruo {color:#e9bd9e;font-weight: bold;}
.sihirlmavio {color:#6A5ACD;font-weight: bold;}
.firtingrio {color:#61768b;font-weight: bold;}
.ambersario {color:#FFBF00;font-weight: bold;}
.opalomavyo {color:#A7C7E7;font-weight: bold;}
.parlapembio {color:#FF1493;font-weight: bold;}
.ormanoyesilix {color:#228B22;font-weight: bold;}
.gizemmenekx {color:#5D3FD3;font-weight: bold;}
.gumpemopd {color:#FF66CC;font-weight: bold;}
.neonfusiox {color:#FF1493;font-weight: bold;}
.erikomoruo {color:#8E4585;font-weight: bold;}
.sonukomoric {color:#915F6D;font-weight: bold;}
.koygulomoro {color:#993366;font-weight: bold;}
.leylodumano {color:#DCD0FF;font-weight: bold;}
.cesitopemio {color:#ff55d1;font-weight: bold;}
/* color picker and tools bar */

.bar_options{} /* change the bar element separator */
#picker_box, #list_emoticon { background:#111; } /* change the background color of box */
.sel_item { background:#000000;} /* change background of element when selected on bar */
.pick_color, #smile_content, .wrap_picker { border-left:1px solid #222; border-bottom:1px solid #444; border-top:1px solid #222; border-right:1px solid #444; } /* change border of element and subelement */
#smile_content { background:#111;} /* change background of emoticon content */

/* user list hover name */

.usertarget:hover { color:#fff !important; opacity:1; }
.open_user { background:#191919; }


.vip{background:linear-gradient(to right,red,orange,yellow,green,cyan,blue,violet);color:transparent;background-clip:text;-webkit-background-clip:text;animation:anim22 2s ease-in-out infinite}
@keyframes anim22{
15%{background:linear-gradient(to right,orange,yellow,green,cyan,blue,violet,red);color:transparent;background-clip:text;-webkit-background-clip:text}
30%{background:linear-gradient(to right,yellow,green,cyan,blue,violet,red,orange);color:transparent;background-clip:text;-webkit-background-clip:text}
45%{background:linear-gradient(to right,green,cyan,blue,violet,red,orange,yellow);color:transparent;background-clip:text;-webkit-background-clip:text}
60%{background:linear-gradient(to right,cyan,blue,violet,red,orange,yellow,green);color:transparent;background-clip:text;-webkit-background-clip:text}
75%{background:linear-gradient(to right,blue,violet,red,orange,yellow,green,cyan);color:transparent;background-clip:text;-webkit-background-clip:text}
90%{background:linear-gradient(to right,violet,red,orange,yellow,green,cyan,blue);color:transparent;background-clip:text;-webkit-background-clip:text}}


.sadmin{background:linear-gradient(to right,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text;animation:anim24 2s linear infinite}
@keyframes anim24{
14%{background:linear-gradient(to right,yellow,#ff0000,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
16%{background:linear-gradient(to right,#ff0000,yellow,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
18%{background:linear-gradient(to right,#ff0000,#ff0000,yellow,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
20%{background:linear-gradient(to right,#ff0000,#ff0000,#ff0000,yellow);color:transparent;background-clip:text;-webkit-background-clip:text}
25%{background:linear-gradient(to right,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
30%{background:linear-gradient(to right,violet,#ff0000,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
35%{background:linear-gradient(to right,#ff0000,violet,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
40%{background:linear-gradient(to right,#ff0000,#ff0000,violet,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
45%{background:linear-gradient(to right,#ff0000,#ff0000,#ff0000,violet);color:transparent;background-clip:text;-webkit-background-clip:text}
45%{background:linear-gradient(to right,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}
100%{background:linear-gradient(to right,#ff0000,#ff0000);color:transparent;background-clip:text;-webkit-background-clip:text}}

.modo{background:linear-gradient(to bottom,#00a6ff,#00a6ff);color:transparent;background-clip:text;-webkit-background-clip:text;animation:anim23 1.6s linear infinite}
@keyframes anim23{
10%{background:linear-gradient(to bottom,white,#00a6ff,#00a6ff,#00a6ff,#00a6ff);color:transparent;background-clip:text;-webkit-background-clip:text}
14%{background:linear-gradient(to bottom,#00a6ff,white,#00a6ff,#00a6ff,#00a6ff);color:transparent;background-clip:text;-webkit-background-clip:text}
18%{background:linear-gradient(to bottom,#00a6ff,#00a6ff,white,#00a6ff,#00a6ff);color:transparent;background-clip:text;-webkit-background-clip:text}
22%{background:linear-gradient(to bottom,#00a6ff,#00a6ff,#00a6ff,white,#00a6ff);color:transparent;background-clip:text;-webkit-background-clip:text}
26%{background:linear-gradient(to bottom,#00a6ff,#00a6ff,#00a6ff,#00a6ff,white);color:transparent;background-clip:text;-webkit-background-clip:text}
30%{background:linear-gradient(to bottom,#00a6ff,#00a6ff);color:transparent;background-clip:text;-webkit-background-clip:text}}

.morlupembeli{   


  background-image: linear-gradient(
    -225deg,
    #406cff 0%,
    #bc7aff 29%,
    #ff1361 67%,
    #1399ff 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
font-weight: bold;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: morlupembeliani 2s linear infinite;

    }

@keyframes morlupembeliani {
  to {
    background-position: 200% center;
  }
}

.parlakirmizi {
    font-weight: bold;
    color: red; 
    background: linear-gradient(90deg, #FF0000, #B22222, #FF4500, #FF6347, #8B0000);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
	background-size: 400%;   
 animation: kirmiziTonlarParlama 4s infinite linear;
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); 
}
@keyframes kirmiziTonlarParlama {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 400% 50%;
    }
}

.kirmizitonla {
    font-weight: bold;
    color: red;
    background: linear-gradient(90deg, red, #B22222, #C21E56, #FF4500, #9B111E);
    background-size: 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: kirmizitonparla 3s infinite ease-in-out;
}
@keyframes kirmizitonparla {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}

.gokkusagiiki {
    font-weight: bold;
    color: red;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
    background-size: 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: gokkusagiiki 5s infinite linear;
}

@keyframes gokkusagiiki {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 200%;
    }
}

.backgrad37,.bgrad37 { background: linear-gradient(to right, #FF0000, #FFF200, #1E9600); color: transparent; }