@keyframes rotate-center{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* Disable avatar rotation */
.acav,
.avatar_private,
.avav,
.chat_avatar {
  -webkit-animation: none !important;
  animation: none !important;
}

.orti{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}
@-webkit-keyframes heartbeat{
from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}


@import url("https://fonts.googleapis.com/css?family=Merienda");
@import url("https://fonts.googleapis.com/css?family=Lalezar");
@import url("https://fonts.googleapis.com/css?family=Mada");
@import url('https://fonts.googleapis.com/css2?family=Salsa&display=swap');
* { font-family: 'Salsa', cursive; }
/* ------------------UPDATES------------------ */




:root {
    --left-right-panel: #332b2bd9;
    --scrollbarBG: #080809e9;
    --thumbBG: #05080f;
    --default-btn: #3e3a3d;
    --theme-btn: #554c53;
    --input-color: #09121c;
}


/* LEFT AND RIGHT PANEL BACKGROUND */

#chat_left_menu,
#chat_right_data,
.panel_bar {
    background-color: #282525d5;
    color: rgb(255 255 255);
    margin-top: 3px;
}

.panel_bar {
    margin-top: 3px;
}

#chat_left_menu {
    border-right: 1px solid rgb(52, 45, 45);
}

#chat_right_data,
.panel_bar {
    border-left: 1px solid rgb(52, 45, 45);
}


/* LOGO */

.head_logo img,
.chat_head_logo img {
    -moz-animation: off-on 1s ease-in-out infinite alternate;
    -webkit-animation: off-on 1s ease-in-out infinite alternate;
    animation: off-on 2s ease-in-out infinite alternate;
}

@keyframes off-on {
    from {
        filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.652));
    }
    to {
        filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.604));
    }
}


/* IMAGE RIGHT TO THE LOGO */


/* MAIN CHAT LOGS */

.ch_logs.log2 .my_text {
    display: block;
    padding: 4px;
    overflow: visible;
    width: calc(100% - 25px) !important;
    position: relative;
    float: right;
    /* box-shadow: 1px -1px 4px -2px rgb(251 251 251 / 70%); */
    /* border: 1px solid rgb(152 152 152 / 76%); */
    right: 5px;
}

.ch_logs .my_text {
    display: block;
    padding: 4px;
    overflow: visible;
    width: calc(100% - 25px) !important;
    position: relative;
    float: right;
    /* box-shadow: 1px -1px 4px -2px rgba(32, 37, 43, 0.7); */
    /* border: 1px solid rgb(9, 19, 29); */
    right: 5px;
}


/* SCROLLBARS */

body::-moz-scrollbar {
    width: 5px;
}

body::-moz-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-moz-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 2px solid var(--scrollbarBG);
}

body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 2px solid var(--scrollbarBG);
}

body {
    scrollbar-width: thin;
    scrollbar-color: #5b5d618f var(--scrollbarBG);
}


/* MOBILE MAIN MENU AND MAIN INPUT EXTRA */

#mobile_main_menu,
#main_input_extra {
    margin: 5px;
}

.fmenu,
#main_input_extra {
    border-radius: 0px;
}


/* ------------------UPDATES------------------ */


/* general colors */

a {
    color: orange;
}

body {
background-color: rgb(31, 29, 29);
    color: #fff;
}

button {
    background: transparent;
    color: #fff;
}

input,
textarea,
.post_input_container {
    background: #2f2e34;
    border: 1px solid #534c4c !important;
    color: #e6dfdf;
    font-family: 'Salsa', cursive;
    border-radius: 10px!important
}


/* login box */

.not_member {
    background: #111;
    color: #fff;
}


/* cookie box */

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


/* back mains colors */


/* button colors */

