.container .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #04AA6D;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}



@font-face {
  font-family: "Minecraft";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local("Minecraft "),
    local("Minecraft"),
    url("/assets/minecraft.woff"),
    url("/assets/minecraft.woff2"),
    url("/assets/minecraft.ttf") format("truetype");
    
}


.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }


div#inventory {
  list-style-type:none;
}
div#inventory div{
  position: relative;
  font-size:20px;
}
div#inventory div > span {
  position: relative;
  display:none;
}
div#inventory div:hover > span {
  position: absolute;
  top:-50px;
  left:0px;
  display:block;
  color:white;
  background-color: #100010;
  background-color: rgba(16,0,16,0.94);
  padding: 0.375em;
  font-size: 16px;
  word-spacing: 4px;
  white-space: nowrap;
  line-height: 1.25em;
  margin: 0.125em 0.25em;
  pointer-events: none;
  z-index: 9999;
  
  color: #FFF;
  text-shadow: 0.125em 0.125em 0 #3F3F3F;
}

div#inventory div:hover > span::before {
    content: "";
    position: absolute;
    top: 0.125em;
    right: -0.125em;
    bottom: 0.125em;
    left: -0.125em;
    border: 0.125em solid #100010;
    border-style: none solid;
    border-color: rgba(16,0,16,0.94);
}

div#inventory div:hover > span::after {
    content: "";
    position: absolute;
    top: 0.125em;
    right: 0;
    bottom: 0.125em;
    left: 0;
    border: 0.125em solid #2D0A63;
    border-image: -webkit-linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31)) 1;
    border-image: linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31)) 1;
}



.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}

.ingredient { cursor: pointer; }

