/*
 ▄████▄   ██▓    ▄▄▄        ██████   ██████ ▓█████▄ ▓█████ ██▒   █▓   ▓█████▄  ▄▄▄       ██▀███   ██ ▄█▀
▒██▀ ▀█  ▓██▒   ▒████▄    ▒██    ▒ ▒██    ▒ ▒██▀ ██▌▓█   ▀▓██░   █▒   ▒██▀ ██▌▒████▄    ▓██ ▒ ██▒ ██▄█▒ 
▒▓█    ▄ ▒██░   ▒██  ▀█▄  ░ ▓██▄   ░ ▓██▄   ░██   █▌▒███   ▓██  █▒░   ░██   █▌▒██  ▀█▄  ▓██ ░▄█ ▒▓███▄░ 
▒▓▓▄ ▄██▒▒██░   ░██▄▄▄▄██   ▒   ██▒  ▒   ██▒░▓█▄   ▌▒▓█  ▄  ▒██ █░░   ░▓█▄   ▌░██▄▄▄▄██ ▒██▀▀█▄  ▓██ █▄ 
▒ ▓███▀ ░░██████▒▓█   ▓██▒▒██████▒▒▒██████▒▒░▒████▓ ░▒████▒  ▒▀█░     ░▒████▓  ▓█   ▓██▒░██▓ ▒██▒▒██▒ █▄
░ ░▒ ▒  ░░ ▒░▓  ░▒▒   ▓▒█░▒ ▒▓▒ ▒ ░▒ ▒▓▒ ▒ ░ ▒▒▓  ▒ ░░ ▒░ ░  ░ ▐░      ▒▒▓  ▒  ▒▒   ▓▒█░░ ▒▓ ░▒▓░▒ ▒▒ ▓▒
  ░  ▒   ░ ░ ▒  ░ ▒   ▒▒ ░░ ░▒  ░ ░░ ░▒  ░ ░ ░ ▒  ▒  ░ ░  ░  ░ ░░      ░ ▒  ▒   ▒   ▒▒ ░  ░▒ ░ ▒░░ ░▒ ▒░
░          ░ ░    ░   ▒   ░  ░  ░  ░  ░  ░   ░ ░  ░    ░       ░░      ░ ░  ░   ░   ▒     ░░   ░ ░ ░░ ░ 
░ ░          ░  ░     ░  ░      ░        ░     ░       ░  ░     ░        ░          ░  ░   ░     ░  ░   
░                                            ░                 ░       ░                                
                    ▄▄▄▄·  ▄· ▄▌    ·▄▄▄▄  ▄▄▄       ▐ ▄ ▪   ▐ ▄ ▄ •▄ ▄▄▄ .      
                    ▐█ ▀█▪▐█▪██▌    ██▪ ██ ▀▄ █·    •█▌▐███ •█▌▐██▌▄▌▪▀▄.▀·▪     
                    ▐█▀▀█▄▐█▌▐█▪    ▐█· ▐█▌▐▀▀▄     ▐█▐▐▌▐█·▐█▐▐▌▐▀▀▄·▐▀▀▪▄ ▄█▀▄ 
                    ██▄▪▐█ ▐█▀·.    ██. ██ ▐█•█▌    ██▐█▌▐█▌██▐█▌▐█.█▌▐█▄▄▌▐█▌.▐▌
                    ·▀▀▀▀   ▀ •     ▀▀▀▀▀• .▀  ▀    ▀▀ █▪▀▀▀▀▀ █▪·▀  ▀ ▀▀▀  ▀█▄▀
*/
body {
    background-color: #3b3b3b;
    color: #FFF;
}
.dropdown,
.dropdown.active {
    background-color: #383838 !important;
    color: #999 !important;
}

.dropdown a {
    color: #999 !important;
}

a {
    color: #999 !important;
}

hr {
    background-color: #3b3b3b;
}

.footer {
    background-color: #4a4a4a;
    color: #fff;
}

.navigation-tree .tab {
    color: #fff !important;
}

.navigation {
    background-color: #4a4a4a;
}

.navigation .tab,
.content .number,
.content .eval {
    color: #FFF
}

.forum .thread {
    background-color: #4a4a4a;
}

.container {
    background-color: #4a4a4a;
}

.forum .threads .pagination .page {
    border-width: 0;
    border-radius: 30px;
    font-size: 80%;
    color: white !important;
    background-color: #3b3b3b;
    padding: 8px 12px !important;
}

.pagination .page {
    color: white !important;
    background-color: #3b3b3b;
}

@keyframes board-new {
    0% {
        background-color: #383838;
    }
    50% {
        background-color: #454545;
    }
    100% {
        background-color: #383838;
    }
}

.container .content {
    background-color: #4a4a4a;
}

.forum .board .name {
    color: #FFF
}

.bbc-formatted .code {
    color: #ccc;
    background-color: #3b3b3b;
}

.bbc-formatted .quote {
    background-color: #3b3b3b;
}

.forum .board,
.panel-mini-post {
    background-color: #3b3b3b;
}

.recommended .threads .thread > div:nth-child(1) {
    color: #bbb;
}

.forum .thread:hover {
    color: #000 !important;
}

.forum .posts .post .user-content {
    color: #ddd;
}

.recommended .threads .thread > div:nth-child(2) {
    color: #777;
}

.ui-dialogue > center > .window {
    display: inline-block;
    width: 700px;
    margin-top: 100px;
    padding: 20px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.9);
    background-color: #555;
}

.forum .post-create .attachment {
    background-color: #3b3b3b;
}

.livechat .message:hover {
    background-color: #5f5f5f;
}

.container > .title-bar.white,
.container.title-bar.white {
    background-color: #5f5f5f;
    color: #FFF
}

.card:hover,
.forum .thread:hover,
.user-edit .tab:hover,
.navigation-tree .tab:hover,
button:hover,
.button:hover,
input[type="submit"]:hover,
.button.circle:hover,
.recommended .threads .thread:hover,
.dashboard .tabs .tab:hover,
.dropdown div:hover {
    background-color: #292929 !important;
}

/* This is just for the normal buttons, so the text doesn't go black when you hover over them */
button:hover, .button:hover {
    color: #FFF !important;
}

.container.content.info {
    background-color: #3f0000  !important;
    color: #FFF;
}

.navigation .tab:hover,
.user.categories .tabs .tab.current {
    color: #FFF;
    background-color: #292929 !important;
}

.card {
    background-color: #3b3b3b;
    color: #fff;
}

.dashboard .message-groups .group {
        color: #fff;
}

.dashboard .notifications .notification.new {
    background-color: #3b3b3b;
}

.dashboard .notifications .notification {
    background-color: #444;
}

.personal-chat .message .text {
    background-color: #3b3b3b;
}

.user.categories .tabs .tab:hover {
    background-color: #5f5f5f !important;
    color: #FFF;
}

.dashboard .account-status .criteria {
    
    color: #000;
}

textarea,
textarea:focus {
    background-color: #3b3b3b;
    color: #FFF;
}

.user-edit .tab {
    color: #FFF;
}

.panel {
    background-color: #292929;
}

.dashboard .tabs .tab {
    color: #FFF;
}

.forum .posts .post .attachments .attachment .filename {
    background-color: #4a4a4a;
    color: #FFF;
}

.forum .posts .post .attachments {
    background-color: #3b3b3b;
}

.notification-popup {
    background-color: #4a4a4a;
}

input {
    color: #FFF;
}