body {
    background-image: url(../resources/background.png);
}

#maincol {
    background-color: #F0FFF5;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* ---------- Classes ---------- */
.secondary-close {
    opacity: 1 !important;
    text-shadow:0px;
    color: white;
    font-size: 4em;
}
.secondary-close :hover {
    color: silver;
}

.large-image{
    text-align: center;
    width: 75%;
    height: 100%;
    margin: 20px;
    margin-left: 50px;
}

.secondary-header {
    border-bottom: 0px;
}

.secondary-content {
    background-color: black;
}

.tag-block {
    display: block;
    width: 100%;
    margin-top: 3px;
}

.col-tag {
    padding: 0 !important;
}

.modal-open {
    overflow: auto !important;
}

.btn-end {
    font-weight: bold;
    margin-top: 5px;
}

.thumbnail-right {
    float: right;
}

.thumbnail-left {
    float: left;
}

.img-thumbnail {
    max-width: 120px;
    max-height: 130px;
    min-width: 50px;
    min-height: 70px;
    width: 100%;
    margin: 5px;
    margin-left: 0px;
}

.small-box-art {
    width: 100%;
    min-width: 87px;
    max-width: 120px;
}

.panel-size {
    min-width: 220px;
    width: 70%;
}

.center-banner {
    text-align: center;
    padding: 10px;
}

.inline-header {
    display: inline;
}

.banner {
    text-align: center;
    max-width: 100%;
    width: 668px;
    height: 188px;
    border-radius: 20px;
    border: 3px solid black;
}

.line-separator {
    height: 1px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    display: block;
}

.popover-title {
    font-size: 14px;
}

.popover-content {
    font-size: 12px;
}

.list-group-item.active {
    border-color: #286090;
}

    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        border-color: #286090;
    }

.list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.game-item {
    width: 33%;
    height: 200px;
}

.active {
    background-color: #333 !important;
    border: 0px 0px 1px 0px;
    border-color: #101010 !important;
    color: #9d9d9d !important;
}

.game-itme-title {
    margin-bottom: 0px;
}

.active :hover {
    background-color: #333 !important;
    border: 0px 0px 1px 0px;
    border-color: #101010 !important;
    color: #FFFFFF !important;
}

.panel-default {
    border-color: #ddd;
    min-height: 200px;
}

/* ---------- Categories ---------- */

.label {
    line-height: 1.9;
}

.label-hack {
    background-color: #24b383;
}

    .label-hack[href]:hover,
    .label-hack[href]:focus {
        background-color: #23a177;
    }

.label-prototype {
    background-color: #d9a129;
}

    .label-prototype[href]:hover,
    .label-prototype[href]:focus {
        background-color: #c79324;
    }

.label-translated {
    background-color: #e64515;
}

    .label-translated[href]:hover,
    .label-translated[href]:focus {
        background-color: #cf3d11;
    }

.label-pirate {
    background-color: #524848;
}

    .label-pirate[href]:hover,
    .label-pirate[href]:focus {
        background-color: #393333;
    }

.label-pal {
    background-color: #ad2be0;
}

    .label-pal[href]:hover,
    .label-pal[href]:focus {
        background-color: #9421c2;
    }

.label-homebrew {
    background-color: #5da2e8;
}

    .label-homebrew[href]:hover,
    .label-homebrew[href]:focus {
        background-color: #468dd4;
    }

.label-multi {
    background-color: #d18064;
}

    .label-multi[href]:hover,
    .label-multi[href]:focus {
        background-color: #b06951;
    }

.label-sega {
    background-color: #e670b3;
}

    .label-sega[href]:hover,
    .label-sega[href]:focus {
        background-color: #d15e9f;
    }

.label-other {
    background-color: #9e9d9d;
}

    .label-other[href]:hover,
    .label-other[href]:focus {
        background-color: #8a8a8a;
    }

/* ---------- Tags ---------- */

.label-arcade {
    background-color: #d2ea32;
}

    .label-arcade[href]:hover,
    .label-arcade[href]:focus {
        background-color: #c2d542;
    }

.label-adventure {
    background-color: #dc2f00;
}

    .label-adventure[href]:hover,
    .label-adventure[href]:focus {
        background-color: #ba2b05;
    }

.label-action {
    background-color: #56a332;
}

    .label-action[href]:hover,
    .label-action[href]:focus {
        background-color: #518a37;
    }

.label-fighter {
    background-color: #e64515;
}

    .label-fighter[href]:hover,
    .label-fighter[href]:focus {
        background-color: #e05b33;
    }

.label-puzzle {
    background-color: #93389a;
}

    .label-puzzle[href]:hover,
    .label-puzzle[href]:focus {
        background-color: #7b2e81;
    }

.label-billiards {
    background-color: #5cb85c;
}

    .label-billiards[href]:hover,
    .label-billiards[href]:focus {
        background-color: #46a046;
    }

.label-platformer {
    background-color: #5ac6cc;
}

    .label-platformer[href]:hover,
    .label-platformer[href]:focus {
        background-color: #53b7bd;
    }

.label-space-shooter {
    background-color: #62337a;
}

    .label-space-shooter[href]:hover,
    .label-space-shooter[href]:focus {
        background-color: #502963;
    }

.label-rpg {
    background-color: #ffb900;
}

    .label-rpg[href]:hover,
    .label-rpg[href]:focus {
        background-color: #dba100;
    }

.label-casino {
    background-color: #a3d900;
}

    .label-casino[href]:hover,
    .label-casino[href]:focus {
        background-color: #8cba00;
    }

.label-racing {
    background-color: #0fd4f2;
}

    .label-racing[href]:hover,
    .label-racing[href]:focus {
        background-color: #08b0c9;
    }

.label-simulation {
    background-color: #5340b3;
}

    .label-simulation[href]:hover,
    .label-simulation[href]:focus {
        background-color: #6350bf;
    }

.label-sports {
    background-color: #a15b00;
}

    .label-sports[href]:hover,
    .label-sports[href]:focus {
        background-color: #ba6900;
    }

.label-strategy {
    background-color: #b6e39f;
}

    .label-strategy[href]:hover,
    .label-strategy[href]:focus {
        background-color: #94b584;
    }