pokedex/www/css/custom_style.css

md-input-container {
    padding-bottom: 10px;
}

.image-list-thumb {
    padding: 2px 2px 2px 2px;
    height: 64px;
}


.pokemontyp1 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #D50000;
    color: white;
}

.pokemontyp1 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp2 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #C51162;
    color: white;
}

.pokemontyp2 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp3 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #AA00FF;
    color: white;
}

.pokemontyp3 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp4 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #6200EA;
    color: white;
}

.pokemontyp4 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp5 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #304FFE;
    color: white;
}

.pokemontyp5 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp6 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #2962FF;
    color: white;
}

.pokemontyp6 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp7 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #0091EA;
    color: white;
}

.pokemontyp7 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp8 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #00B8D4;
    color: white;
}

.pokemontyp8 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp9 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #00BFA5;
    color: white;
}

.pokemontyp9 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp10 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #1B5E20;
    color: white;
}

.pokemontyp10 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp11 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #33691E;
    color: white;
}

.pokemontyp11 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp12 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #827717;
    color: white;
}

.pokemontyp12 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp13 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #F57F17;
    color: white;
}

.pokemontyp13 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp14 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #FF6F00;
    color: white;
}

.pokemontyp14 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp15 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #E65100;
    color: white;
}

.pokemontyp15 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp16 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #BF360C;
    color: white;
}

.pokemontyp16 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp17 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #3E2723;
    color: white;
}

.pokemontyp17 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.pokemontyp18 {
    display: inline-block;
    padding: 0 25px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 25px;
    background-color: #212121;
    color: white;
}

.pokemontyp18 img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}


.pokemontyp1sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #D50000;
    color: white;
}

.pokemontyp1sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp2sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #C51162;
    color: white;
}

.pokemontyp2sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp3sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #AA00FF;
    color: white;
}

.pokemontyp3sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp4sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #6200EA;
    color: white;
}

.pokemontyp4sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp5sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #304FFE;
    color: white;
}

.pokemontyp5sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp6sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #2962FF;
    color: white;
}

.pokemontyp6sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp7sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #0091EA;
    color: white;
}

.pokemontyp7sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp8sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #00B8D4;
    color: white;
}

.pokemontyp8sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp9sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #00BFA5;
    color: white;
}

.pokemontyp9sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp10sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #1B5E20;
    color: white;
}

.pokemontyp10sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp11sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #33691E;
    color: white;
}

.pokemontyp11sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp12sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #827717;
    color: white;
}

.pokemontyp12sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp13sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #F57F17;
    color: white;
}

.pokemontyp13sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp14sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #FF6F00;
    color: white;
}

.pokemontyp14sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp15sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #E65100;
    color: white;
}

.pokemontyp15sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp16sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #BF360C;
    color: white;
}

.pokemontyp16sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp17sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #3E2723;
    color: white;
}

.pokemontyp17sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.pokemontyp18sm {
    display: inline-block;
    padding: 0 25px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 5px;
    background-color: #212121;
    color: white;
}

.pokemontyp18sm img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}