/* general colors */
a {color:blue;}
body {color:#fff;}
button { background:transparent; color:#000000; }
#external_wrap { background-image: url(images/roni.jpg); background-repeat:no-repeat background-size:100% auto; background-position:center center;}
/* background color for box element */
.background_chat { background:rgba(0, 0, 0, 0.49); }
.background_login {background:rgba(217, 49, 49, 0.62);}
.background_box { background:#f0efef; color:#111; border:none;}
.background_menu_footer { background:rgba(0, 0, 0, 0.5); }
.panels { background:#ac00c1;}
#chat_error { background:#111; }
#inner_header, #header_login  { background: url('logo/logo.png'); background-repeat:no-repeat; background-size:auto 70%; background-position:left center; }
#menu_private { background:#fff;}

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

/* separator colors */
.user_separator { border-bottom:1px solid #7ecce8; }
.user_option_separator { border-bottom:1px solid #000; }
.top_separator { border-top:1px solid #000; }
.right_separator { border-right:1px solid #e27fee; }
.bottom_separator { border-bottom:none; }

/* user list drop down colors */
.user_option_list { background:rgba(15, 27, 31, 0.77); color:#fff; }

/* button and element colors */
.sub_button { background:rgba(255, 0, 0, 0.40); color:#fff;}
#submit_button { background: rgb(210, 32, 32); } /* this is main button send */
.sub_element { background:rgba(10, 15, 16, 0.62); color:#fff;}
.empty_element { background:#447c0e; color:#fff; }
.selected_element { background:rgba(0, 0, 0, 0.54); color:#000; }
.hover_element:hover { background:rgba(210, 32, 32, 0.35); color:#e27fee;}

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

/* special colors and sub colors */
.error { color: #000000;}
.success { color:white;}
.away { color:#bc00c7; }
.my_notice { background:#e27fee; padding:3px;}
.sub_color2 { color:#000000;}
.sub_color { color:#000000; }
.hide_private_title { color:#ccc; }
.tooltip:hover:before, .tooltip2:hover:before, .tooltip3:hover:before { border-color: #000000 transparent;}
.tooltip:hover:after, .tooltip2:hover:after, .tooltip3:hover:after { background: none repeat scroll 0 0 #77d220; color: #fff;}

/* private chat color message */

.target_private {color:#000; background:#c3da8e;}
.hunter_private {color:#000; background:#cbcbcb;}

/* inside chat color */
.datechat {color:#666;}
.me {color:#003366; background:#E8F2FC;}
.global { color:#5f1d1d; background:#ffecec;}
.private { color:#294229; background:#daf0da;}
.private_reply { background:#8ea68e; color:#fff;}
.seen { color:#3f2d4f; background:#eeeaf2;}
.delete_log, .logs_date {color:#ccc;}

/* user color and special user color */
.system { color:#666 !important;}
.admin{ color:#a50021;}
.sadmin { color:#ff0000; }
.modo  {color:#0066ff; !important;}
.vip {color:#006400;}
.user {color:#141414;}
.guest {color:#585858;}
.loti { font-weight: bold; color:#00ecff; font-family: 'Sofia';}
.mile {color: pink; text-shadow: 1px 1px 2px #0066FF, 0 0 25px #0066FF, 0 0 5px black;}
.ylle  { color: black;text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px black;}
.gupee {color: black;text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;}
.init {
  color: #80479e;
  text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.roni {
  color: purple;
  text-shadow:
    1px  1px 0 #000,  
    1px  1px 0 #000,
     1px 1px 0 #000,
     1px 1px 0 #000;}
.mrekullia {
  color: blue;
  text-shadow:
    1px  1px 0 #fff,  
    1px  1px 0 #fff,
     1px 1px 0 #000,
     1px 1px 0 #fff;}
.hijezim {color: black;text-shadow: 1px 1px 2px black, 0 0 25px pink, 0 0 5px pink;}
.xixa{ color: black;text-shadow: 1px 1px 2px black, 0 0 25px #000000, 0 0 5px #ff00e7;
    color: pink;
    background: url(http://i.imgur.com/Ak4d9pH.gif);
    background-image: url(http://i.imgur.com/Ak4d9pH.gif);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    font-weight: bold;
}
.ezez { font-weight: bold; color:#000000; font-family: 'Sofia';}
.njengjyr { font-weight: bold; color:#c700b5; font-family: 'Sofia';}
.orange { font-weight: bold; color:#ff8b2a; font-family: 'Sofia';}
.purple {color:#AA00FF;} 
.white { color:white !important; }
.pinkz { color:#e91e63 !important; }
.simpo { text-shadow: 0 0 8px #000000; color: #F90505; }
.simpo1 { text-shadow: 0 0 8px #000000; color: #000000; }
.color-1 {color: #8B0000;}
.color-2 {color: #e1bee7;}
.color-3 {color: #800080;}
.ylle  { color: red;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px black;}
.gupee {color: gold;text-shadow: 1px 1px 2px black, 0 0 25px gold, 0 0 5px black;}
.init {
  color: #80479e;
  text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
/* color picker and tools bar */
/* color picker and tools bar */

.bar_options{ border-left:1px solid #087ea9; border-right:1px solid #82c7e0;} /* change the bar element separator */
#picker_box, #list_emoticon { background:#ededed; } /* change the background color of box */
.sel_item { background:#087ea9;} /* change background of element when selected on bar */
.pick_color, .wrap_picker { border-left:1px solid #087ea9; border-bottom:1px solid #e27fee; border-top:1px solid #e27fee; border-right:1px solid #e27fee; } /* change border of element and subelement */
#smile_content { background:#fff;} /* change background of emoticon content */