@font-face {
    font-family: glyphicon;
    src: url(../font/foundation-icons.woff);
  }


.item_container{
    display:flex;
    float:left;
    height:inherit;
    margin:0px;
    justify-content:center;
    align-items: center;
    position: relative;
}


.item_menu{
    position:absolute;
    background:rgba(0,0,0,.3);
    border-radius:6px;
    border:0px solid #000000;
    z-index: 99999;
    width: auto;
    display: inline-block;
    font-size:1.5em;
    padding:2px;
    margin:0px;
}

.item_menu_button{
    margin: 2px;
    padding: 10px;
    font-family:glyphicon;
    font-size:inherit;
}




.items{
    height:100%;
    width:92%;
    border:3px solid #000000;
    box-sizing:border-box;
    overflow:hidden;
}

.items img{
    min-height:100%;
    max-height:100%;
    opacity:1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.items img.drag_target{
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}


.label{
    height:100%;
    width:8%;
    user-select: none;
    text-align:center;
    box-sizing:border-box;
    float:left;
    border:3px solid #000000;
}

.label p{
    color:#ffffff;
    position:relative;
    top:50%;
    line-height:0px;
    margin:0px;
    text-shadow:0px 0px 4px #000000;
    font-weight:bold;
    font-size:3em;
}

#tierListContainer{
    height:100%;
    width:100%;
}

.tier{
    position:relative;
    width:100%;
    background-color:#333333;
    border:0px solid #000000;
    box-sizing:border-box;
    display:block;
}