/* general colors */
a {
     color: #ffffff;
}
body {
     background: #f3f3f3;
     color: #e8e8e8;
}
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);
     
     color: #616161 !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; */
}
/* intro */
#intro_section_user {
     background:#fff;
}
.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;
}
/* button colors */
.theme_btn1 {
     background: #03add8;
     color:#fff;
}
.theme_btn {
     background: #74b20e;
     color:#fff;
}
.default_btn {
     background: #983f3f;
     color:#fff;
}
.csend {
     background-image: radial-gradient(circle, #3f8698, #083b48, #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;
     */
     background-image: linear-gradient(#012832, #1d748b, #012832);
     border-top: 1px solid #125667;
}
.input_item {
     color: #ffffff;
     text-shadow: 0 0 3px #000;
}
/* background colors */
.intro_footer, .top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head {
     background:#012832;
     background-image:linear-gradient(#012832, #1e758c);
     color:#fff;
}

/* modal */
.modal_menu, .tab_menu {
     background:#f3f3f3;
     color:#555;
}
.modal_selected, .tab_selected {
     background:#012832;
     color:#fff;
}
.modal_back {
     background-color:rgba(0,0,0,0.6);
}
/* reg menu */
.reg_menu {
     color:#e4e4e4;
}
.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(#619dad, #014152);
    border-bottom: 1px solid #5f9bab;
}
.elem_in:hover, .aclist:hover, .left_drop_item:hover, .status_option:hover, .page_drop_item:hover {
     background:#002b4a;
     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;

}
.target_private {
     color:#fff;
     background:#333;
}
.hunter_private {
     color:#fff;
     background:#03add8;
}
/* text color & date */
.sub_text, .date {
     color: #e8e8e8;
}
.sub_dark {
     color: #ccc;
}
.input_text, .logs_date, .pdate, .ptdate, .cclear, .cdate {
     color: #b0d0d0;
}
.theme_color {
    color: #61d4f9;
}
.liked, .unliked {
     color:#03add8;
}
.default_color {
     color: #61d4f9;
}
.user_count {
     color:#03add8;
}
.my_notice {
     color:#fff;
     background:#03add8;
     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: #175667;
     color: #e4e4e4;
}
#chat_left_menu {
    border: 1px solid rgba(0, 0, 0, 0.8);
    border-bottom: none;
    background-color: rgb(0, 58, 72);
}
#chat_center {
   background:  #0000;
}
#warp_show_chat {
    background-color: rgba(68, 68, 68, 0.36);
    height: 273px;
    border: 1px solid rgba(0, 0, 0, 0.8);
}
.wrap_right_data{
	border: 1px solid rgba(140, 140, 140, 0);
    border-bottom: none;
    background-color: rgb(0, 58, 72);
}

.background_box{
	background-color: #2b2b2b;
}
.emo_content{
    background-color: #2b2b2b;
}
.chat_panel {
     background: #fff0;
     background-image: linear-gradient(#166578, #1d748b);
}
/* 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;
}
.border_bottom, .panel_bar, .list_element, .user_item, .ulist_item, .box_title {
    border-bottom: 1px solid #5f9bab;
    background-image: linear-gradient(rgba(193, 224, 232, 0.69), rgba(17, 82, 99, 0.47));
}
.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 {
     border-top:1px solid #e1e1e1;
}
.sub_list_item, .background_reply, .sub_list {
     background:#c2cacc;
     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: #00ec76;
}
/* 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:#888;
}
.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;
}
/* custom */
.login_sub_text, .login_title_text, .login_register_text {
     text-shadow:1px 1px 1px #666;
}
 .page_menu_text {
     color: #000000;
}

 .cname {
     color: #d0d0d0;

     /* 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,#main_emoticon,.ico_vip, .my_mood {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 .upload_bag {
     color: #000000;
}
/* 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,#main_emoticon,.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; 
}