:root{
    --left-right-panel: #0d0c0c;
    --scrollbarBG: #cfd8dc00;
    --thumbBG: #12141a;
    --default-btn: #1d1f22;
    --theme-btn: #12151a;
    --input-color: #1d1c1c;
	--onput-color: #cccccc;
}
/* LEFT AND RIGHT PANEL BACKGROUND */
#chat_left_menu, #chat_right_data, .back_menu, .side_smenu_content, .panel_bar {
    background-image: repeating-linear-gradient(45deg, rgba(65, 65, 65, 0.1) 0px, rgba(65, 65, 65, 0.1) 2px, transparent 2px, transparent 4px), linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}

/* 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));
    }
}/* scrollbar */::-webkit-scrollbar {  width: 10px;}::-webkit-scrollbar-track {  background: #333;}::-webkit-scrollbar-thumb {  background: #262626;}
/* MAIN CHAT LOGS */
/* main item selected for panel and box */
.bselected { background:rgb(255,255,255,0.08); }

/* reg menu selected item */
.rselected { background:rgb(255,255,255,0.08); }

/* page selected */
.pselected { color:#6890ee; }

/* current item selected */
.cselected, .liked { background:rgb(255,255,255,0.05); }

/* paginate item selected */
.pag_btn{background:rgba(0,0,0,.15);color:#c1c1c1}
.pagselected,.pag_btn:hover{background:rgb(0,0,0,.20)}

/* count and gold tag */
.gtag{background:#5774b7;border:1px solid rgb(255,255,255,.08)}

/* border color for separator and items border */
.bborder { border-bottom:1px solid rgb(68,79,104,0.639); }
.tborder { border-top:1px solid rgb(68,79,104,0.639); }
.lborder, .ppanel { border-left:1px solid rgb(68,79,104,0.639); }
.rborder { border-right:1px solid rgb(68,79,104,0.639); }
.fborder { border:1px solid rgb(68,79,104,0.639); }

/* float top color */
.float_menu, .float_top,.float_ctop { border-bottom:1px solid rgb(68,79,104,0.639); }

/* headers colors and top box colors */
.bhead{background:linear-gradient(to top,#21252f,#2b3140);color:#fff}
.modal_top,.pro_top{ background-image: linear-gradient(#1f1f1f, #04050852); color:#fff; }
.bfoot{background:linear-gradient(to bottom,#21252f,#2b3140);color:#fff}
.foot{box-shadow: inset 0 0 10px var(--theme-btn); background: none ;color:#fff}

/* background major element panel, page menu, float menu, modal, chat boxes */
.backglob{background:#181a21}
#intro_top,.back_chat{background:#181a21 url('./images/background.png');background-repeat:no-repeat;background-position:center;background-size:cover}
.back_priv,.back_panel,.back_modal,.page_element{background:#2b2f3c}

.back_pmenu{background:#2b2f3c;color:#fff}
.back_box{background:#31384a}
.back_input{background:#2b2f3c;border-top:1px solid rgb(68,79,104,.639)}
.back_quote{background:#181a21;border:1px solid rgb(68,79,104,.639)}

/* main theme color */
.theme_color{color:#5774b7}
.default_color { color:#546079; }
.error  { color:#c83d3d; }
.success { color:#328426; }
.warn { color:#e39e20; }

/* button colors */
.theme_btn,.back_theme{background:#5774b7;color:#fff}
.default_btn,.defaultd_btn,.back_default { background:#546079; color:#fff; }
.ok_btn { background:#328426; color:#fff; }
.warn_btn { background:#e39e20; color:#fff; }
.delete_btn { background:#c83d3d; color:#fff; }
.send_btn { color:#fff; }

/* default username color */
.user { color:#fff; }

/* chat system messsage text color */
.chat_system { color:#c1c1c1; }

/* opacity for offline users in list */
.offline { opacity:0.5; }

/* menu icon */
.menui,.subi { color:#6890ee; }

/* wall reply background */
.reply_item { background:#252832; }

/* main post item option wall and news */
.main_post_item { color:#999; }

/* input option background colors */
.input_item { color:#999; }

/* private log bubble colors */
.target_private, .hunt_quote {color:#fff; background:#546079;}
.hunter_private, .targ_quote {color:#fff; background:#5774b7;}

/* quote in chat background */
.cquote {  background:rgb(255,255,255,0.05) !important; }
.cqname { color:#fff; }
.cqmess { color:#c1c1c1; }

/* tab menu */
.tab_menu { background:#252832; box-shadow:0 1px 3px rgb(0,0,0,0.2); }
.tab_menu_item { }
.tab_selected { background:rgb(255,255,255,0.08); }

/* modal menu */
.modal_mback { background:rgb(0,0,0,0.12); }
.modal_mborder { border-bottom: 1px solid rgb(68,79,104,0.639); }
.modal_selected { background:rgb(255,255,255,0.08); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(0,0,0,0.4); }

/* chat logs */
.ch_logs{background:rgb(0,0,0,.020)}
.ch_logs:not(:last-child){border-bottom:1px solid rgb(255,255,255,0.04)}
.log2 { background: rgb(255,255,255,0.020); }
.sys_log { }

.tptitle{font-weight:700}
.tptext{font-weight:300}
/* upload progress */
.bprogress { background:#74b20e; color:#fff; }

/* notification colors */
.bnotify { background:#c83d3d; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* date colors */
.sub_date { color:#bbb; }
.sub_chat, .sub_priv { color:#ccc; }

/* secondary text color */
.sub_text,.list_mood{color:#c1c1c1}
.list_mood{font-weight:300}

/* profile likes */
.plikes { background-color:rgba(100,100,100,0.3); color:#fff; }

/* spinner color */
.bspin { color:rgb(255,255,255,0.3); }

/* special chat item */
.my_notice { color:#fff; background:#6890ee; }
.system_text { background:#ededed; color:#666; }

/* outside pages background */
.back_page { background:#222; color:#fff; }

/* video background color */
.post_video { background:rgb(0,0,0,1); }

/* slider */
.boom_slider .ui-widget-content { background: #ededed; }
.boom_slider .ui-state-default { background: #5774b7 !important; }
.boom_slider .ui-state-active { background: #6890ee !important; }
.boom_slider .ui-slider-range { background:#5774b7; }

/* select input color */
.selectboxit-list, .selectboxit-btn { background-color: #252832; color:#c1c1c1;  border:1px solid rgb(68,79,104,0.639) !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #2b2f3c; color:#fff; }
.selectboxit-default-arrow { border-top: 4px solid #5774b7; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#2b2f3c; color:#fff; }
.selectboxit-options { background:#252832; }
.selectboxit-list .selectboxit-option-anchor { color:#c1c1c1; }

/* 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:var(--left-right-panel); color:#fff;}
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { 
    background: var(--input-color);
    border: 1px solid #313131 !important;
    color: #fff;
}

/* login box */
.not_member { background:#111; color:#fff; }

/* cookie box */
.cookie_wrap { background:#333; color:#fff; }

/* back mains colors */
.back_theme { background:#1b2529; color:#fff; }
.back_dark { background:#111; color:#fff; }
.back_med { background:#ededed; color:#666; }
.back_lite { background:#f3f3f3; color:#666; }
.back_xlite { background:#000; color:#fff; }

/* button colors */
.theme_btn { background: var(--theme-btn); color: #fff; filter: drop-shadow(0 0 6px #616060);}
.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:#666; }

/* background colors */
.top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top { background-image: linear-gradient(#1f1f1f, #04050852);; color:#fff; }
.background_box { background:var(--left-right-panel); 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: var(--default-btn);
    border: 1px solid rgb(73, 73, 73);
    border-radius: 10px;
}

/* reg menu */
.reg_menu { color:#666; }
.reg_selected {
    background: var(--thumbBG);
    color: #fff;
}

/* menu icon */
.sub_menu_icon, .menui, .menuo, .menup { color:#757575; }

/* outside menu */
.sub_menu_item, .fmenu_item {
    padding: 10px 0; /* Adjust the padding as needed */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Adjust the color and opacity of the separator line */
    background: var(--default-btn);
    color: #fff;
    margin-bottom: 5px; /* Add margin between each menu item */
}

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

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

.avitem:hover { background:var(--input-color); color:#fff; }
.sub_menu_item:hover, .sub_menu_item:hover > .sub_menu_icon, .float_menu_item:hover, .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; }

/* page menu */
#page_content {
    filter: drop-shadow(0 0 2px #5c5c5c7a);
}
.page_menu_wrapper {
    background: var(--left-right-panel);
}
.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:#888; }
.sub_dark { color:#aaa; }
.input_text, .logs_date, .pdate, .ptdate, .cclear, .cdate { color:#ccc; }
.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: white;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
  border-color: #313131;
    padding: 5px;
    margin: 5px;
    width: 96%;
    margin-left: 2%;
    text-align: center;
    background-size: auto;
    background: linear-gradient(-45deg, #0f0f0f, #4b494a, #252525, #050a09);
	height: auto;
    animation: gradient 5s ease infinite;
}

@keyframes user_count {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.my_notice {
    color: #fff;
    background-image: linear-gradient(#1a1c20, #05060852);
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
    font-size-adjust: 0.58;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 5px;
  border:1px solid black;
  border-image: url("https://t4.ftcdn.net/jpg/04/61/47/03/360_F4614703236TMQSkCCs9XQoTtyer8VCsFypxwRiDGU.jpg") 1;
}


.shadow_text { text-shadow:1px 1px #000; }
.system_text { background:#222; color:rgb(206, 206, 206); }
.bustate { color:#0d68aa; }
#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:var(--left-right-panel); color:#fff; }
.background_chat { background:var(--left-right-panel); }
.chat_panel { background-image: repeating-linear-gradient(45deg, rgba(65,65,65, 0.23) 0px, rgba(65,65,65, 0.23) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0)); }

/* 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(0, 0, 0); }
.border_left, #chat_right { border-left:1px solid rgb(0, 0, 0); }
.border_bottom, .label_line, .panel_bar, .side_bar, .listing_element, .listing_half_element, .post_element, .list_element, .listing_reg, .left_list, .box_title  { border-bottom:1px solid transparent; }
.border_top  { border-top:1px solid #222; }
.full_border { border:1px solid #222; }

.user_item  {

    margin: 5px 4px;
    border-color: rgba(49, 56, 63, 0.596);
    border: 1px inset rgba(33, 37, 41, 0.596);
    border-left: 1px solid rgba(49, 49, 49, 0.596);
    background-image: linear-gradient(#000000, rgb(23, 22, 29));
    border-radius: 4px 4px 4px 4px;

}


/* 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:rgb(206, 206, 206); }
.chat_system { color:rgb(197, 197, 197); }

/* list icon colors */
.boy {
    transform: scale(1.05);
    box-shadow: 0 0 9px #2f9eff;
    vertical-align: middle;
    border: 2px solid #2f9eff;
}
.girl {
    transform: scale(1.05);
    box-shadow: 0 0 9px #f750f7;
    vertical-align: middle;
    border: 2px solid #ff99ff;
}

.nosex {
    transform: scale(1.05);
    box-shadow: 0 0 9px #626262;
    vertical-align: middle;
    border: 2px solid #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 #303030;
    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(--onput-color);
  border: 0px solid var(--onput-color);
  border-radius: 10px;
  background-image: repeating-linear-gradient(45deg, rgba(65, 65, 65, 0.1) 0px, rgba(65, 65, 65, 0.1) 2px, transparent 2px, transparent 4px), linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));

  /* Font styles */
  font-family: Arial, sans-serif; /* Change to your desired font */
  font-size: 16px; /* Change to your desired font size */
  font-weight: bold; /* Change to your desired font weight */
  /* Add any other font properties as needed */
}

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

/* custom */
.background_header { border-bottom:1px solid #262626;  }
.modal_in { border:1px solid #222; }

/* 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: 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 {
    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;
    color:#f1f1f1;
}

@-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;
}
/* custom */



/* animations */
.bback, .bbackb, .bhover, .bbackhover, .bbackhoverb, .blisting, .blist, .back_ptop,
.bpmenu:hover, .bsub, .bsub:hover, .bmenu, .submenu, .bmenu:hover, .submenu:hover,
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed, .bselected, .rselected,
.pselected, .cselected, .liked, .pag_btn, .pagselected, .pag_btn:hover, .gtag, .bborder,
.tborder, .lborder, .ppanel, .rborder, .fborder, .float_top, .float_ctop, .bhead,
.modal_top, .pro_top, .bfoot, .foot, .backglob, .back_chat::before, .back_chat, .back_panel, .back_menu, .back_pmenu, .back_box, .back_input,
.back_modal, .page_element, .back_quote, .theme_color, .default_color,
.error, .success, .warn, .theme_btn, .back_theme, .default_btn, .back_default,
.defaultd_btn, .ok_btn, .warn_btn, .delete_btn, .send_btn, .user, .chat_system,
.offline, .menui, .subi, .reply_item, .main_post_item, .input_item, .target_private,
.hunt_quote, .hunter_private, .targ_quote, .cquote, .cqname, .cqmess, .tab_menu,
.tab_selected, .modal_mback, .modal_mborder, .modal_selected, .modal_back,
.log2, .topic_log, .sys_log, .bprogress, .bnotify, .foot_notify, .head_notify,
.sub_date, .sub_chat, .sub_priv, .sub_text, .list_mood, .plikes, .bspin,
.my_notice, .system_text, .back_page, .post_video, .boom_slider .ui-widget-content,
.boom_slider .ui-state-default, .boom_slider .ui-state-active, .boom_slider .ui-slider-range,
.selectboxit-list, .selectboxit-btn, .selectboxit-list .selectboxit-focus .selectboxit-option-anchor,
.selectboxit-default-arrow, .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active, .selectboxit-options, .selectboxit-list .selectboxit-option-anchor,
.modal_in {
  transition: all 0.3s ease-in-out;
}
}