a:focus {
    outline: 0
}

a:active,
a:hover {
    outline: 0;
    color: #59AD59
}



img {
    max-width: 100% !important;
    vertical-align: middle;
    border: 0
}



table {
    width: 100%
}



.button {
    outline: 0;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    color: #fff;
    border: 0;
   
    background-color: #59AD59;
    background-position: 99% 50%;
    background-repeat: no-repeat;
    border-bottom: 3px #2E882E solid
}


.button:hover,
a.button {
    color: #fff !important
}


table strong,
table th {
    font-weight: 700
}

table td,
table th {
    padding: 10px;
    vertical-align: top;
    text-align: left
}

.button:hover {
    background-color: #B4E1B4;
    background-position: 100% 50%
}

.button:active {
    color: #fff
}

.button:visited,
table td {
    color: #000
}



table td {
    background: #c6c6c6;
    font-size: .8125em;
    line-height: 1
}

table {
    max-width: 100%;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    border-collapse: collapse;
    border-spacing: 0
}

table th {
    line-height: 1.5;
    font-size: .875rem;
    background-color: #dce9f4;
    color: #222
}

table thead th {
    vertical-align: bottom
}

table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
    border-top: 0
}

table tbody tr td,
table tbody tr th {
    -moz-transition: background-color .25s 0 linear 1s ease-in-out;
    -webkit-transition: background-color .25s 0 linear 1s ease-in-out;
    -o-transition: background-color .25s 0 linear 1s ease-in-out;
    transition: background-color .25s 0 linear 1s ease-in-out
}

.table-bordered {
    border: 1px solid #ccc;
    border-left: 0;
    border-collapse: separate
}

.table-bordered td,
.table-bordered th {
    border-left: 1px solid #ccc
}

.table-bordered tbody:first-child tr:first-child td,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered thead:first-child tr:first-child th {
    border-top: 0
}

.table-striped tbody tr:nth-child(odd) td {
    background-color: rgba(204, 204, 204, .4)
}



.craftingContainer {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width:770px) {
    .craftingTable {
        overflow: visible
    }
}

.bottomline {
    border-bottom: 2px solid #dce9f4
}


.centered {
    text-align: center
}


#containerp {
    float: left;
    width: 99%
}




div.tooltipp {
    outline: 0;
    display: inline
}

div.tooltipp strong {
    line-height: 30px
}

div.tooltipp span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 300px;
    line-height: 16px
}

div.tooltipp:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #dce9f4;
    background: #e4f1fc
}

.callout {
    z-index: 20;
    position: absolute;
    top: 0;
    border: 0;
    left: -100px
}

div.tooltipp span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC
}

table.clean-table tr td {
    background: 0 0
}

table.clean-table td {
    width: 50%
}

.cs-button {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #55acee;
    padding: .8em 1.2em;
    border-radius: 3px;
    display: inline-block
}

.cs-button-icon,
.cs-button-label {
    vertical-align: middle
}

.cs-button-icon {
    width: 2em;
    height: 2em;
    font-size: 1.5em;
    margin-right: .2em
}

.cs-button-icon path {
    fill: #fff
}

.cs-button-label {
    font-size: 1em;
    font-weight: 500
}

.cs-button:hover {
    background-color: #fff;
    color: #000
}


a.sprite {
    float: left;
    width: 32px;
    height: 32px;
    margin: 1px
}

.sprite {
    background: url(./crafting-sprites.png) no-repeat
}

.sprite.blue-wool {
    background-position: 0 0
}

.sprite.boat {
    background-position: 0 -42px
}

.sprite.bone-block {
    background-position: 0 -84px
}

.sprite.bone-meal {
    background-position: 0 -126px
}

.sprite.book {
    background-position: 0 -168px
}

.sprite.book-and-quill {
    background-position: 0 -210px
}

.sprite.bookshelf {
    background-position: 0 -252px
}

.sprite.boots {
    background-position: 0 -294px
}

.sprite.bow {
    background-position: 0 -336px
}

.sprite.bowl {
    background-position: 0 -378px
}

.sprite.bread {
    background-position: 0 -420px
}

.sprite.brewing-stand {
    background-position: 0 -462px
}

.sprite.brick-block {
    background-position: 0 -504px
}

.sprite.brown-wool {
    background-position: 0 -546px
}

.sprite.bucket {
    background-position: 0 -588px
}

.sprite.cactus-green {
    background-position: 0 -630px
}

.sprite.cake {
    background-position: 0 -672px
}

