/* Chatterz theme: the notebook / classroom look of the sign-in page.
   parchment #ebe3cd  ink navy #141d52  highlighter #ffd84d  coral #ef6a4c  green #1f7a5c  blue #3d6bdc */

/* general colors */
a { color:#2f56c7; }
body { background:#ebe3cd; color:#33395a; }
input, textarea, select, button { font-family:inherit; }
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#fffdf5; border:1px solid #cdd3e6 !important; color:#33395a; }
input:focus, textarea:focus { border-color:#3d6bdc !important; box-shadow:0 0 0 3px rgba(61,107,220,0.15); outline:none; }
::selection { background:#ffd84d; color:#141d52; }
.setdef { color:#33395a; }

/* item with background no effect */
.bback { background:rgba(150,115,30,0.09); }

/* item with background no effect with border */
.bbackb { background:rgba(150,115,30,0.09); border:1px solid rgba(20,29,82,0.16); }

/* item with no background and hover effect */
.bhover:hover, .bhoverr:hover { background:rgba(255,216,77,0.22); }

/* item with background and hover effect */
.bbackhover { background:rgba(150,115,30,0.09); }
.bbackhover:hover { background:rgba(255,216,77,0.22); }

/* item width background and hover effect with a border */
.bbackhoverb { background:rgba(150,115,30,0.09); }
.bbackhoverb:hover { background:rgba(255,216,77,0.22); border:1px solid rgba(29,43,100,0.12); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom:1px solid rgba(20,29,82,0.12); }
.blisting:hover { background:rgba(255,216,77,0.22); }

/* item with no background with line separator */
.blist { border-bottom:1px solid rgba(20,29,82,0.12); }

/* private panel top */
.back_ptop { background:#141d52; color:#fff; }

/* page menu & page sub menu */
.bpmenu:hover { background:rgba(255,255,255,0.12); }
.bsub { background:rgba(0,0,0,0.12); }
.bsub:hover { background:rgba(0,0,0,0.22); }

/* sub menus for card, logs, wall, news */
.bmenu, .submenu { border-bottom:1px solid rgba(20,29,82,0.12); }
.bmenu:hover, .submenu:hover { background:rgba(255,216,77,0.22); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 2px 6px rgba(20,29,82,0.20); }

/* main item selected for panel and box (highlighter pen) */
.bselected { background:rgba(255,216,77,0.38); }

/* reg menu selected item */
.rselected { background:rgba(255,216,77,0.38); }

/* page selected: these items live on the navy side menu, so use highlighter text + a yellow edge */
.pselected { color:#ffd84d !important; background:rgba(255,255,255,0.08); box-shadow:inset 4px 0 0 #ffd84d; }

/* current item selected */
.cselected, .liked { background:rgba(255,216,77,0.30); }

/* paginate item selected */
.pag_btn { background:rgba(20,29,82,0.08); color:#4a5588; }
.pagselected, .pag_btn:hover { background:rgba(255,216,77,0.55); color:#141d52; }

/* count and gold tag */
.gtag { background:#faf6e9; border:1px solid rgba(29,43,100,0.12); }

/* border color for separator and items border */
.bborder { border-bottom:1px solid rgba(20,29,82,0.16); }
.tborder { border-top:1px solid rgba(20,29,82,0.16); }
.lborder, .ppanel { border-left:1px solid rgba(20,29,82,0.16); }
.rborder { border-right:1px solid rgba(20,29,82,0.16); }
.fborder { border:1px solid rgba(20,29,82,0.16); }

/* float top color */
.float_top { border-bottom:1px solid rgba(20,29,82,0.16); }
.float_ctop { border-bottom:1px solid rgba(20,29,82,0.16); }

/* headers colors and top box colors: plain navy bars */
.bhead { background:#141d52; color:#fff; }
.modal_top { background:#141d52; color:#fff; }
.pro_top { background:#141d52; color:#fff; }
.bfoot { background:#141d52; color:#fff; }
.foot { background:#141d52; color:#fff; }
.out_head, .headers { background:#141d52; color:#fff; }

/* background major element panel, page menu, float menu, modal, chat boxes */
.backglob { background:#f5eedb; }
.back_chat { background:#f5eedb; }
.back_priv { background:#f5eedb; }
.back_panel { background:#f9f4e6; }
.back_menu { background:#f9f4e6; }
.back_pmenu { background:#1a2563; color:#fff; }
.back_box { background:#faf6e9; }
.back_input { background:#faf6e9; border-top:1px solid rgba(20,29,82,0.16); }
.back_modal { background:#faf6e9; }
.page_element { background:#faf6e9; }
.back_quote { background:#faf6e9; }

/* main theme color */
.theme_color { color:#2f56c7; }
.default_color { color:#141d52; }
.error  { color:#d6402a; }
.success { color:#1f7a5c; }
.warn { color:#d68a00; }

/* button colors */
.theme_btn, .back_theme { background:#141d52; color:#fff; }
.theme_btn:hover, .back_theme:hover { background:#202d78; }
.default_btn, .back_default { background:#4a5588; color:#fff; }
.defaultd_btn { background:#3a4a86; color:#fff; }
.ok_btn { background:#1f7a5c; color:#fff; }
.warn_btn { background:#ffd84d; color:#141d52; }
.delete_btn { background:#d6402a; color:#fff; }
.send_btn { color:#141d52; }

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

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

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

/* menu icon */
.menui { color:#3d6bdc; }
.subi { color:#3d6bdc; }

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

/* main post item option wall and news */
.main_post_item { color:rgba(29,43,100,0.55); }

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

/* private log bubble colors */
.target_private, .hunt_quote { color:#fff; background:#141d52; }
.hunter_private, .targ_quote { color:#2b3152; background:#dfe6f7; }

/* quote in chat background */
.cquote { background:rgba(61,107,220,0.08) !important; border-left:3px solid #3d6bdc; }
.cqname { color:#141d52; }
.cqmess { color:#5b6288; }

/* tab menu */
.tab_menu { background:#faf6e9; box-shadow:0 2px 6px rgba(20,29,82,0.20); }
.tab_menu_item { }
.tab_selected { background:rgba(255,216,77,0.38); }

/* modal menu */
.modal_mback { background:rgba(20,29,82,0.06); }
.modal_mborder { border-bottom:1px solid rgba(20,29,82,0.16); }
.modal_selected { background:rgba(255,216,77,0.38); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(15,26,69,0.55); }

/* chat logs */
.log2 { background:rgba(150,115,30,0.07); }
.topic_log { background:#f7e7a6; color:#5a4b00; border-left:4px solid #ffd84d; }
.sys_log { }

/* upload progress */
.bprogress { background:#1f7a5c; color:#fff; }

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

/* date colors */
.sub_date { color:#8890b3; }
.sub_chat, .sub_priv { color:#b4bad4; }

/* secondary text color */
.sub_text, .list_mood { color:#7b82a6; }

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

/* spinner color */
.bspin { color:rgba(29,43,100,0.35); }

/* special chat item (highlighter pen) */
.my_notice { color:#141d52; background:#ffd84d; }
.system_text { background:#dfe6f7; color:#3a4575; }

/* outside pages background (terms, privacy, rules...) */
.back_page { background:#ebe3cd; color:#33395a; }

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

/* slider */
.boom_slider .ui-widget-content { background:#d3d9ea; }
.boom_slider .ui-state-default { background:#141d52 !important; }
.boom_slider .ui-state-active { background:#141d52 !important; }
.boom_slider .ui-slider-range { background:#ffd84d; }

/* select input color */
.selectboxit-list, .selectboxit-btn { background-color:#fffdf5; color:#33395a; border:1px solid #cdd3e6 !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color:rgba(255,216,77,0.35); color:#141d52; }
.selectboxit-default-arrow { border-top:4px solid #4a5588; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#fff; color:#141d52; }
.selectboxit-options { background:#faf6e9; border:1px solid #cdd3e6; }
.selectboxit-list .selectboxit-option-anchor { color:#33395a; }

/* logo: the core uses the theme logo only for members who chose the theme personally; this shows it for everyone while the theme is active */
#main_logo { width:150px; height:40px; background:url('images/logo.png') no-repeat left center / contain; object-fit:none; object-position:-9999px 0; }

/* profile card: tab bar, music pill and spacing in the theme palette */
.modal_mback { background:#f1e9d2; }
.modal_menu_item { color:#33395a; }
.modal_selected { background:#ffe27a; color:#141d52; }
body .cbm_wrap { padding:14px 20px 6px; background:#faf6e9; }
body .cbm_pill { background:#141d52; box-shadow:0 2px 6px rgba(20,29,82,0.25); }
body .cbm_pill .cbm_play { background:#ffd84d; color:#141d52; }
body .cbm_pill .cbm_bar i { background:#ffd84d; }
body .cbm_pill.cbm_on .cbm_play { box-shadow:0 0 0 4px rgba(255,216,77,0.30); }