/* =========================================================
   DE BANDIETEN UIT TWENTE - BANDIETENCLEAN
   COMPLETE CSS MET COMPACTE PC-TYPBALK
   ========================================================= */

/* general colors */
a {color:orange;}
body {background:#141414; color:#fff;}
button {background:transparent; color:#fff;}
input, textarea, .post_input_container {
    background:#151515;
    border:1px solid #222 !important;
    color:#fff;
}
.setdef {color:#fff;}

/* cookie box */
.cookie_wrap {background:#333; color:#fff;}

/* item backgrounds */
.bback {background:rgba(255,255,255,0.05);}
.bbackb {
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
}
.bhover:hover {background:rgba(255,255,255,0.05);}
.bbackhover {background:rgba(255,255,255,0.05);}
.bbackhover:hover {background:rgba(255,255,255,0.03);}
.bbackhoverb {background:rgba(255,255,255,0.05);}
.bbackhoverb:hover {
    background:rgba(255,255,255,0.3);
    border:1px solid rgba(255,255,255,0.05);
}
.blisting {border-bottom:1px solid rgba(255,255,255,0.03);}
.blisting:hover {background:rgba(255,255,255,0.04);}
.blist {border-bottom:1px solid rgba(255,255,255,0.03);}

/* menus */
.back_ptop {background:#212121; color:#fff;}
.bpmenu:hover {background:rgba(255,255,255,0.05);}
.bsub {background:rgba(0,0,0,0.1);}
.bsub:hover {background:rgba(255,255,255,0.03);}
.bmenu, .submenu {
    border-bottom:1px solid rgba(255,255,255,0.03);
}
.bmenu:hover, .submenu:hover {
    background:rgba(255,255,255,0.03);
}

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

/* selections */
.bselected {background:rgba(255,255,255,0.08);}
.rselected {background:rgba(255,255,255,0.08);}
.pselected {color:#03add8;}
.cselected, .liked {background:rgba(255,255,255,0.05);}
.pag_btn {background:rgba(255,255,255,0.05);}
.pagselected, .pag_btn:hover {
    background:rgba(255,255,255,0.1);
}

/* borders */
.gtag {
    background:#111;
    border:1px solid rgba(255,255,255,0.05);
}
.bborder {border-bottom:1px solid rgba(255,255,255,0.05);}
.tborder {border-top:1px solid rgba(255,255,255,0.05);}
.lborder, .ppanel {border-left:1px solid rgba(255,255,255,0.05);}
.rborder {border-right:1px solid rgba(255,255,255,0.05);}
.fborder {border:1px solid rgba(255,255,255,0.05);}
.float_top {border-bottom:1px solid rgba(255,255,255,0.05);}
.float_ctop {border-bottom:1px solid rgba(255,255,255,0.05);}

/* headers and footer */
.bhead {background:#111; color:#fff;}
.bsidebar {background:#080808; color:#fff;}
.modal_top {background:#111; color:#fff;}
.pro_top {background:#111; color:#fff;}
.bfoot {background:#111; color:#fff;}
.foot {background:#111; color:#fff;}

/* main backgrounds */
.backglob {background:#151515;}
.back_chat {background:#151515;}
.back_priv {background:#151515;}
.back_panel {background:#191919;}
.back_menu {background:#242424;}
.back_pmenu {background:#151515;}
.back_box {background:#202020;}
.back_input {
    background:#191919;
    border-top:1px solid rgba(255,255,255,0.05);
}
.back_modal {background:#191919;}
.page_element {background:#191919;}
.back_quote {background:#191919;}

/* colors */
.theme_color {color:#03add8;}
.default_color {color:#666;}
.error {color:red;}
.success {color:#74b20e;}
.warn {color:orange;}

/* buttons */
.theme_btn, .back_theme {background:#03add8; color:#fff;}
.default_btn, .back_default {background:#333; color:#fff;}
.defaultd_btn {background:#444; color:#fff;}
.ok_btn {background:#74b20e; color:#fff;}
.warn_btn {background:orange; color:#fff;}
.delete_btn {background:#cc0000; color:#fff;}
.send_btn {color:#f6f6f6;}

/* users */
.user {color:#fff;}
.chat_system {color:#999;}
.offline {opacity:0.5;}
.menui {color:#03add8;}
.subi {color:#03add8;}

/* wall and private messages */
.reply_item {background:#151515;}
.main_post_item {color:rgba(255,255,255,0.5);}
.input_item {color:#666;}
.target_private, .hunt_quote {color:#fff; background:#444;}
.hunter_private, .targ_quote {color:#fff; background:#222;}
.cquote {
    background:rgba(68,68,68,0.4);
    color:#fff;
}

/* tabs */
.tab_menu {box-shadow:0 1px 3px rgba(0,0,0,0.4);}
.tab_selected {background:rgba(255,255,255,0.05);}

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

/* logs */
.mbubble {background:rgba(255,255,255,0.04);}
.topic_log {background:#222; color:#d9f2e6;}
.sys_log {}

/* notifications */
.bprogress {background:#74b20e; color:#fff;}
.bnotify {background:red; color:#fff;}
.foot_notify, .head_notify {border:1px solid #fff;}

/* text */
.sub_date {color:#888;}
.sub_chat, .sub_priv {color:#666;}
.sub_text, .list_mood {color:#888;}
.plikes {
    background-color:rgba(100,100,100,0.2);
    color:#fff;
}
.bspin {color:rgba(255,255,255,0.3);}

/* special items */
.my_notice {color:#fff; background:#006699;}
.system_text {
    background:rgba(255,255,255,0.05);
    color:#888;
}
.back_page {background:#111; color:#fff;}
.post_video {background:rgba(0,0,0,1);}

/* sliders */
.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 inputs */
.selectboxit-list, .selectboxit-btn {
    background-color:#151515;
    border:1px solid #222;
    color:#fff;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background-color:#333;
    color:#fff;
}
.selectboxit-default-arrow {border-top:4px solid #666;}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    background:#151515;
    color:#fff;
}
.selectboxit-options {background:#222; color:#fff;}
.selectboxit-list .selectboxit-option-anchor {color:#666;}

/* custom */
.modal_in {border:1px solid rgba(255,255,255,0.01);}


/* =========================================================
   BANDIETEN ACHTERGROND EN TRANSPARANTE PANELEN
   ========================================================= */

html, body {
    min-height:100%;
    background:#020814 url('bandieten_background.jpg')
        center center / cover fixed no-repeat !important;
}

.back_chat {
    background:rgba(2,10,28,0.28) !important;
}

.backglob {
    background:rgba(2,8,20,0.50) !important;
}

.back_panel {
    background:rgba(2,8,20,0.68) !important;
}

.bhead,
.bsidebar,
.modal_top,
.pro_top,
.bfoot,
.foot {
    background:rgba(1,7,18,0.90) !important;
    color:#fff !important;
}

.back_input {
    background:rgba(1,7,18,0.88) !important;
    border-top:1px solid rgba(0,191,255,0.16) !important;
}

.back_menu,
.back_pmenu,
.back_box,
.back_modal,
.page_element {
    background:rgba(10,16,28,0.94) !important;
}

.theme_color,
.menui,
.subi,
.pselected {
    color:#00bfff !important;
}

.theme_btn,
.back_theme {
    background:#00bfff !important;
    color:#fff !important;
}



/* =========================================================
   DE BANDIETEN UIT TWENTE
   ULTRA STRAKKE PC CHATBALK
   Alleen PC - mobiel ongewijzigd
   ========================================================= */


/* =====================================================
   DE BANDIETEN UIT TWENTE
   PC CHATBALK - MOBIELE STIJL
   ===================================================== */

@media screen and (min-width:1001px) {

    /* Complete onderste chatbalk */
    #top_chat_container {
        height:auto !important;
        min-height:54px !important;
        max-height:none !important;
        padding:6px 12px !important;
        margin:0 !important;

        display:block !important;
        overflow:visible !important;
        box-sizing:border-box !important;

        background:#061326 !important;
        border-top:1px solid rgba(0,191,255,0.30) !important;
        border-bottom:0 !important;
        box-shadow:none !important;
    }

    /* Donkerblauwe achtergrond */
    #top_chat_container.back_input,
    #top_chat_container .back_input {
        background:#061326 !important;
    }

    /* Originele CodyChat-indeling behouden */
    #top_chat_container #container_input {
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* Lang afgerond tekstveld */
    #top_chat_container #content {
        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;
        box-sizing:border-box !important;

        padding:0 16px !important;
        margin:0 !important;

        background:#041123 !important;
        border:1px solid rgba(90,166,218,0.60) !important;
        border-radius:26px !important;

        color:#ffffff !important;
        font-size:15px !important;
        outline:none !important;
        box-shadow:none !important;
    }

    /* Placeholder */
    #top_chat_container #content::placeholder {
        color:#90a6c0 !important;
        opacity:1 !important;
    }

    /* Focus bij typen */
    #top_chat_container #content:focus {
        border-color:#6dbdff !important;
        box-shadow:0 0 6px rgba(0,191,255,0.12) !important;
    }

    /* Plus, paperclip en smiley */
    #top_chat_container .input_item,
    #top_chat_container .input_item i {
        color:#87c7ff !important;
        font-size:21px !important;
    }

    #top_chat_container .input_item:hover,
    #top_chat_container .input_item:hover i {
        color:#ffffff !important;
    }

    /* Verzendknop: geen blauw vlak */
    #top_chat_container .send_btn {
        color:#f5d995 !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }

    #top_chat_container .send_btn i {
        color:#f5d995 !important;
        font-size:23px !important;
    }

    #top_chat_container .send_btn:hover,
    #top_chat_container .send_btn:hover i {
        color:#ffffff !important;
        background:transparent !important;
    }

    /* Geen onnodige marges */
    #top_chat_container input,
    #top_chat_container textarea {
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
}



/* =========================================================
   BANDIETEN - BESTAANDE MOBIELE TYPBALK
   Ongewijzigd behouden
   ========================================================= */

@media (max-width:200px) {

    #global_chat {
        height:200dvh !important;
        min-height:0 !important;
        display:flex !important;
        flex-direction:column !important;
        overflow:hidden !important;
    }

    #chat_center,
    #container_chat,
    #wrap_chat {
        min-height:0 !important;
    }

    #wrap_chat {
        display:flex !important;
        flex-direction:column !important;
        flex:1 1 auto !importan
.back_panel {
    background:rgba(2,8,20,0.68) !important;
}

.bhead,
.bsidebar,
.modal_top,
.pro_top,
.bfoot,
.foot {
    background:rgba(1,7,18,0.90) !important;
    color:#fff !important;
}

.back_input {
    background:rgba(1,7,18,0.88) !important;
    border-top:1px solid rgba(0,191,255,0.16) !important;
}

.back_menu,
.back_pmenu,
.back_box,
.back_modal,
.page_element {
    background:rgba(10,16,28,0.94) !important;
}

.theme_color,
.menui,
.subi,
.pselected {
    color:#00bfff !important;
}

.theme_btn,
.back_theme {
    background:#00bfff !important;
    color:#fff !important;
}


/* =========================================================
   BANDIETEN - PC TYPBALK HERSTEL
   Behoud de originele CodyChat-indeling van de knoppen.
   Geen geforceerde flex of vaste maximale balkhoogte.
   ========================================================= */
@media screen and (min-width:1001px) {
    #top_chat_container {
        height:auto !important;
        min-height:42px !important;
        max-height:none !important;
        padding:3px 6px !important;
        margin:0 !important;
        box-sizing:border-box !important;
        display:block !important;
        overflow:visible !important;
        background:#07101e !important;
        border-top:1px solid rgba(0,191,255,0.22) !important;
        border-bottom:0 !important;
        box-shadow:none !important;
    }

    #top_chat_container #container_input {
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        display:block !important;
    }

    #top_chat_container #content {
        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;
        box-sizing:border-box !important;
        border-radius:22px !important;
        background:#07182c !important;
        border:1px solid rgba(0,191,255,0.38) !important;
        color:#fff !important;
    }

    #top_chat_container #content::placeholder {
        color:#819bb8 !important;
        opacity:1 !important;
    }

    #top_chat_container .input_item,
    #top_chat_container .input_item i {
        color:#69baff !important;
    }

    #top_chat_container .send_btn {
        color:#fff !important;
    }
}


/* =========================================================
   BANDIETEN - BESTAANDE MOBIELE TYPBALK
   Ongewijzigd behouden
   ========================================================= */

@media (max-width:100px) {

    #global_chat {
        height:100dvh !important;
        min-height:0 !important;
        display:flex !important;
        flex-direction:column !important;
        overflow:hidden !important;
    }

    #chat_center,
    #container_chat,
    #wrap_chat {
        min-height:0 !important;
    }

    #wrap_chat {
        display:flex !important;
        flex-direction:column !important;
        flex:1 1 auto !important;
    }

    #warp_show_chat {
        flex:1 1 auto !important;
        min-height:0 !important;
        overflow-y:auto !important;
    }

    #chat_input,
    #chat_bottom,
    #chat_write {
        flex-shrink:0 !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .back_input {
        background:#07101e !important;
        border-top:1px solid #c9a35b !important;
    }
}
t;
    }

    #warp_show_chat {
        flex:1 1 auto !important;
        min-height:0 !important;
        overflow-y:auto !important;
    }

    #chat_input,
    #chat_bottom,
    #chat_write {
        flex-shrink:0 !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .back_input {
        background:#07101e !important;
        border-top:1px solid #c9a35b !important;
    }
}