/* custom font */

@import url('./font/Roboto.css');



/* general colors */

a {

    color: #e39e20;

}



body {

    font-family: 'Roboto', sans-serif;

    /* gradient rood naar zwart + achtergrondafbeelding */

    background:

        linear-gradient(to bottom, #0206f0, #000000),

        url('./images/vinylboer.jpg') no-repeat center center fixed;

    background-size: cover;

    color: #fff;

    margin: 0;

    padding: 0;

    min-height: 100vh;

}



/* buttons */

button {

    background: transparent;

    color: #fff;

}



input,

textarea,

.post_input_container {

    font-family: 'Roboto', sans-serif, 'FontAwesome';

    background: #000000;

    color: #ffffff;

    border: 1px solid rgba(68, 79, 104, 0.639) !important;

}



.setdef {

    color: #fff;

}



/* item with background no effect */

.bback {

    background: rgba(0, 0, 0, 0.12);

}



/* item with background no effect with border */

.bbackb {

    background: rgba(0, 0, 0, 0.10);

    border: 1px solid rgba(0, 0, 0, 0.08);

}



/* item with no background and hover effect */

.bhover:hover,

.bhoverr:hover {

    background: rgba(0, 0, 0, 0.10);

}



/* item with background and hover effect */

.bbackhover {

    background: rgba(0, 0, 0, 0.10);

}



.bbackhover:hover {

    background: rgba(0, 0, 0, 0.14);

}



/* item width background and hover effect with a border */

.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);

}



/* item with no background with line separator and hover effect */

.blisting {

    border-bottom: 1px solid rgba(68, 79, 104, 0.639);

}



.blisting:hover {

    background: rgba(0, 0, 0, 0.10);

}



/* item with no background with line separator */

.blist {

    border-bottom: 1px solid rgba(68, 79, 104, 0.639);

}



/* private panel top */

.back_ptop {

    background: linear-gradient(to bottom, #0206f0, #000000);

    color: #fff;

}



/* page menu & page sub menu */

.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);

}



/* sub menus for card, logs, wall, news */

.bmenu,

.submenu {

    border-bottom: 1px solid rgba(68, 79, 104, 0.639);

}



.bmenu:hover,

.submenu:hover {

    background: rgba(0, 0, 0, 0.08);

}



/* box shadow */

.bshadow,

.page_element,

.float_menu,

.btnshadow,

.pboxed {

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}



/* main item selected for panel and box */

.bselected {

    background: rgba(255, 255, 255, 0.08);

}



/* reg menu selected item */

.rselected {

    background: rgba(255, 255, 255, 0.08);

}



/* page selected */

.pselected {

    color: #000000;

}



/* current item selected */

.cselected,

.liked {

    background: rgba(255, 255, 255, 0.05);

}



/* paginate item selected */

.pag_btn {

    background: rgba(0, 0, 0, 0.15);

    color: #ffffff;

}



.pagselected,

.pag_btn:hover {

    background: rgba(0, 0, 0, 0.20);

}



/* count and gold tag */

.gtag {

    background: #5774b7;

    border: 1px solid rgba(255, 255, 255, 0.08);

}



/* border color for separator and items border */

.bborder {

    border-bottom: 1px solid rgba(68, 79, 104, 0.639);

}



.tborder {

    border-top: 1px solid rgba(68, 79, 104, 0.639);

}



.lborder,

.ppanel {

    border-left: 1px solid rgba(68, 79, 104, 0.639);

}



.rborder {

    border-right: 1px solid rgba(68, 79, 104, 0.639);

}



.fborder {

    border: 1px solid rgba(68, 79, 104, 0.639);

}



/* float top color */

.float_top,

.float_ctop {

    border-bottom: 1px solid rgba(68, 79, 104, 0.639);

}



/* headers colors and top box colors */

