body {
    margin-top: 60px;
    margin-bottom: 50px;
}

a {
    color: #e8e16f;
    text-decoration: underline;
}

    a:hover {
        color: #c8b88b;
    }


.img-list {
    display: inline-block;
    height: 1.5em;
    width: auto;
    margin-top: -.25em;
}

.boosted {
    font-weight: bold;
    font-style: italic;
}



.clearNight, .clearDay {
    /* fire, ground, grass */
    background: #60b954; /* Old browsers #60b954 #ff9c54 #d97745 */
    background: -moz-linear-gradient(top, #60b954 0%, #ff9c54 50%, #d97745 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #60b954 0%,#ff9c54 50%,#d97745 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #60b954 0%,#ff9c54 50%,#d97745 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b954', endColorstr='d97745',GradientType=0 ); /* IE6-9 */
}

.fog {
    /* dark #5a5366, ghost #5469ad */
    background: #5a5366; /* Old browsers */
    background: -moz-linear-gradient(top, #5a5366 0%, #5469ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5a5366 0%,#5469ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5a5366 0%,#5469ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5366', endColorstr='#5469ad',GradientType=0 ); /* IE6-9 */
}

.rain {
    /* water, bug, electric */
    background: #4f92d6; /* Old browsers */
    background: -moz-linear-gradient(top, #4f92d6 0%, #90c12d 50%, #f4d23d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4f92d6 0%,#90c12d 50%,#f4d23d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4f92d6 0%,#90c12d 50%,#f4d23d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f92d6', endColorstr='#f4d23d',GradientType=0 ); /* IE6-9 */
}

.snow {
    /* ice, steel */
    background: #74cec1; /* Old browsers */
    background: -moz-linear-gradient(top, #74cec1 0%, #53889c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #74cec1 0%,#53889c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #74cec1 0%,#53889c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74cec1', endColorstr='#53889c',GradientType=0 ); /* IE6-9 */
}

.windy {
    /* flying #91aade, dragon #0969c1, psychic #f86e73 */
    background: #91aade; /* Old browsers */
    background: -moz-linear-gradient(top, #91aade 0%, #0969c1 50%, #f86e73 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #91aade 0%,#0969c1 50%,#f86e73 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #91aade 0%,#0969c1 50%,#f86e73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91aade', endColorstr='#f86e73',GradientType=0 ); /* IE6-9 */
}

.cloudy {
    /* fairy #ec8ce3, fighting #ce406a, poison #a566c7 */
    background: #ec8ce3; /* Old browsers */
    background: -moz-linear-gradient(top, #ec8ce3 0%, #ce406a 50%, #a566c7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ec8ce3 0%,#ce406a 50%,#a566c7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ec8ce3 0%,#ce406a 50%,#a566c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec8ce3', endColorstr='#a566c7',GradientType=0 ); /* IE6-9 */
}

.partlyCloudyNight, .partlyCloudyDay {
    /* normal, rock */
    background: #c8b88b; /* Old browsers */
    background: -moz-linear-gradient(top,#9099a1 0%, #c8b88b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9099a1 0%,#c8b88b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9099a1 0%,#c8b88b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9099a1', endColorstr='#c8b88b',GradientType=0 ); /* IE6-9 */
}

.normal, .Normal {
    min-height: 300px;
    background-color: #9099a1;
    background-image: url(/Images/backgrounds/details_type_bg_normal.png);
    background-size: cover;
    color: white;
}

.fighting, .Fighting {
    min-height: 300px;
    background-color: #ce406a;
    background-image: url(/Images/backgrounds/details_type_bg_fighting.png);
    background-size: cover;
    color: white;
}

.flying, .Flying {
    min-height: 300px;
    background-color: #91aade;
    background-image: url(/Images/backgrounds/details_type_bg_flying.png);
    background-size: cover;
    color: white;
}

.poison, .Poison {
    min-height: 300px;
    background-color: #a566c7;
    background-image: url(/Images/backgrounds/details_type_bg_poison.png);
    background-size: cover;
    color: white;
}

.ground, .Ground {
    min-height: 300px;
    background-color: #d97745;
    background-image: url(/Images/backgrounds/details_type_bg_ground.png);
    background-size: cover;
    color: white;
}

.rock, .Rock {
    min-height: 300px;
    background-color: #c8b88b;
    background-image: url(/Images/backgrounds/details_type_bg_rock.png);
    background-size: cover;
    color: white;
}

.bug, .Bug {
    min-height: 300px;
    background-color: #90c12d;
    background-image: url(/Images/backgrounds/details_type_bg_bug.png);
    background-size: cover;
    color: white;
}

.ghost, .Ghost {
    min-height: 300px;
    background-color: #5469ad;
    background-image: url(/Images/backgrounds/details_type_bg_ghost.png);
    background-size: cover;
    color: white;
}

.steel, .Steel {
    min-height: 300px;
    background-color: #53889c;
    background-image: url(/Images/backgrounds/details_type_bg_steel.png);
    background-size: cover;
    color: white;
}

.fire, .Fire {
    min-height: 300px;
    background-color: #ff9c54;
    background-image: url(/Images/backgrounds/details_type_bg_fire.png);
    background-size: cover;
    color: white;
}

.water, .Water {
    min-height: 300px;
    background-color: #4f92d6;
    background-image: url(/Images/backgrounds/details_type_bg_water.png);
    background-size: cover;
    color: white;
}

.grass, .Grass {
    min-height: 300px;
    background-color: #60b954;
    background-image: url(/Images/backgrounds/details_type_bg_grass.png);
    background-size: cover;
    color: white;
}

.electric, .Electric {
    min-height: 300px;
    background-color: #f4d23d;
    background-image: url(/Images/backgrounds/details_type_bg_electric.png);
    background-size: cover;
    color: white;
}

.psychic, .Psychic {
    min-height: 300px;
    background-color: #f86e73;
    background-image: url(/Images/backgrounds/details_type_bg_psychic.png);
    background-size: cover;
    color: white;
}

.ice, .Ice {
    min-height: 300px;
    background-color: #74cec1;
    background-image: url(/Images/backgrounds/details_type_bg_ice.png);
    background-size: cover;
    color: white;
}

.dragon, .Dragon {
    min-height: 300px;
    background-color: #0969c1;
    background-image: url(/Images/backgrounds/details_type_bg_dragon.png);
    background-size: cover;
    color: white;
}

.dark, .Dark {
    min-height: 300px;
    background-color: #5a5366;
    background-image: url(/Images/backgrounds/details_type_bg_dark.png);
    background-size: cover;
    color: white;
}

.fairy, .Fairy {
    min-height: 300px;
    background-color: #ec8ce3;
    background-image: url(/Images/backgrounds/details_type_bg_fairy.png);
    background-size: cover;
    color: white;
}

.typeShort {
    min-height: 150px !important;
    max-height: 150px !important;
}

.img-small {
    height: 150px;
    width: auto;
}

.typeBadge {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 2.5px 2.5px;
}

.typeBadgeLg {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 8px 7px;
}

.hour8 {
    width: 10%;
}

.tier-1 {
    background-color: #dec7ce;
}
.tier-3 {
    background-color: #e0d8c6;
}
.tier-5 {
    background-color: #c9c7ce;
}
.mega {
    background-color: #e0c7cb;
}
.mega-raid {
    background: #a56e8b; /* Old browsers #60b954 #ff9c54 #d97745 */
    background: -moz-linear-gradient(top, #99e1a6 0%, #e5e195 20%, #f1b56c 40%, #e09090 60%, #c593f1 80%, #5fbceb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #99e1a6 0%, #e5e195 20%, #f1b56c 40%, #e09090 60%, #c593f1 80%, #5fbceb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #99e1a6 0%, #e5e195 20%, #f1b56c 40%, #e09090 60%, #c593f1 80%, #5fbceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b954', endColorstr='d97745',GradientType=0 ); /* IE6-9 */
}

.opacity-50 {
    opacity: 0.5;
}

.dropdown-menu {
    opacity: 1 !important;
}