.sprite.carpet {
    background-position: 0 -714px
}

.sprite.carrot-on-a-stick {
    background-position: 0 -756px
}

.sprite.cauldron {
    background-position: 0 -798px
}

.sprite.charcoal {
    background-position: 0 -840px
}

.sprite.chest {
    background-position: 0 -882px
}

.sprite.chestplates {
    background-position: 0 -924px
}

.sprite.chiseled-quartz-block {
    background-position: 0 -966px
}

.sprite.chiseled-sandstone {
    background-position: 0 -1008px
}

.sprite.chiseled-stone-brick {
    background-position: 0 -1050px
}

.sprite.clay-block {
    background-position: 0 -1092px
}

.sprite.clay-brick {
    background-position: 0 -1134px
}

.sprite.clock {
    background-position: 0 -1176px
}

.sprite.coal {
    background-position: 0 -1218px
}

.sprite.coal-block {
    background-position: 0 -1260px
}

.sprite.coarse-dirt {
    background-position: 0 -1302px
}

.sprite.cobblestone-wall {
    background-position: 0 -1344px
}

.sprite.compass {
    background-position: 0 -1386px
}

.sprite.cooked-chicken {
    background-position: 0 -1428px
}

.sprite.cooked-fish {
    background-position: 0 -1470px
}

.sprite.cooked-porkchop {
    background-position: 0 -1512px
}

.sprite.cookie {
    background-position: 0 -1554px
}

.sprite.crafting-table {
    background-position: 0 -1596px
}

.sprite.cyan-dye {
    background-position: 0 -1638px
}

.sprite.cyan-wool {
    background-position: 0 -1680px
}

.sprite.damaged-shield {
    background-position: 0 -1722px
}

.sprite.dandelion-yellow-dye {
    background-position: 0 -1764px
}

.sprite.dark-prismarine {
    background-position: 0 -1806px
}

.sprite.daylight-sensor {
    background-position: 0 -1848px
}

.sprite.detector-rail {
    background-position: 0 -1890px
}

.sprite.diamond {
    background-position: 0 -1932px
}

.sprite.diorite {
    background-position: 0 -1974px
}

.sprite.dispenser {
    background-position: 0 -2016px
}

.sprite.doors {
    background-position: 0 -2058px
}

.sprite.dropper {
    background-position: 0 -2100px
}

.sprite.emerald {
    background-position: 0 -2142px
}

.sprite.enchanted-golden-apple {
    background-position: 0 -2184px
}

.sprite.enchantment-table {
    background-position: 0 -2226px
}

.sprite.end-crystal {
    background-position: 0 -2268px
}

.sprite.ender-chest {
    background-position: 0 -2310px
}

.sprite.end-rod {
    background-position: 0 -2352px
}

.sprite.end-stone-brick {
    background-position: 0 -2394px
}

.sprite.eye-of-ender {
    background-position: 0 -2436px
}

.sprite.fence {
    background-position: 0 -2478px
}

.sprite.fence-gate {
    background-position: 0 -2520px
}

.sprite.fermented-spider-eye {
    background-position: 0 -2562px
}

.sprite.fire-charge {
    background-position: 0 -2604px
}

.sprite.firework-rocket {
    background-position: 0 -2646px
}

.sprite.firework-star {
    background-position: 0 -2688px
}

.sprite.fishing-rod {
    background-position: 0 -2730px
}

.sprite.flint-and-steel {
    background-position: 0 -2772px
}

.sprite.flower-pot {
    background-position: 0 -2814px
}

.sprite.furnace {
    background-position: 0 -2856px
}

.sprite.glass {
    background-position: 0 -2898px
}

.sprite.glass-bottle {
    background-position: 0 -2940px
}

.sprite.glass-pane {
    background-position: 0 -2982px
}

.sprite.glistering-melon {
    background-position: 0 -3024px
}

.sprite.glowstone {
    background-position: 0 -3066px
}

.sprite.golden-apple {
    background-position: 0 -3108px
}

.sprite.golden-carrot {
    background-position: 0 -3150px
}

.sprite.gold-ingot {
    background-position: 0 -3192px
}

.sprite.gold-nugget {
    background-position: 0 -3234px
}

.sprite.granite {
    background-position: 0 -3276px
}

.sprite.gray-dye {
    background-position: 0 -3318px
}

.sprite.gray-wool {
    background-position: 0 -3360px
}

.sprite.green-wool {
    background-position: 0 -3402px
}

