/**========================================================================
* ?                                ABOUT
* @author         :  8lackMask
* @email          :  blackcodymask@gmail.com
* @store          :  https://blackmask.codychat.store/
* @product        :  Arc (theme)
* @version        :  1.0
*========================================================================**/

/* custom font */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

/* =========================
   GENERAL
   ========================= */
a { color:#e39e20; }

body{
    font-family:'Tajawal',sans-serif;
    background:#181a21;
    color:#fff;
    font-weight:500;
}

button{
    background:transparent;
    color:#fff;
    font-weight:600;
}

/* inputs */
input,
textarea,
.post_input_container{
    font-family:'Tajawal',sans-serif,'FontAwesome';
    background:#252832;
    color:#fff;
    font-weight:500;
    border:1px solid rgba(68,79,104,.639)!important;
}

.setdef { color:#fff; }

/* =========================
   BACKGROUNDS & HOVERS
   ========================= */
.bback { background:rgba(0,0,0,0.12); }
.bbackb { background:rgba(0,0,0,0.10); border:1px solid rgba(0,0,0,0.08); }

.bhover:hover,
.bhoverr:hover { background:rgba(0,0,0,0.10); }

.bbackhover { background:rgba(0,0,0,0.10); }
.bbackhover:hover { background:rgba(0,0,0,0.14); }

.bbackhoverb { background:rgba(0,0,0,0.05); }
.bbackhoverb:hover {
    background:rgba(0,0,0,0.025);
    border:1px solid rgba(0,0,0,0.08);
}

/* =========================
   LISTS & MENUS
   ========================= */
.blisting,
.blist,
.bmenu,
.submenu{
    border-bottom:1px solid rgba(68,79,104,.639);
}

.blisting:hover,
.bmenu:hover,
.submenu:hover{
    background:rgba(0,0,0,0.08);
}

.back_ptop{
    background:#252832;
    color:#fff;
    font-weight:700;
}

.bpmenu:hover{ background:rgba(255,255,255,0.09); }
.bsub{ background:rgba(0,0,0,0.1); }
.bsub:hover{ background:rgba(0,0,0,0.2); }

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

.bselected,
.rselected,
.tab_selected,
.modal_selected{
    background:rgba(255,255,255,0.08);
}

.cselected,
.liked{
    background:rgba(255,255,255,0.05);
}

/* =========================
   BORDERS
   ========================= */
.bborder{ border-bottom:1px solid rgba(68,79,104,.639); }
.tborder{ border-top:1px solid rgba(68,79,104,.639); }
.lborder,
.ppanel{ border-left:1px solid rgba(68,79,104,.639); }
.rborder{ border-right:1px solid rgba(68,79,104,.639); }
.fborder{ border:1px solid rgba(68,79,104,.639); }

.float_top,
.float_ctop{
    border-bottom:1px solid rgba(68,79,104,.639);
}

/* =========================
   HEADERS & FOOTERS
   ========================= */
.bhead{
    background:linear-gradient(to top,#21252f,#2b3140);
    color:#fff;
    font-weight:700;
}

.modal_top,
.pro_top{
    background:#181a21;
    color:#fff;
    font-weight:700;
}

.bfoot{
    background:linear-gradient(to bottom,#21252f,#2b3140);
    color:#fff;
}

.foot{
    background:#31384a;
    border-top:1px solid rgba(68,79,104,.639);
    color:#fff;
}

/* =========================
   LAYOUT BACKGROUNDS
   ========================= */
.backglob{ background:#181a21; }

#intro_top,
.back_chat{
    background:#181a21 url('./images/background.png') no-repeat center/cover;
}

.back_priv,
.back_panel,
.back_modal,
.page_element{ background:#2b2f3c; }

.back_menu,
.back_box{ background:#31384a; }

.back_pmenu{
    background:#2b2f3c;
    color:#fff;
}

.back_input{
    background:#2b2f3c;
    border-top:1px solid rgba(68,79,104,.639);
}

.back_quote{
    background:#181a21;
    border:1px solid rgba(68,79,104,.639);
}

/* =========================
   COLORS
   ========================= */
.theme_color{ color:#5774b7; }
.default_color{ color:#546079; }
.error{ color:#c83d3d; }
.success{ color:#328426; }
.warn{ color:#e39e20; }

/* =========================
   BUTTONS
   ========================= */
.theme_btn,
.back_theme{ background:#5774b7; color:#fff; font-weight:600; }

.default_btn,
.defaultd_btn,
.back_default{ background:#546079; color:#fff; font-weight:600; }

.ok_btn{ background:#328426; color:#fff; font-weight:600; }
.warn_btn{ background:#e39e20; color:#fff; font-weight:600; }
.delete_btn{ background:#c83d3d; color:#fff; font-weight:600; }

.send_btn{ color:#fff; }

/* =========================
   CHAT & TEXT
   ========================= */
.user,
.username,
.cqname{
    color:#fff;
    font-weight:600;
}

.chat_system{ color:#fdfbfb; font-weight:1000; }

.sub_text,
.list_mood,
.sub_chat,
.sub_priv,
.sub_date{
    color:#ff6177;
    font-weight:1000;
}

.reply_item{ background:#252832; }

.target_private,
.hunt_quote{
    color:#fff;
    background:#546079;
}

.hunter_private,
.targ_quote{
    color:#fff;
    background:#5774b7;
}

.cquote{
    background:rgba(255,255,255,0.05)!important;
}

.cqmess{ color:#c1c1c1; }

/* =========================
   LOGS & MISC
   ========================= */
.ch_logs{ background:rgba(0,0,0,.020); font-weight:1000; }
.ch_logs:not(:last-child){ border-bottom:1px solid rgba(255,255,255,0.04); }
.log2{ background:rgba(255,255,255,0.020); }

.bprogress{ background:#74b20e; color:#fff; }
.bnotify{ background:#c83d3d; color:#fff; }

.offline{ opacity:0.5; }
.menui,
.subi{ color:#6890ee; }

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

.bspin{ color:rgba(255,255,255,0.3); }