.theme_btn {
    background: var(--theme-btn);
    color: #fff;
    filter: drop-shadow(0 0 10px #0d162b);
}

.default_btn {
    background: var(--default-btn);
    color: #fff;
}

.dark_selected {
    background: var(--default-btn);
    color: #fff;
}

.ok_btn {
    background: #74b20e;
    color: #fff;
}

.warn_btn {
    background: orange;
    color: #fff;
}

.delete_btn {
    background: #cc0000;
    color: #fff;
}

.sub_btn {
    background: #888;
    color: #fff;
}


/* input option background colors */

.input_wrap {
    background: var(--left-right-panel);
}

.input_item {
    color: rgb(238, 235, 235);
}


/* background colors */

.top_background,
.background_header,
.panel_top,
.emo_head,
.modal_top {
    background-image: linear-gradient(#000000, #353136);
    color: #fff;
    border-radius: 0.3em;
}

.chat_head {
    background-image: linear-gradient(#050405, #433f44)!important;
    color: #fff;
    border-bottom: 1px solid rgb(23 22 22);
    -webkit-box-shadow: 0 5px 5px 2px #0f0f0f;
    -moz-box-shadow: 0 5px 5px 2px #0f0f0f;
    box-shadow: 0px 1px 3px 0px rgba(56, 55, 55, 0.76);
}

.chat_footer {
    background-image: linear-gradient(#59565a, #050405)!important;
    color: rgba(255, 255, 255, 0.772);
    border-bottom: 1px solid rgb(23 22 22);
    -webkit-box-shadow: 0px 0px 5px 2px #1f1e1e;
    -moz-box-shadow: 0px 0px 5px 2px #1f1e1e;
    box-shadow: 0px 4px 6px 0px rgba(254, 254, 254, 0.83);
}

.background_box {
    background-color: rgba(0, 0, 0, 0.558);
    color: #fff;
}


/* modal */

.modal_menu,
.tab_menu {
    background: var(--thumbBG);
}

.modal_selected,
.tab_selected {
    background: var(--left-right-panel);
}

.modal_back {
    background-color: rgba(0, 0, 0, 0.6);
}


/*panel selected */

.panel_selected {
    background: #353336;
    border: 1px solid rgb(111, 105, 105);
    border-radius: 10px;
    margin-top: 10px;
}

.panel
/* reg menu */

.reg_menu {
    color: #666;
}

.reg_selected {
    background: var(--thumbBG);
    color: #fff;
}


/* menu icon */

.sub_menu_icon,
.menui,
.menuo,
.menup {
    color: #ffffff;
}


/* outside menu */

.sub_menu_item,
.fmenu_item {
    border-bottom: 1px solid transparent;
    background: #1d1d1d;
    color: #fff;
}

.avitem {
    border-bottom: 1px solid transparent;
    background: var(--left-right-panel);
    color: #fff;
    background-color: black;
}

.avitem:hover {
    background: var(--input-color);
    color: #fff;
}

.sub_menu_item:hover,
.sub_menu_item:hover>.sub_menu_icon,
.fmenu_item:hover {
    background: var(--theme-btn);
    color: #fff;
}


/* inside menu */

.elem_in,
.aclist,
.left_drop_item,
.page_drop_item {
    background: var(--input-color);
    color: #888;
    border-bottom: 1px solid var(--thumbBG);
}

.elem_in:hover,
.aclist:hover,
.left_drop_item:hover,
.page_drop_item:hover {
    background: var(--theme-btn);
    color: #fff;
}

.user_item_avatar .acav {
    width: 36px;
    height: 36px;
    display: block;
    cursor: pointer;
    border-radius: 10px;
}

.user_item_avatar .acav:hover {
    width: 33px;
    height: 33px;
    transition: width 500ms, height 500ms;
}

.cavatar {
    display: block;
    cursor: pointer;
    border-radius: 10px;
}

.cavatar:hover {
    display: block;
    cursor: pointer;
    border-radius: 10px;
    width: 33px;
    height: 33px;
    transition: width 500ms, height 500ms;
}


/* page menu */

#page_content {
    filter: drop-shadow(0 0 10px #0087ff40);
}

.avatar_menu:hover {
    width: 40px;
    height: 40px;
    transition: width 550ms, height 80ms;
}

.emo_content {
    background-color: #000;
    width: 100%;
    height: 180px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px;
}

#main_input_extra {
    background-color: #000;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 3px;
    display: none;
    border-radius: 5px;
    max-width: 240px;
}

.page_menu_wrapper {
    background-color: rgb(36, 36, 36);
}

.page_menu_item {
    border-bottom: 1px solid #000;
}

.page_menu_item:hover {
    background: var(--thumbBG);
    color: #fff;
}

.page_selected {
    color: #03add8 !important;
}


/* text error colors */

.error {
    color: red;
}

.success {
    color: #74b20e;
}

.warn {
    color: orange;
}


/* logs color private and main chat */

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

.hunter_private {
    color: #fff;
    background: #007399;
}


/* text color  & date */

.sub_text,
.date,
.listing_text,
.docu_description {
    color: rgb(238, 234, 234);
}

.sub_dark {
    color: rgb(221, 218, 218);
}

.input_text,
.logs_date,
.pdate,
.ptdate,
.cclear,
.cdate {
    color: rgb(231, 230, 230);
}

.theme_color {
    color: #007399;
}

.liked {
    background: #0f1e30;
    color: #fff;
    border: 1px solid black;
    filter: drop-shadow(0 0 5px #186673);
}

.default_color {
    color: #333;
}

.user_count {
    color: rgb(238, 235, 235);
}

.my_notice {
    color: #fff;
    background: linear-gradient(to top, #312f2f, #1f1d1f) !important;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Salsa', cursive;
    font-size-adjust: 0.14;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 5px;
    border: 1px solid black;
}

.shadow_text {
    text-shadow: 1px 1px #000;
}

.system_text {
    background: #222;
    color: rgb(236, 234, 234);
}

.bustate {
    color: #eef0f0;
}

#current_player p {
    color: #fff;
}


/* notification colors */

.bnotify {
    background: red;
    color: #fff;
}


/* elements */

.element_color,
.player_options,
.page_element,
#private_box,
.chat_side_panel,
#side_menu,
.modal_in {
    background: #1c1b1bf0;
    color: #fff;
}

.chat_panel {
background-color: rgb(52, 45, 45);
background-repeat: no-repeat;
background-size: cover;

}


/* shadow */

.add_shadow,
.page_element,
#private_box,
.page_menu_wrapper,
.chat_side_panel,
#side_menu,
.sub_menu,
.fmenu {
    box-shadow: 0 0 0px 1px #000;
}


/* no view elements */

.noview {
    background: var(--default-btn);
}


/* borders css */

.border_right,
#chat_left {
    border-right: 1px solid rgb(5 3 3);
    box-shadow: 0 0 15px rgb(0 0 0 / 96%);
    clip-path: inset(0px -21px 0px 0px);
}

.border_left,
#chat_right {
    border-left: 1px solid rgb(0, 0, 0);
    box-shadow: 0 0 15px rgb(0 0 0 / 95%);
    clip-path: inset(0px 0px 0px -21px);
}

.border_bottom,
.label_line,
.panel_bar,
.side_bar,
.listing_element,
.listing_half_element,
.post_element,
.list_element,
.listing_reg,
.user_item,
.user_item_custom,
.left_list,
.box_title {
    border-bottom: 5px solid transparent;
}

.user_item {
    background-image: linear-gradient(374deg, transparent 0%, transparent 50%, rgba(159, 159, 159, 0.081) 50%, rgba(159, 159, 159, 0.07) 77%, transparent 77%, transparent 100%), linear-gradient(329deg, transparent 0%, transparent 91%, rgba(159, 159, 159, 0.07) 91%, rgba(159, 159, 159, 0.07) 99%, transparent 99%, transparent 100%), linear-gradient(374deg, transparent 0%, transparent 24%, rgba(159, 159, 159, 0.07) 24%, rgba(159, 159, 159, 0.07) 63%, transparent 63%, transparent 100%), linear-gradient(239deg, transparent 0%, transparent 49%, rgba(159, 159, 159, 0.07) 49%, rgba(159, 159, 159, 0.07) 63%, transparent 63%, transparent 100%), linear-gradient(329deg, rgb(0, 0, 0), rgb(0, 0, 0));
    margin-bottom: 5px;
    margin-left: 1px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-radius: 12px;
    border-left: 1px solid rgb(110, 110, 110);
    border: 0.1em solid rgb(81, 80, 80);
    box-shadow: 0px 0px 2px #5c5c5c;
    margin-top: 7px;
}

.user_item_data,
.user_item_name {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px 8px;
    margin-top: 11px;
}

.user_item:hover {
    box-shadow: inset 0 0 1px 1px #c7c7bcab;
}

.user_item:hover {
    filter: brightness(120%);
}

.border_top {
    border-top: 1px solid #222;
}

.full_border {
    border: 1px solid #222;
}


/* list element */

.sub_list_item,
.sub_item,
.sub_half_item,
.reply_item,
.ulist_item,
.sub_list {
    background: var(--input-color);
    color: #fff;
}

.sub_list_item:hover,
.sub_item:hover,
.sub_half_item:hover,
.ulist_item:hover {
    background: var(--scrollbarBG);
}


/* slider */

.boom_slider .ui-widget-content {
    background: #333;
}

.boom_slider .ui-state-default {
    background: #ccc !important;
}

.boom_slider .ui-state-active {
    background: #ccc !important;
}

.boom_slider .ui-slider-range {
    background: #666;
}


/* select box color */

.selectboxit-list,
.selectboxit-btn {
    background-color: var(--input-color);
    border: 1px solid rgb(0, 0, 0);
    color: #fff;
}


/* background of select box */

.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background-color: var(--default-btn);
    color: #fff;
}


/* 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: var(--input-color);
    color: #fff;
}


/* background selected hover */

.selectboxit-options {
    background: var(--input-color);
    color: #fff;
}


/* background color of the options */

.selectboxit-list .selectboxit-option-anchor {
    color: rgb(255, 255, 255);
}


/* color of sub menu item */


/* user color and special user color */

.offline {
    opacity: 0.4;
}

.user {
    color: #fffcff;
}

.chat_system {
    color: rgb(238, 238, 238);
}


/* list icon colors */

.boy {
    border: 1px solid;
    box-shadow: 0px 0px 7px 1px #2f9eff;
    border-color: #2f9eff;
}

.girl {
    border: 1px solid;
    box-shadow: 0px 0px 7px 1px #ff99ff;
    border-color: #ff99ff;
}

.nosex {
    border-color: #626262;
    border: 1px solid;
    box-shadow: 0px 0px 7px 1px #626262;
}


/* file music and upload */

.file_color,
.file_color a {
    background: var(--default-btn);
    color: #fff;
}

.audio_color {
    background: var(--default-btn);
    color: #fff;
}

.song_title {
    background: var(--thumbBG);
    color: #fff;
}

.audio_progress {
    background: #fff;
}

.audio_ball {
    background: #4567aa;
}


/* warning box */

.boom_warning {
    color: #fff2cc;
    background: #664d00;
    border: 1px solid #997300;
}

.boom_error {
    background: #800000;
    color: #ffcccc;
    ;
    border: 1px solid #b30000;
}

.boom_success {
    color: #c6ecc6;
    background: #206020;
    border: 1px solid #2d862d;
}

.boom_neutral {
    color: #ccf2ff;
    background: #007399;
    border: 1px solid #0099cc;
}


/* admin box */

.sp_box {
    border: 2px solid #0d1a32;
    color: #fff;
    border-radius: 10px;
}

.sp_icon {
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding: 5px 0;
    display: table-row-group;
}

.sp_content {
    margin: 10px;
}

.sp_info {
    padding: 0 10px;
    text-align: center;
}


/* special log */

.topic_log {
    color: #fff;
    box-shadow: inset 0 0 10px var(--theme-btn);
    background: none;
}

.seen {
    background: #1a000c;
    color: #ffe6f2;
}


/* custom */

.background_header {
    border-bottom: 1px solid #262626;
}

.modal_in {
    border: 1px solid #222;
    border-radius: 0.3em;
}


/* effect */


/* 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 {
    font-weight: 550;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

.bnotify,#notify_private {
    border-radius: 30%;
    animation: shadow-pulse 1s infinite;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff0101
    }

    100% {
        box-shadow: 0 0 0 10px #30a7e400
    }
}

.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); */
    }
}


