/* general colors Light*/
a {
    color: orange;
}
body {
    background: #f9f9f9;
    color: #333;
}
button {
    background: transparent;
    color: #fff;
}
input,
textarea,
.post_input_container {
    background: #f6f6f6;
    border: 1px solid #e6e6e6 !important;
    color: #666;
    font-family: "Poppins", sans-serif;
}
.full_input,
.full_textarea {
    border-radius: 4px;
    padding: 8px 8px;
}
#mobile_main_menu {
    top: 108%;
    overflow: hidden;
    border-radius: 4px;
}
/* intro */
.opacity_box {
    color: #fff;
}
#intro_section_user {
    background: #fff;
}

/* back mains colors */
.back_theme {
    background: #4b92ff;
    color: #fff;
}
.back_lite {
    background: #ededed;
    color: #666;
}
.back_med {
    background: #ddd;
    color: #666;
}
.back_dark {
    background: #00b0ff;
    color: #fff;
}
@keyframes preloadAnimation {
    0% {
        background-position: -569px;
    }
    100% {
        background-position: 569px;
    }
}
.store_product_load {
    border: 1px solid rgb(255 255 255 / 0.06);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: preloadAnimation;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #fff 8%, #6a666600 18%, #fff 33%);
    display: flex;
    height: 210px;
}

/* button colors */
.theme_btn {
    background: #00b0ff;
    color: #fff;
}
.default_btn {
    background: #00b0ff;
    color: #fff;
}
.join_btn {
    background: #00b0ff;
    color: #fff;
}
.dark_selected {
    background: #00b0ff;
    color: #fff;
}
.ok_btn {
    background: #1bb816;
    color: #fff;
}
.lite_btn {
    background: #999;
    color: #fff;
}
.warn_btn {
    background: orange;
    color: #fff;
}
.delete_btn {
    background: #f63d3d;
    color: #fff;
}
.not_member {
    background: #22222230;
    color: #222;
    text-align: center;
}
.ok_out_btn {
    border: 1px solid #1bb816;
    color: #07b20e;
}
.default_out_btn {
    border: 1px solid #00b0ff;
    color: #00b0ff;
}
.theme_out_btn {
    border: 1px solid #00b0ff;
    color: #00b0ff;
}

/* input option background colors */
.input_item {
    color: #999;
}
.sub_list_item,
.sub_item,
.sub_half_item,
.reply_item,
.ulist_item,
.sub_list {
    background: #f3f3f3;
    color: #666;
    border-radius: 4px;
}
/* list element */
.sub_list_item,
.sub_item,
.sub_half_item,
.reply_item,
.ulist_item,
.sub_list {
    background: #f3f3f3;
    color: #666;
}
.sub_list_item:hover,
.sub_item:hover,
.sub_half_item:hover,
.ulist_item:hover {
    background: #ededed;
}

/* background colors */
.background_header,
.chat_head,
.chat_footer,
.top_background,
.panel_top,
.emo_head {
    background: #222;
    color: #fff;
}
.modal_top {
    background: #222;
    color: #fff;
}
.background_box {
    background: #fff;
    color: #666;
}

/* modal */
.modal_menu {
    background: #e0e0e0;
    color: #555;
}
.modal_selected {
    background: #03add8;
    color: #fff;
}
.modal_back {
    background-color: rgba(0, 0, 0, 0.6);
}

/* tab menu */
.tab_menu {
    background: #fbfbfb;
    border-radius: 0 5px 0 5px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
.tab_selected {
    background: #ededed;
}
.reg_selected {
    background: #ededed;
}

/* menu icon */
.menu_icon,
.menui {
    color: #03a9f4;
}

/* outside menu */
.sub_menu {
    background: #fff;
    color: #666;
}
.sub_menu_item {
    border-bottom: 1px solid #ededed;
}
.sub_menu_item:hover {
    background: #ededed;
    color: #666;
}

/* inside menu */
.sub_menu_in {
    background: #f6f6f6;
}
.elem_in {
    border-top: 1px solid #e9e9e9;
}
.elem_in:hover {
    background: #eee;
}

/* page menu */
#page_in_menu > .pmenu,
.side_menu_content > .pmenu {
    border-bottom: 1px solid #eef2f6;
    color: #3f4b57;
}
#page_in_menu > .pmenu:hover,
.side_menu_content > .pmenu:hover,
#page_in_menu > .pmenu:hover > .pagemenui,
.side_menu_content > .pmenu:hover > .pagemenui {
    background: #f3f8fd;
    color: #1f2d3d;
}
#page_in_menu > .pmenu.back_dark,
.side_menu_content > .pmenu.back_dark {
    background: #e8f4ff;
    color: #0089d1;
}
#page_in_menu > .pmenu.back_dark .menu_icon,
.side_menu_content > .pmenu.back_dark .menu_icon {
    color: #0089d1;
}

/* page sub menu */
.psubmenu {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
}
.psubmenu:hover {
    background: #ededed;
}

/* text error colors */
.error {
    color: red;
}
.success {
    color: #1bb816;
}
.warn {
    color: orange;
}

/* logs color private and main chat */
.log2 {
    background: #f8f8f8;
}
.target_private {
    color: #fff;
    background: #333;
}
.target_private a {
    color: orange;
}
.hunter_private {
    color: #fff;
    background: #00b0ff;
}
.hunter_private a {
    color: #fff;
}

/* text color  & date */
.sub_text,
.date,
.room_center {
    color: #222;
}
.input_text,
.delete_log,
.logs_date,
.report_log,
.pdate,
.ptdate {
    color: #ccc;
}
.theme_color {
    color: #00b0ff;
}
.liked,
.unliked {
    color: #00b0ff;
}
.default_color {
    color: #3e6bba;
}
.user_count {
    color: #222;
}
.my_notice {
    background: #ffff99;
    padding: 3px;
}
.shadow_text {
    text-shadow: 1px 1px #000;
}
.system_text {
    background: #ededed;
    color: #666;
    border: 1px solid #ccc;
}
.lite_text {
    color: #999;
}

/* notification colors */
.bnotify {
    background: red;
    color: #fff;
}

/* elements */
.element_color,
.page_element,
#private_box,
#page_in_menu,
.chat_side_panel,
#side_menu,
.room_content,
.modal_in {
    background: #fff;
}
.background_chat {
    background: #fff;
}
.chat_panel {
    background: #fff;
}

/* shadow */
.add_shadow,
.page_element,
#private_box,
#page_in_menu,
.chat_side_panel,
.room_content,
#side_menu,
.sub_menu {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* no view elements */
.noview {
    background: #f1f1f1;
    border-bottom: 1px solid #fff;
}

/* borders css */
.border_right,
#chat_left {
    border-right: 1px solid #f4f4f4;
}
.border_left,
#chat_right {
    border-left: 1px solid #f4f4f4;
}
.border_bottom,
.panel_bar,
.status_list li,
#player,
.post_element,
.news_element,
.box_title {
    border-bottom: 1px solid #f4f4f4;
}
.border_top,
.list_element,
.gprofile_element {
    border-top: 1px solid #f4f4f4;
}
.full_border {
    border: 1px solid #f4f4f4;
}