.sprite.hardened-clay {
    background-position: 0 -3444px
}

.sprite.hay-bale {
    background-position: 0 -3486px
}

.sprite.helmets {
    background-position: 0 -3528px
}

.sprite.hoes {
    background-position: 0 -3570px
}

.sprite.hopper {
    background-position: 0 -3612px
}

.sprite.iron-bars {
    background-position: 0 -3654px
}

.sprite.iron-ingot {
    background-position: 0 -3696px
}

.sprite.iron-trapdoor {
    background-position: 0 -3738px
}

.sprite.item-frame {
    background-position: 0 -3780px
}

.sprite.jack-o-lantern {
    background-position: 0 -3822px
}

.sprite.jukebox {
    background-position: 0 -3864px
}

.sprite.ladder {
    background-position: 0 -3906px
}

.sprite.lapis-lazuli {
    background-position: 0 -3948px
}

.sprite.lead {
    background-position: 0 -3990px
}

.sprite.leather {
    background-position: 0 -4032px
}

.sprite.leggins {
    background-position: 0 -4074px
}

.sprite.lever {
    background-position: 0 -4116px
}

.sprite.light-blue-dye {
    background-position: 0 -4158px
}

.sprite.light-blue-wool {
    background-position: 0 -4200px
}

.sprite.light-gray-dye {
    background-position: 0 -4242px
}

.sprite.light-gray-wool {
    background-position: 0 -4284px
}

.sprite.lime-dye {
    background-position: 0 -4326px
}

.sprite.lime-wool {
    background-position: 0 -4368px
}

.sprite.magenta-dye {
    background-position: 0 -4410px
}

.sprite.magenta-wool {
    background-position: 0 -4452px
}

.sprite.magma-block {
    background-position: 0 -4494px
}

.sprite.magma-cream {
    background-position: 0 -4536px
}

.sprite.map {
    background-position: 0 -4578px
}

.sprite.melon-block {
    background-position: 0 -4620px
}

.sprite.melon-seeds {
    background-position: 0 -4662px
}

.sprite.minecart {
    background-position: 0 -4704px
}

.sprite.minecart-with-chest {
    background-position: 0 -4746px
}

.sprite.minecart-with-hopper {
    background-position: 0 -4788px
}

.sprite.minecart-with-tnt {
    background-position: 0 -4830px
}

.sprite.mineral-block {
    background-position: 0 -4872px
}

.sprite.minerals {
    background-position: 0 -4914px
}

.sprite.moss-stone {
    background-position: 0 -4956px
}

.sprite.mossy-stone-brick {
    background-position: 0 -4998px
}

.sprite.mushroom-stew {
    background-position: 0 -5040px
}

.sprite.nether-brick {
    background-position: 0 -5082px
}

.sprite.nether-brick-fence {
    background-position: 0 -5124px
}

.sprite.nether-quartz {
    background-position: 0 -5166px
}

.sprite.nether-wart-block {
    background-position: 0 -5208px
}

.sprite.note-block {
    background-position: 0 -5250px
}

.sprite.orange-dye {
    background-position: 0 -5292px
}

.sprite.orange-wool {
    background-position: 0 -5334px
}

.sprite.painting {
    background-position: 0 -5376px
}

.sprite.paper {
    background-position: 0 -5418px
}

.sprite.patterned-shield {
    background-position: 0 -5460px
}

.sprite.pickaxes {
    background-position: 0 -5502px
}

.sprite.pillar-quartz-block {
    background-position: 0 -5544px
}

.sprite.pink-dye {
    background-position: 0 -5586px
}

.sprite.pink-wool {
    background-position: 0 -5628px
}

.sprite.piston {
    background-position: 0 -5670px
}

.sprite.polished-andesite {
    background-position: 0 -5712px
}

.sprite.polished-diorite {
    background-position: 0 -5754px
}

.sprite.polished-granite {
    background-position: 0 -5796px
}

.sprite.powered-minecart {
    background-position: 0 -5838px
}

.sprite.powered-rail {
    background-position: 0 -5880px
}

.sprite.pressure-plates {
    background-position: 0 -5922px
}

.sprite.prismarine {
    background-position: 0 -5964px
}

.sprite.prismarine-bricks {
    background-position: 0 -6006px
}

.sprite.pumpkin-pie {
    background-position: 0 -6048px
}

.sprite.pumpkin-seeds {
    background-position: 0 -6090px
}

.sprite.purple-dye {
    background-position: 0 -6132px
}