@-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 {
    margin-top: 3px;
    margin-left: 2px;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.my_text .username {
    font-size: 12px;
    margin-top: 3px;
}

@-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;
    @-webkit-keyframes heartbeat { 
  0% { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out; }
  10% { transform: scale(0.91); animation-timing-function: ease-in; }
  17% { transform: scale(0.98); animation-timing-function: ease-out; }
  33% { transform: scale(0.87); animation-timing-function: ease-in; }
  45% { transform: scale(1); animation-timing-function: ease-out; }
}
@keyframes heartbeat { 
  0% { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out; }
  10% { transform: scale(0.91); animation-timing-function: ease-in; }
  17% { transform: scale(0.98); animation-timing-function: ease-out; }
  33% { transform: scale(0.87); animation-timing-function: ease-in; }
  45% { transform: scale(1); animation-timing-function: ease-out; }
}
.tick { padding-left: 5px; color: rgb(49, 136, 21); display: inline-block; }
.double { margin-left: -7px; color: rgb(90, 129, 255); }
.user-179 .bustate { text-transform: uppercase; font-size: 10px; background: linear-gradient(to right, rgb(106, 80, 6) 10%, rgb(0,0,0) 50%, rgb(5, 52, 76) 60%) 0% 0% / 200% text; color: rgb(0,0,0); -webkit-text-fill-color: transparent; animation: 4s linear 0s infinite normal none running textclip; display: inline-block; font-weight: 700; }
@keyframes textclip { 
  100% { background-position: 200% center; }
}

}

.ch_logs.log2 .my_text {
    display: block;
    padding: 4px;
    overflow: visible;
    calc(100%-25px)!important;position: relative;
    float: right;
    background: #181818;
    border-radius: .4em;
    right: 5px
}

.ch_logs.log2 .my_text:after {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #181818;
    border-left: 0;
    border-top: 0;
    margin-top: -11.5px;
    margin-left: -14px
}

.ch_logs .my_text {
    display: block;
    padding: 4px;
    overflow: visible;
    width: calc(100% - 25px)!important;
    position: relative;
    float: right;
    background: #2b2b2b;
    border-radius: .4em;
    right: 5px
}

.ch_logs .my_text:after {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #2b2b2b;
    border-left: 0;
    border-top: 0;
    margin-top: -11.5px;
    margin-left: -14px
}