.bhead {

    background: linear-gradient(to top, #0206f0, #000000);

    color: #fff;

}



.modal_top,

.pro_top {

    background: linear-gradient(to top, #0206f0, #000000);

    color: #fff;

}



.bfoot {

    background: linear-gradient(to bottom, #0206f0, #000000);

    color: #fff;

}



.foot {

    background: linear-gradient(to bottom, #0206f0, #000000);

        

    border-top: 1px solid rgba(68, 79, 104, 0.639);

    color: #fff;

}



/* background major element panel, page menu, float menu, modal, chat boxes */

.backglob {

    background: linear-gradient(to bottom, #0206f0, #000000);

        color: #fff;

}



#intro_top,

.back_chat {

    background: #181a21 url('./images/background.png') no-repeat center center;

    background-size: cover;

}



.back_priv,

.back_panel,

.back_modal,

.page_element {

    background: linear-gradient(to bottom, #0206f0, #000000);

        color: #fff;

}



.back_menu {

    background: linear-gradient(to bottom, #0206f0, #000000);

        color: #fff;

}



.back_pmenu {

    background: linear-gradient(to bottom, #0206f0, #000000);

    color: #fff;;

}



.back_box {

    background: linear-gradient(to bottom, #0206f0, #000000);

}



.back_input {

    background: linear-gradient(to bottom, #0206f0, #000000);

    border-top: 1px solid rgba(68, 79, 104, 0.639);

}



.back_quote {

    background: linear-gradient(to bottom, #0206f0, #000000);

    border: 1px solid rgba(68, 79, 104, 0.639);

}



/* main theme color */

.theme_color {

    color: #ffffff;

}



.default_color {

    color: #ffffff;

}



.error {

    color: #c83d3d;

}



.success {

    color: #328426;

}



.warn {

    color: #e39e20;

}



/* button colors */

.theme_btn,

.back_theme {

    background: #000000;

    color: #fff;

}



.default_btn,

.defaultd_btn,

.back_default {

    background: #000000;

    color: #fff;

}



.ok_btn {

    background: #328426;

    color: #fff;

}



.warn_btn {

    background: #e39e20;

    color: #fff;

}



.delete_btn {

    background: #c83d3d;

    color: #fff;

}



.send_btn {

    color: #fff;

}



/* default username color */

.user {

    color: #fff;

}



/* chat system messsage text color */

.chat_system {

    color: #ffffff;

}



/* opacity for offline users in list */

.offline {

    opacity: 0.5;

}



/* menu icon */

.menui,

.subi {

    color: #6890ee;

}



/* wall reply background */

.reply_item {

    background: #252832;

}



/* main post item option wall and news */

.main_post_item {

    color: #999;

}



/* input option background colors */

.input_item {

    color: #999;

}



/* private log bubble colors */

.target_private,

.hunt_quote {

    color: #fff;

    background: #546079;

}



.hunter_private,

.targ_quote {

    color: #fff;

    background: #5774b7;

}



/* quote in chat background */

.cquote {

    background: rgba(255, 255, 255, 0.05) !important;

}



.cqname {

    color: #fff;

}



.cqmess {

    color: #ffffff;

}



/* tab menu */

.tab_menu {

    background: #0206f0;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}



.tab_menu_item {}



.tab_selected {

    background: rgba(255, 255, 255, 0.08);

}



/* modal menu */

.modal_mback {

    background: rgba(0, 0, 0, 0.12);

}



.modal_mborder {

    border-bottom: 1px solid rgba(68, 79, 104, 0.639);

}



.modal_selected {

    background: rgba(255, 255, 255, 0.08);

}



/* back transparency background for modal box */

.modal_back {

    background-color: rgba(0, 0, 0, 0.4);

}



/* chat logs */

.ch_logs {

    background: rgba(0, 0, 0, 0.020);

}



.ch_logs:not(:last-child) {

    border-bottom: 1px solid rgba(255, 255, 255, 0.04);

}



.log2 {

    background: rgba(255, 255, 255, 0.020);

}



.sys_log {}



.topic_log {

    background: transparent;

    color: #fff;

    margin: 5px auto;

    width: 98%;

    max-width: 600px;

}



.tptitle {

    font-weight: 700;

}



.tptext {

    font-weight: 300;

}



.topic_log>.my_text {

    background: #4f5466;

    border-radius: 5px;

    padding: 10px 12px;

}



.topic_log>.my_text::after {

    content: '';

    position: absolute;

    right: 100%;

    top: 20px;

    border-right: 16px solid #414453;

    border-bottom: 16px solid transparent;

}



/* upload progress */

.bprogress {

    background: #74b20e;

    color: #fff;

}



/* notification colors */

.bnotify {

    background: #c83d3d;

    color: #fff;

}



.foot_notify,

.head_notify {

    border: 1px solid #fff;

}



/* date colors */

.sub_date {

    color: #bbb;

}



.sub_chat,

.sub_priv {

    color: #ccc;

}



/* secondary text color */

.sub_text,

.list_mood {

    color: #ffffff;

}



.list_mood {

    font-weight: 300;

}



/* profile likes */

.plikes {

    background-color: rgba(100, 100, 100, 0.3);

    color: #fff;

}



/* spinner color */

.bspin {

    color: rgba(255, 255, 255, 0.3);

}



/* special chat item */

.my_notice {

    color: #fff;

    background: #6890ee;

}



.system_text {

    background: #ededed;

    color: #666;

}



/* outside pages background */

.back_page {

    background: #222;

    color: #fff;

}



/* video background color */

.post_video {

    background: rgba(0, 0, 0, 1);

}



/* slider */

.boom_slider .ui-widget-content {

    background: #ededed;

}



.boom_slider .ui-state-default {

    background: #5774b7 !important;

}



.boom_slider .ui-state-active {

    background: #6890ee !important;

}



.boom_slider .ui-slider-range {

    background: #5774b7;

}



/* select input color */

.selectboxit-list,

.selectboxit-btn {

    background: #0206f0;

        color: #fff;

    border: 1px solid rgba(68, 79, 104, 0.639) !important;

}



.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {

    background-color: #0206f0 ;

        color: #fff;



}



.selectboxit-default-arrow {

    border-top: 4px solid #5774b7;

}



.selectboxit-btn.selectboxit-enabled:hover,

.selectboxit-btn.selectboxit-enabled:focus,

.selectboxit-btn.selectboxit-enabled:active {

     background: linear-gradient(to bottom, #0206f0, #000000);

        color: #fff;



}



.selectboxit-options {

        background: linear-gradient(to bottom, #0206f0, #000000);

            color: #fff;

}



.selectboxit-list .selectboxit-option-anchor {

    color: #ffffff;

}