/* 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, #1E1A1D, #000000),



        url('./images/background.png') 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, #1E1A1D, #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, #1E1A1D, #000000);



    color: #fff;



}







.modal_top,



.pro_top {



    background: linear-gradient(to top, #1E1A1D, #000000);



    color: #fff;



}







.bfoot {



    background: linear-gradient(to bottom, #1E1A1D, #000000);



    color: #fff;



}







.foot {



    background: linear-gradient(to bottom, #1E1A1D, #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, #1E1A1D, #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, #1E1A1D, #000000);



        color: #fff;



}







.back_menu {



    background: linear-gradient(to bottom, #1E1A1D, #000000);



        color: #fff;



}







.back_pmenu {



    background: linear-gradient(to bottom, #1E1A1D, #000000);



    color: #fff;;



}







.back_box {



    background: linear-gradient(to bottom, #1E1A1D, #000000);



}







.back_input {



    background: linear-gradient(to bottom, #1E1A1D, #000000);



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


}







.back_quote {



    background: linear-gradient(to bottom, #1E1A1D, #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: #1E1A1D;



    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: #1E1A1D;



        color: #fff;



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



}







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



    background-color: #1E1A1D ;



        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, #1E1A1D, #000000);



        color: #fff;







}







.selectboxit-options {



        background: linear-gradient(to bottom, #1E1A1D, #000000);



            color: #fff;



}







.selectboxit-list .selectboxit-option-anchor {



    color: #ffffff;



}