#global_chat {
    background: url(//)100% 100% no-repeat;
    background-size: 100% 100%;
}

/* general colors */
a {
     color:orange;
}
body {
     background: #7b7b7b;
     color: #ffffff;
}
button {
     background:transparent;
     color:#fff;
}

/*input, textarea, .post_input_container {
     /* background: #f2f2f2cf; 
     border: 1px solid #e6e6e6 !important;
     color:#666;
     box-sizing: border-box;
     border: 1px solid rgba(0, 0, 0, 0.4);
     border-radius: 4px!important;
     color: #1f1f1f !important;
     background: rgba(226, 226, 226, 0.86);
     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.5) inset;
     /* text-shadow: 0 0 6px #000; 
}
*/
/* login box */
.not_member { background:#ededed; color:#666; }

/* cookie box */
.cookie_wrap { background:#ddd; color:#666; }
}

.not_member {
     background:#ededed;
     color:#666;
}
/* back mains colors */
.back_theme {
     background:#03add8;
     color:#fff;
}
.back_dark {
     background:#012832;
     color:#fff;
}
.back_med {
     background:#ededed;
     color:#666;
}
.back_lite {
     background:#f3f3f3;
     color:#666;
}
.back_xlite { background:#fff; color:#666; }


/* button colors */
.theme_btn {
     background: #8000e1;
     color:#fff;
}
.default_btn {
     background: #6700b5;
     color:#fff;
}
.sub_btn { background:#888; color:#fff; }


.csend {
     background-image: radial-gradient(circle, #8000e1, #6700b5, #000000);
}
.dark_selected {
     background:#03add8;
     color:#fff;
}
.ok_btn {
     background:#74b20e;
     color:#fff;
}
.warn_btn {
     background:orange;
     color:#fff;
}
.delete_btn {
     background:#cc0000;
     color:#fff;
}
/* input option background colors */
.input_wrap {
    /* background: #f2f2f2;
     */
     border-bottom: 1px solid #000000;
    background-image: linear-gradient(rgb(122, 0, 214), rgb(17, 0, 30));
}
.input_item {
     color: #ffffff;
     text-shadow: 0 0 3px #000;
}
/* background colors */
.top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top {
     background: #000000;
    background-image: linear-gradient(#000000, #9100ff);
     color:#fff;
     padding-right: 3px;
}
/*
.background_box {
    background-color: #f3f8f9;
    /*background: url('../default_images/background.gif') no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #1f1f1f;
}
*/
/* modal */
.modal_menu, .tab_menu {
     background:#f3f3f3;
     color:#555;
}
.modal_selected, .tab_selected {
     background:#5f00a8;
     color:#fff;
}
.modal_back {
     background-color:rgba(0,0,0,0.6);
}

/*panel selected */
.panel_selected { background: rgba(255, 255, 255, 0.27); }



/* reg menu */
.reg_menu {
     color:#666;
}
.reg_selected {
     background:#012832;
     color:#fff;
}
/* menu icon */
.page_menu_icon, .sub_menu_icon, .menui {
     color: #4bcaf3;
}
/* outside menu */
.sub_menu_item, .avitem {
     border-bottom:1px solid #ededed;
     background:#fff;
     color:#666;
}
.sub_menu_item:hover, .sub_menu_item:hover > .sub_menu_icon, .avitem:hover {
     background:#ededed;
     color:#666;
}
/* inside menu */
.elem_in, .aclist, .left_drop_item, .status_option, .page_drop_item {
    background: #ffffff;
    background-image: linear-gradient(#7600d0, #08000e);
    border-bottom: 1px solid #15002;
}
.elem_in:hover, .aclist:hover, .left_drop_item:hover, .status_option:hover, .page_drop_item:hover {
     background: #34005c;
    color: #fff;
}
/* page menu */
.page_menu_wrapper {
     background:#fff;
}
.page_menu_item {
     border-bottom:1px solid #ededed;
}
.page_menu_item:hover, .page_menu_item:hover > .page_menu_icon {
     background:#ededed;
     color:#666;
}
.page_selected {
    color: #3c3c3c !important;
}
/* text error colors */
.error {
     color:red;
}
.success {
     color:#74b20e;
}
.warn {
     color:orange;
}
/* logs color private and main chat
.log2 {
     background:rgba(206, 206, 206, 0.35);
}
*/
.target_private {
     color:#fff;
     background:#333;
}
.hunter_private {
     color:#fff;
     background:#03add8;
}
/* text color & date */
.sub_text, .docu_description, .date {
     /*color: #ffffff;*/
}
.listing_text {
     color: #ffffff;
}


.sub_dark {
     color: #ccc;
}
.input_text, .logs_date, .pdate, .ptdate, .cclear, .cdate {
     color: #ffffff;
}
.theme_color {
    color: #61d4f9;
}
.liked, .unliked {
     color:#03add8;
}
.default_color {
     color: #61d4f9;
}
.user_count { 
color:white;
font-size: 14px;
font-weight: bold;
border-radius: 5px; 
padding:5px;
margin:5px;
width:96%;
margin-left:2%;
text-align:center;
background: linear-gradient(to right, #8000e1 , #47007d);
}
	 

.user_count2  { color:white;

font-size: 14px;
font-weight: bold;
border-radius: 5px; 
padding:5px;
margin:5px;
width:96%;
margin-left:2%;
text-align:center;
background: linear-gradient(to right, #1e758c , #7889a0); }
.my_notice {
     color:#fff;
     background:#3b0067;
     padding:3px 10px;
     display:inline-block;
     line-height:1em;
     margin-top:2px;
     border-radius:20px;
     font-weight:normal;
}
.shadow_text {
     text-shadow:1px 1px #000;
}
.system_text {
     background:#ededed;
     color:#666;
     border:1px solid #ccc;
}
.bustate {
    color: #dcdcdc;
}
/* notification colors */
.bnotify {
     background:red;
     color:#fff;
}
/* elements */
 .element_color, .player_options, .page_element, #private_box, .chat_side_panel, #side_menu, .room_content, .modal_in {
     background: rgb(45, 45, 45);
     color: white;
}
.background_chat {
     background: rgba(68, 68, 68, 0.36);
}
.emo_content{
    background: rgb(58, 58, 58);
}
.chat_panel {
     background-color: #000000d6;
    
    
     
}
/* shadow */
.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, .room_content, #side_menu, .sub_menu {
     box-shadow: 0 0 2px 1px #0a4150;
}
/* no view elements */
.noview {
    background: #52884d;
    background-image: linear-gradient(#0c4656, #1d738a);
    border-bottom:1px solid #fff;
}
/* borders css */
.border_right, #chat_left {
     border-right: 1px solid #5f9bab;
     text-shadow: 0 0 6px #000;
}
.border_left, #chat_right {
     border-left: 1px solid #5f9bab;
     text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
}
.border_bottom, .panel_bar, .post_element, .list_element, .user_item, .ulist_item, .box_title,.left_list, .user_item_custom {
    border-bottom: 1px solid #000000;
    background-image: linear-gradient(rgb(122, 0, 214), rgb(17, 0, 30));
}
.listing_element {
    border-bottom:1px solid #bbbbbb;
}
.border_top{
     border-top:1px solid #ededed;
}
.full_border {
     border:1px solid #ededed;
}
/* list element */
.background_reply, .sub_list_item, .sub_half_item, .reply_item, .ulist_item, .sub_list {
     border-top:1px solid #e1e1e1;
}
.sub_list_item, .background_reply, .sub_list {
     background:#f3f3f3;
     color:#666;
}
.sub_list_item:hover {
     background:#ededed;
}
/* slider */
.boom_slider .ui-widget-content {
     background: #ededed;
}
.boom_slider .ui-state-default {
     background: #999 !important;
}
.boom_slider .ui-state-active {
     background: #999 !important;
}
.boom_slider .ui-slider-range {
     background:#ccc;
}
/* select box color */
.selectboxit-list, .selectboxit-btn {
     background-color: #f3f3f3;
     color:#666;
     border:1px solid #e6e6e6 !important;
}
/* background of select box */
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
     background-color: #ededed;
     color:#666;
}
/* color of sub menu hover */
.selectboxit-default-arrow {
     border-top: 4px solid #666;
}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {
     background:#fff;
     color:#666;
}
/* background selected hover */
.selectboxit-options {
     background:#fff;
     border:1px solid #ccc;
}
/* background color of the options */
.selectboxit-list .selectboxit-option-anchor {
     color:#666;
}
/* color of sub menu item */
/* user color and special user color */
.offline {
     opacity:0.5;
}
/*
.user {
    color: #1f1f1f;
}*/
.chat_system {
     color: #ffffff;
}
/* status color */
.away {
     color:#333;
}
.absent {
     color:#ffd11a;
}
.gone {
     color:red;
}
.online {
     color: #00ca00;
}
.invisible {
     color:#03add8;
}
/* list icon colors */
.ico_owner {
     color:#ffcc00;
}
.ico_sadmin {
     color:#ffcc00;
}
.ico_admin {
     color:#ccc;
}
.ico_mod {
     color:#777;
}
.ico_vip {
     color:#ccc;
}
.ico_bot {
     color:#1eb503;
}
.ico_radmin {
     color:#cc0033;
}
.ico_rmod {
     color:#03add8;
}
  
.ico_guest {
     color:#666;
}
.is_muted {
     color:red;
}
.is_room_muted {
     color:orange;
}
.boy {
     border-color:#03add8;
}
.girl {
     border-color:#ff99ff;
}
.nosex {
     border-color:#ccc;
}
.r_lock {
     color:orange;
}


.file_color, .file_color a {
     background:#03add8;
     color:#fff;
}
.audio_color {
     background:#012832;
     color:#fff;
}
.song_title {
     background:#03647d;
     color:#fff;
}
.audio_progress {
     background:#fff;
}
.audio_ball {
     background:#03add8;
}
/* warning box */
.boom_warning {
     color:#8a6d3b;
     background:#fcf8e3;
     border:1px solid #faebcc;
}
.boom_error {
     background:#f2dede;
     color:#a94442;
     ;
     border:1px solid #ebccd1;
}
.boom_success {
     color:#3c763d;
     background:#dff0d8;
     border:1px solid #d6e9c6;
}
.boom_neutral {
     color:#31708f;
     background:#d9edf7;
     border:1px solid #bce8f1;
}
/* admin box */
.sp_box {
     background:#012832;
     color:#fff;
}
.sp_icon { background:#03add8; color:#fff; }

/* special log */
.topic_log { background:#d9f2e6; color:#0d261a; }
.seen { color:#330019; }


/* custom */
.login_sub_text, .login_title_text, .login_register_text {
     text-shadow:1px 1px 1px #666;
}
 .page_menu_text {
     color: #000000;
}

 .cname {
     color: #ffffff;
     /* text-shadow: 1px 1px 1px #000; */
}

.flipInX, .chat_message  {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.animated, #notify_private, .chat_message,.ch_logs.bcolor1 .small_modal_in, .large_modal_in,#private_box,.ico_vip, .my_mood {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* START CUSTOM CSS */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated, #notify_private, .chat_message,.ch_logs.bcolor1 .small_modal_in, .large_modal_in,#private_box,.ico_vip, .my_mood {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#notify_private {
  -webkit-animation-iteration-count: 20;
  animation-iteration-count: 20;
}


.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    /*! -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); */
    /*! animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); */
    /*! -webkit-transform: translate3d(0, 0, 0); */
    /*! transform: translate3d(0, 0, 0); */
  }

  40%,
  43% {
    /*! -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! -webkit-transform: translate3d(0, -30px, 0); */
    /*! transform: translate3d(0, -30px, 0); */
  }

  70% {
    /*! -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! -webkit-transform: translate3d(0, -15px, 0); */
    /*! transform: translate3d(0, -15px, 0); */
  }

  90% {
    /*! -webkit-transform: translate3d(0, -4px, 0); */
    /*! transform: translate3d(0, -4px, 0); */
  }
}

.bounce, #notify_private{
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp, .my_mood{
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig,#main_emoticon {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight,#private_box, .small_modal_in, .large_modal_in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes flipInX {
  from {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
    /*! opacity: 0; */
  }

  40% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
  }

  60% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! opacity: 1; */
  }

  80% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
  }

  to {
    /*! -webkit-transform: perspective(400px); */
    /*! transform: perspective(400px); */
  }
}

@keyframes flipInX {
  from {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
    /*! opacity: 0; */
  }

  40% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
  }

  60% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! opacity: 1; */
  }

  80% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
  }

  to {
    /*! -webkit-transform: perspective(400px); */
    /*! transform: perspective(400px); */
  }
}

.flipInX, .chat_message  {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}


@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn,.ico_vip {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp, .chat_message.bcolor1 {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.player_elem, .chat_footer_item, .chat_head{
  text-shadow: 0 0 6px #000;
}

.chat_head{
  border-bottom: 1px solid rgb(4, 48, 59);
}

#mobile_main_menu{
 text-shadow: 0 0 1px #ececec; 
}

.adv{
  background:#c6e2d5;
}
.drop_list {
  display: none;
  cursor: pointer;
  position: absolute;
  margin-left:10px;
  z-index: 99999;
  border: 1px solid #00232c;
  /*border-radius: 6px;*/
  width:200px;
}
#friend_post, #news_data {
    height: 60px;
    border: none;
    overflow: hidden;
    background: none !important;
    border: none !important;
	color: white;
}