.crafting-holder {
	float:left;
	padding: 10px;
	margin-top: 10px;
	background: #C6C6C6;
	border: 2px solid #373737;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}

.crafting {
	width: 230px;
	margin: 0 auto;
}

.crafting-table {
	background: #C6C6C6;
	border: outset 2px #999;
	text-align: left !important;
	margin-left: 2px;
	border: 0;
	line-height: 42px;
}

.inventory, .inventory-large {
	float: left;
	display: block;
	text-align: center !important;
	background-color: #8B8B8B;
	border: 2px solid #373737;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	vertical-align: middle;
}



.minecraft-bg-0 {
  background-color: #000;
  color: #ffffff;
}

.minecraft-bg-1 {
  background-color: #00A;
  color: #ffffff;
}

.minecraft-bg-2 {
  background-color: #0A0;
  color: #ffffff;
}

.minecraft-bg-3 {
  background-color: #0AA;
  color: #ffffff;
}

.minecraft-bg-4 {
  background-color: #A00;
  color: #ffffff;
}

.minecraft-bg-5 {
  background-color: #A0A;
  color: #ffffff;
}

.minecraft-bg-6 {
  background-color: #FA0;
  color: #ffffff;
}

.minecraft-bg-7 {
  background-color: #AAA;
  color: #000000;
}

.minecraft-bg-8 {
  background-color: #555;
  color: #ffffff;
}

.minecraft-bg-9 {
  background-color: #55F;
  color: #000000;
}

.minecraft-bg-a {
  background-color: #5F5;
  color: #000000;
}

.minecraft-bg-b {
  background-color: #5FF;
  color: #000000;
}

.minecraft-bg-c {
  background-color: #F55;
  color: #000000;
}

.minecraft-bg-d {
  background-color: #F5F;
  color: #000000;
}

.minecraft-bg-e {
  background-color: #FF5;
  color: #000000;
}

.minecraft-bg-f {
  background-color: #FFF;
  color: #000000;
}

.minecraft-fontcolor-0 {
  color: #000;
}

.minecraft-fontcolor-1 {
  color: #00A;
}

.minecraft-fontcolor-2 {
  color: #0A0;
}

.minecraft-fontcolor-3 {
  color: #0AA;
}

.minecraft-fontcolor-4 {
  color: #A00;
}

.minecraft-fontcolor-5 {
  color: #A0A;
}

.minecraft-fontcolor-6 {
  color: #FA0;
}

.minecraft-fontcolor-7 {
  color: #AAA;
}

.minecraft-fontcolor-8 {
  color: #555;
}

.minecraft-fontcolor-9 {
  color: #55F;
}

.minecraft-fontcolor-a {
  color: #5F5;
}

.minecraft-fontcolor-b {
  color: #5FF;
}

.minecraft-fontcolor-c {
  color: #F55;
}

.minecraft-fontcolor-d {
  color: #F5F;
}

.minecraft-fontcolor-e {
  color: #FF5;
}

.minecraft-fontcolor-f {
  color: #FFF;
}




.callout.callout-pink {
  border-left-color: #e83e8c;
}

.callout.callout-indigo {
  border-left-color: #55F;
}

.callout.callout-blue {
  border-left-color: #00A;
}

.bg-mcblue {
  background-color: #00A !important;
  color: #FFF;
}

.bg-mcblue,
.bg-mcblue > a {
  color: #ffffff !important;
}

.bg-mcblue.btn:hover {
  border-color: #0062cc;
  color: #ececec;
}

.bg-mcblue.btn:not(:disabled):not(.disabled):active, .bg-mcblue.btn:not(:disabled):not(.disabled).active, .bg-mcblue.btn:active, .bg-mcblue.btn.active {
  background-color: #0062cc !important;
  border-color: #005cbf;
  color: #ffffff;
}



.bg-mcindigo {
  background-color: #55F !important;
  color: #FFF;
}

.bg-mcindigo,
.bg-mcindigo > a {
  color: #ffffff !important;
}

.bg-mcindigo.btn:hover {
  border-color: #0062cc;
  color: #ececec;
}

.bg-mcindigo.btn:not(:disabled):not(.disabled):active, .bg-mcindigo.btn:not(:disabled):not(.disabled).active, .bg-mcindigo.btn:active, .bg-mcindigo.btn.active {
  background-color: #0062cc !important;
  border-color: #005cbf;
  color: #ffffff;
}

table.dataTable tbody td {
    word-break: break-word;
    vertical-align: center;
}

div.dataTables_filter {
   float: right !important;
}

.minecraft {
  font-family: "Minecraft";
}

img.pngshadow {
  -webkit-filter: drop-shadow(5px 5px 7px rgba(0,0,0,0.5)); 
  filter: drop-shadow(5px 5px 7px rgba(0,0,0,0.5));

}

div.dataTables_wrapper {
  width:100%;
}



.minecraft-black {
  color: #000000;
  text-shadow: 1px 1px 0 #000000;
  
}

.minecraft-dark-blue {
  color: #0000aa;
  text-shadow: 1px 1px 0 #00002a;
}

.minecraft-dark-green {
  color: #00aa00;
  text-shadow: 1px 1px 0 #002a00;
}

.minecraft-dark-aqua {
  color: #00aaaa;
  text-shadow: 1px 1px 0 #002a2a;
}

.minecraft-dark-red {
  color: #aa0000;
  text-shadow: 1px 1px 0 #2a0000;
}

.minecraft-dark-purple {
  color: #aa00aa;
  text-shadow: 1px 1px 0 #2a002a;
}

.minecraft-gold {
  color: #ffaa00;
  text-shadow: 1px 1px 0 #2a2a00;
}

.minecraft-gray {
  color: #aaaaaa;
  text-shadow: 1px 1px 0 #2a2a2a;
}

.minecraft-dark-gray {
  color: #555555;
  text-shadow: 1px 1px 0 #151515;
}

.minecraft-blue {
  color: #5555ff;
  text-shadow: 1px 1px 0 #15153f;
}

.minecraft-green {
  color: #55ff55;
  text-shadow: 1px 1px 0 #153f15;
font-family: "Minecraft";
}

.minecraft-aqua {
  color: #55ffff;
  text-shadow: 1px 1px 0 #153f3f;
}

.minecraft-red {
  color: #ff5555;
  text-shadow: 1px 1px 0 #3f1515;
}

.minecraft-light-purple {
  color: #ff55ff;
  text-shadow: 1px 1px 0 #3f153f;
}

.minecraft-yellow {
  color: #ffff55;
  text-shadow: 1px 1px 0 #3f3f15;
}

.minecraft-white {
  color: #ffffff;
  text-shadow: 1px 1px 0 #3f3f3f;
}




/*
 * Minecraft Color Parser for PHP
 * Copyright (c) 2013, Minecrell
 * MIT License: http://opensource.org/licenses/MIT
 */

/* Colors  */
.mc-color.mc-0 { /* Black */ color: #000000; }
.mc-color.mc-1 { /* Dark Blue */ color: #0000AA; }
.mc-color.mc-2 { /* Dark Green */ color: #00AA00; }
.mc-color.mc-3 { /* Dark Aqua */ color: #00AAAA; }
.mc-color.mc-4 { /* Dark Red */ color: #AA0000; }
.mc-color.mc-5 { /* Purple */ color: #AA00AA; }
.mc-color.mc-6 { /* Gold */ color: #FFAA00; }
.mc-color.mc-7 { /* Gray */ color: #AAAAAA; }
.mc-color.mc-8 { /* Dark Gray */ color: #555555; }
.mc-color.mc-9 { /* Blue */ color: #5555FF; }
.mc-color.mc-a { /* Green */ color: #55FF55; }
.mc-color.mc-b { /* Aqua */ color: #55FFFF; }
.mc-color.mc-c { /* Red */ color: #FF5555; }
.mc-color.mc-d { /* Light Purple */ color: #FF55FF; }
.mc-color.mc-e { /* Yellow */ color: #FFFF55; }
.mc-color.mc-f { /* White */ color: #FFFFFF; }

/* Formatting */
.mc-color, .mc-r {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.mc-k { /* TODO */ }
.mc-l { /* Bold */ font-weight: bold; }
.mc-m { /* Strikethrough */ text-decoration: line-through; }
.mc-n { /* Underline */ text-decoration: underline; }
.mc-o { /* Italic */ font-style: italic; }

/* Recommend Font: http://www.dafont.com/minecraftia.font */