#level_bar {
    position: relative;
    width: 250px;
    height: 27px;
    border: 1px solid #000000;
}
#level_bar_fill {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;

    background: #42080F;
}
#level_bar_text {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}

@media (max-width: 500px) {
    #working_tokens, #level_bar {
        display: none;
    }
}


/* Color */
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
    color: #f6f9fd;
}

/* Background Solid  */
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
    background: #4A2023;
}

/* Borders Dark */
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
    border-color: #4A2023;
}

/* Background Gradient  */
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49010f+0,192129+100 */
background: rgb(73,1,15); /* Old browsers */
background: -moz-linear-gradient(left, rgba(73,1,15,1) 0%, rgba(25,33,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(73,1,15,1) 0%,rgba(25,33,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(73,1,15,1) 0%,rgba(25,33,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49010f', endColorstr='#192129',GradientType=1 ); /* IE6-9 */
}


/* The same as above, just with some opacity */
.headerbar_overlay_active, .grid_colour_overlay:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#701d1a+0,9b0c43+100&0.8+0,0.8+0 */
background: -moz-linear-gradient(left, rgba(112,29,26,0.8) 0%, rgba(155,12,67,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(112,29,26,0.8) 0%,rgba(155,12,67,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(112,29,26,0.8) 0%,rgba(155,12,67,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc701d1a', endColorstr='#cc9b0c43',GradientType=1 ); /* IE6-9 */
}


/* Colour Hover Light */
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover  {
    color: #482B2C;
}

/* Background Hover Light */
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
    background-color: #482B2C;
}

/* Border light */
.specialbutton:hover {
    border-color: #482B2C;
}