.sprite.purple-wool {
    background-position: 0 -6174px
}

.sprite.purpur-block {
    background-position: 0 -6216px
}

.sprite.purpur-pillar {
    background-position: 0 -6258px
}

.sprite.purpur-slab {
    background-position: 0 -6300px
}

.sprite.purpur-stairs {
    background-position: 0 -6342px
}

.sprite.quartz-block {
    background-position: 0 -6384px
}

.sprite.rabbit-stew {
    background-position: 0 -6426px
}

.sprite.rails {
    background-position: 0 -6468px
}

.sprite.red-nether-brick {
    background-position: 0 -6510px
}

.sprite.redstone-block {
    background-position: 0 -6552px
}

.sprite.redstone-comparator {
    background-position: 0 -6594px
}

.sprite.redstone-dust {
    background-position: 0 -6636px
}

.sprite.redstone-lamp {
    background-position: 0 -6678px
}

.sprite.redstone-repeater {
    background-position: 0 -6720px
}

.sprite.redstone-torch {
    background-position: 0 -6762px
}

.sprite.red-wool {
    background-position: 0 -6804px
}

.sprite.rose-red {
    background-position: 0 -6846px
}

.sprite.rose-red-dye {
    background-position: 0 -6888px
}

.sprite.sandstone {
    background-position: 0 -6930px
}

.sprite.sea-lantern {
    background-position: 0 -6972px
}

.sprite.shears {
    background-position: 0 -7014px
}

.sprite.shield {
    background-position: 0 -7056px
}

.sprite.shovels {
    background-position: 0 -7098px
}

.sprite.sign {
    background-position: 0 -7140px
}

.sprite.slime-block {
    background-position: 0 -7182px
}

.sprite.smooth-sandstone {
    background-position: 0 -7224px
}

.sprite.snow-block {
    background-position: 0 -7266px
}

.sprite.spectral-arrow {
    background-position: 0 -7308px
}

.sprite.stained-clay {
    background-position: 0 -7350px
}

.sprite.stained-glass {
    background-position: 0 -7392px
}

.sprite.steak {
    background-position: 0 -7434px
}

.sprite.stick {
    background-position: 0 -7476px
}

.sprite.sticky-piston {
    background-position: 0 -7518px
}

.sprite.stone {
    background-position: 0 -7560px
}

.sprite.stone-brick {
    background-position: 0 -7602px
}

.sprite.stone-button {
    background-position: 0 -7644px
}

.sprite.stone-slabs {
    background-position: 0 -7686px
}

.sprite.stone-stairs {
    background-position: 0 -7728px
}

.sprite.sugar {
    background-position: 0 -7770px
}

.sprite.swords {
    background-position: 0 -7812px
}

.sprite.tipped-arrow {
    background-position: 0 -7854px
}

.sprite.tnt {
    background-position: 0 -7896px
}

.sprite.torches {
    background-position: 0 -7938px
}

.sprite.trapdoor {
    background-position: 0 -7980px
}

.sprite.trapped-chest {
    background-position: 0 -8022px
}

.sprite.tripwire-hook {
    background-position: 0 -8064px
}

.sprite.weighted-pressure-plates {
    background-position: 0 -8106px
}

.sprite.wooden-button {
    background-position: 0 -8148px
}

.sprite.wood-planks {
    background-position: 0 -8190px
}

.sprite.wood-slabs {
    background-position: 0 -8232px
}

.sprite.wood-stairs {
    background-position: 0 -8274px
}

.sprite.wool {
    background-position: 0 -8316px
}

.sprite.yellow-wool {
    background-position: 0 -8358px
}

.sprite.activator-rail {
    background-position: 0 -8400px
}

.sprite.andesite {
    background-position: 0 -8442px
}

.sprite.anvil {
    background-position: 0 -8484px
}

.sprite.armor-stand {
    background-position: 0 -8526px
}

.sprite.arrow {
    background-position: 0 -8568px
}

.sprite.axes {
    background-position: 0 -8610px
}

.sprite.baked-potato {
    background-position: 0 -8652px
}

.sprite.banner {
    background-position: 0 -8694px
}

.sprite.beacon {
    background-position: 0 -8736px
}

.sprite.bed {
    background-position: 0 -8778px
}

.sprite.beetroot-soup {
    background-position: 0 -8820px
}

.sprite.black-wool {
    background-position: 0 -8862px
}

.sprite.blaze-powder {
    background-position: 0 -8904px
}