/* ------------------UPDATES------------------ */
:root{
    --left-right-panel: #090b11;
    --scrollbarBG: #cfd8dc00;
    --thumbBG: #0f1a30;
    --default-btn: #0d1c33;
    --theme-btn: #0c2f63;
    --input-color: #09121c;
}
/* LEFT AND RIGHT PANEL BACKGROUND */
#chat_left_menu, #chat_right_data, .panel_bar{
    background-color: var(--left-right-panel);
}
/* 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(15, 25, 38);
    background-color:rgb(15, 25, 38);
    border: 1px solid rgb(15, 25, 38);
    border-top: 0px;
    border-radius: .4em; right: 5px;}
.ch_logs.log2 .my_text:after{ 
    content: '';
    position: absolute; 
    left: 0; 
    top: 20px; 
    width: 0; 
    height: 0; 
    border: 10px dashed transparent; 
    border-right-color: rgb(15, 25, 38); 
    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; 
    box-shadow: 1px -1px 4px -2px rgba(32, 37, 43, 0.7);
    background-color: rgb(9, 19, 29);
    border: 1px solid rgb(9, 19, 29);
    border-top: 0px;
    border-radius: .4em;
    right: 5px;
}
.ch_logs .my_text:after{ 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 20px; 
    width: 0; 
    height: 0; 
    border: 10px dashed transparent; 
    border-right-color: rgb(9, 19, 29); 
    border-left: 0; 
    border-top: 0; 
    margin-top: -11.5px; 
    margin-left: -14px; 
}
/* 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 #000 !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:#007399; 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 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:#666; }

/* background colors */
.top_background, .background_header, .chat_head, .chat_footer, .panel_top, .emo_head, .modal_top { background-image: linear-gradient(#070c18, #154ED552);; 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(31, 41, 94);
    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:#14a5d5; }

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

/* page menu */
#page_content {
    filter: drop-shadow(0 0 10px #0087ff40);
}
.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;}
.my_notice { color:#fff; background:#006699; 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:#222; color:#888; }
.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:var(--left-right-panel); }

/* 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, .user_item, .user_item_custom, .box_title  { border-bottom:1px solid transparent; }
.border_top  { border-top:1px solid #222; }
.full_border { border:1px solid #222; }

.cavatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-left: -2px;
}
 
.user_item_avatar .acav {
    width: 36px;
    height: 36px;
    border-radius: 40%;
    display: block;
    cursor: pointer;
}

/* 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(228, 226, 226); }
.chat_system { color:rgb(129, 0, 0); }

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

.nosex {
    transform: scale(1.05);
    box-shadow: 0 0 9px #949494;
    vertical-align: middle;
    border: 1.5px 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 #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; }