/* ------------------UPDATES------------------ */
:root{
    --left-right-panel: #0d0c0c;
    --scrollbarBG: #cfd8dc00;
    --thumbBG: #12141a;
    --default-btn: #1d1f22;
    --theme-btn: #12151a;
    --input-color: #1d1c1c;
}
/* LEFT AND RIGHT PANEL BACKGROUND */
#chat_left_menu, #chat_right_data, .panel_bar{
    background-color: rgb(15, 15, 15) }
#chat_left_menu:hover {
        filter: alpha(opacity=80);
        opacity: .8; }


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



/* MAIN CHAT LOGS */
.log2 {     background: #1f1e1ee5; }
/* SCROLLBARS */
body::-moz-scrollbar {
    width: 11px;
}
body::-moz-scrollbar-track {
    background: var(--scrollbarBG);
}
body::-moz-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
body::-webkit-scrollbar {
    width: 11px;
}
body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) 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: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; }
.modal_top { border-radius: 0.2rem;  }
.background_box { background-color: #181818; }

/* 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:#fdfbfb; }

/* outside menu */
.sub_menu_item, .fmenu_item {
    border-bottom: 1px solid transparent;
    background: var(--default-btn);
    color: #fff;
}
.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, .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-color:#03add8 ; 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:#666;}
@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("images/PlainRepentantCheetah-max-1mb.gif") 1;
}


.shadow_text { text-shadow:1px 1px #000; }
.system_text { background:#222; color:#888; }
.bustate {
    color: #e2e4e6;
    font-family: monospace;
}


#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 rgb(67 73 79 / 60%);
    border-left: 1px solid rgb(108 106 106 / 60%);
    background-image: linear-gradient(#2f2d2d, rgb(0 0 0));
    border-radius: 4px 4px 4px 4px;
}

.user_item:hover {
        filter: alpha(opacity=80);
        opacity: .8; }


/* 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(199, 199, 199); }
.chat_system { color:#666; }

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

.nosex {
    transform: scale(1.05);
    box-shadow: 0 0 8px #626262;
    vertical-align: middle;
    border: 1px 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(--theme-btn);
  background: none;
}
.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;
    border-radius: 0.3rem;
}
@-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;
}