/* list element */
.background_reply,
.sub_list,
.listing_elem {
    border-top: 1px solid #e1e1e1;
}
.sub_list,
.background_reply,
.listing_elem {
    background: #f7f7f7;
    color: #666;
}
.sub_list: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 input color */
.selectboxit-list,
.selectboxit-btn {
    background-color: #f6f6f6;
    color: #666;
    border: 1px solid #e6e6e6 !important;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background-color: #ededed;
    color: #666;
}
.selectboxit-default-arrow {
    border-top: 4px solid #666;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    background: #f6f6f6;
    color: #666;
}
.selectboxit-options {
    background: #fff;
    border: 1px solid #ccc;
}
.selectboxit-list .selectboxit-option-anchor {
    color: #666;
}

/* user color and special user color */
.offline {
    opacity: 0.5;
}
.user {
    color: #666;
}
.chat_system {
    color: #999;
}

/* status color */
.away {
    color: #333;
}
.absent {
    color: #ffd11a;
}
.gone {
    color: red;
}
.online {
    color: green;
}
.gaming {
    color: orange;
}
.eating {
    color: #666;
}
.invisible {
    color: #00b0ff;
}

/* list icon colors */
.ico_owner {
    color: #ffcc00;
}
.ico_admin {
    color: #ffcc00;
}
.ico_mod {
    color: #777;
}
.ico_vip {
    color: #ccc;
}
.ico_bot {
    color: #888;
}
.ico_radmin {
    color: #cc0033;
}
.ico_rmod {
    color: #00b0ff;
}
.ico_guest {
    color: #666;
}
.is_muted {
    color: red;
}
.is_room_muted {
    color: orange;
}
.boy {
    border-color: #4b92ff;
}
.girl {
    border-color: #ff99ff;
}
.nosex {
    border-color: #ccc;
}
.r_lock {
    color: orange;
}
img.verify {
    height: 15px !important;
    width: auto;
}

.file_color,
.file_color a {
    background: #00b0ff;
    color: #fff;
}
.audio_color {
    background: #00b0ff;
    color: #fff;
}
.song_title {
    background: #03647d;
    color: #fff;
}
.audio_progress {
    background: #fff;
}
.audio_ball {
    background: #00b0ff;
}

/* 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: #00b0ff;
    background: #d9edf7;
    border: 1px solid #bce8f1;
}

/* admin box */
.sp_box {
    background: #4b92ff;
    color: #222;
}
.sp_icon {
    background: #00b0ff;
    color: #fff;
}
.sp_info {
    background: #ededed;
}

/* store product */
.grid > .store_product {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: none;
}

/* side menu */
#side_menu .page_element {
    box-shadow: none;
}

/* custom */
#container_show_chat {
    border-bottom: 1px solid #ededed;
}
#intro_content_left,
#pop_registration {
    color: #fff;
}
#private_top {
    background: #00b0ff;
    color: #fff;
}
#private_content {
    border-bottom: 1px solid #ededed;
}
#search_room {
    background: #fff;
}
.sub_input {
    background: #fff;
}
.label {
    font-weight: bold;
}
#page_in_menu,
.side_menu_content {
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
}
#page_in_menu > .sub_menu_in,
.side_menu_content > .sub_menu_in {
    background: #fbfdff;
    border-bottom: 1px solid #eef2f6;
}
#page_in_menu > .sub_menu_in .elem_in,
.side_menu_content > .sub_menu_in .elem_in {
    border-top: 1px solid #eef2f6;
}
#page_in_menu > .sub_menu_in .elem_in:first-child,
.side_menu_content > .sub_menu_in .elem_in:first-child {
    border-top: none;
}
#menu_main_footer {
    padding: 5px 0 2px 0;
}

/* store news */
.store_news_title_block {
    background: #f6f6f6;
    border: 1px solid #e8e8e8;
}
.store_news_title,
.store_news_title i,
.store_news_author {
    color: #1f2d3d;
}
.store_news_card {
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
}
.store_news_avatar {
    border: 1px solid #d8d8d8;
}
.store_news_divider {
    background: #dfdfdf;
}
.store_news_body {
    color: #243447;
}