/* General colors */
a { color: #fd7e14; } /* Bootstrap text-warning */
body { background-color: #f8f9fa; color: #343a40; } /* bg-light and text-dark */
button { background-color: transparent; color: #fff; }
input, textarea, .post_input_container { background-color: #f8f9fa; border: 1px solid #dee2e6; } /* bg-light and border */
.setdef { color: #343a40; } /* text-dark */

/* Item with background no effect */
.bback { background-color: rgba(0, 0, 0, 0.05); }

/* Item with background and border */
.bbackb { background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.08); }

/* Hover effects */
.bhover:hover, .bhoverr:hover { background-color: rgba(0, 0, 0, 0.05); }
.bbackhover { background-color: rgba(0, 0, 0, 0.05); }
.bbackhover:hover { background-color: rgba(0, 0, 0, 0.025); }

/* Background and border with hover effect */
.bbackhoverb { background-color: rgba(0, 0, 0, 0.05); }
.bbackhoverb:hover { background-color: rgba(0, 0, 0, 0.025); border: 1px solid rgba(0, 0, 0, 0.08); }

/* Listing items */
.blisting { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.blisting:hover { background-color: rgba(0, 0, 0, 0.05); }
.blist { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

/* Private panel top */
.back_ptop { background-color: #343a40; color: #fff; }

/* Page menu and sub menu */
.bpmenu:hover { background-color: rgba(255, 255, 255, 0.1); }
.bsub { background-color: rgba(0, 0, 0, 0.1); }
.bsub:hover { background-color: rgba(0, 0, 0, 0.2); }

/* Submenus with border */
.bmenu, .submenu { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.bmenu:hover, .submenu:hover { background-color: rgba(0, 0, 0, 0.05); }

/* Shadow effects */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

/* Selected items */
.bselected, .rselected, .cselected, .liked { background-color: rgba(0, 0, 0, 0.08); }
.selectboxit-container .selectboxit-list {
    background-color: #fff;
}

/* Pagination buttons */
.pag_btn { background-color: rgba(0, 0, 0, 0.05); color: #666; }
.pagselected, .pag_btn:hover { background-color: rgba(0, 0, 0, 0.10); }

/* Tag with border */
.gtag { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }

/* Borders */
.bborder { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.tborder { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.lborder, .ppanel { border-left: 1px solid rgba(0, 0, 0, 0.08); }
.rborder { border-right: 1px solid rgba(0, 0, 0, 0.08); }
.fborder { border: 1px solid rgba(0, 0, 0, 0.08); }

/* Top elements */
.float_top, .float_ctop { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

/* Header and footer */
.bhead, .modal_top, .pro_top, .bfoot, .foot { background-color: #343a40; color: #fff; }

/* Main panel elements */
.backglob, .back_chat, .back_priv, .back_panel, .back_box, .back_menu, .page_element, .back_quote { background-color: #fff; }
.back_pmenu { background-color: #343a40; color: #fff; }
.back_input { background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.back_modal { background-color: #fff; }
#right_panel_bar { border-bottom: 2px solid hsl(210.43deg 99.24% 32.87%) !important; border-radius: 12px; }

/* Text colors */
.theme_color { color:#0d6efd; } /* Bootstrap primary */
.default_color { color: #343a40; } /* text-dark */
.error { color: #dc3545; } /* text-danger */
.success { color: #198754; } /* text-success */
.warn { color: #fd7e14; } /* text-warning */

/* Buttons */
.theme_btn, .back_theme { background-color: #0d6efd; color: #fff; }
.default_btn, .back_default { background-color: #343a40; color: #fff; }
.defaultd_btn { background-color: #333; color: #fff; }
.ok_btn { background-color: #198754; color: #fff; }
.warn_btn { background-color: #fd7e14; color: #fff; }
.delete_btn { background-color: #dc3545; color: #fff; }
.send_btn { color: #343a40; }

/* Special elements */
.user { color: #343a40; } /* text-dark */
.chat_system { color: #6c757d; } /* text-muted */
.offline { opacity: 0.5; }
.menui, .subi { color: #0d6efd; } /* text-primary */

/* Wall reply */
.reply_item { background-color: #f8f9fa; } /* bg-light */
.main_post_item { color: rgba(0, 0, 0, 0.5); } /* muted color */
.input_item { color: #6c757d; } /* text-muted */

/* Chat bubbles */
.target_private, .hunt_quote { color: #fff; background-color: #343a40; } /* bg-dark */
.hunter_private, .targ_quote { color: #fff; background-color: #0d6efd; } /* text-muted and bg-light */

/* Quote */
.cquote { background-color: rgba(0, 0, 0, 0.05); }
.cqname { color: #000; }
.cqmess { color: #6c757d; } /* text-muted */

/* Tab menu */
.tab_menu { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.tab_selected { background-color:#0d6efd; color:#fff; }

/* Modal menu */
.modal_mback { background-color: rgba(0, 0, 0, 0.04); }
.modal_mborder { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.modal_selected { background-color: rgba(0, 0, 0, 0.08); }
.modal_back { background-color: rgba(0, 0, 0, 0.4); }

/* Chat logs */
.log2 { background-color: rgba(0, 0, 0, 0.028); }
.topic_log { background-color: transparent; color: #fff; }

/* Upload progress */
.bprogress { background-color: #198754; color: #fff; }

/* Notifications */
.bnotify { background-color: #dc3545; color: #fff; } /* bg-danger */
.foot_notify, .head_notify { border: 1px solid #fff; }

/* Date and text colors */
.sub_date, .sub_text, .list_mood { color: #6c757d; } /* text-muted */
.sub_chat, .sub_priv { color: #ccc; }

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

/* Spinner color */
.bspin { color: rgba(0, 0, 0, 0.3); }

/* Special chat item */
.my_notice { color: #fff; background-color: #0d6efd; }
.system_text { background-color: #f8f9fa; color: #6c757d; } /* bg-light and text-muted */

/* Background for outside pages */
.back_page { background-color: #343a40; color: #fff; } /* bg-dark and text-light */

/* Extra Color */
.border-bcolor {border-bottom: 2px solid hsl(210.43deg 99.24% 32.87%) !important }