.inventory {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 245px;
  height: 360px;

  background-color: rgba(25, 60, 68, 0.8);
  background: -webkit-linear-gradient(top, rgba(74, 110, 117, 0.8) 0%, rgba(35, 51, 55, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74, 110, 117, 0.8)), color-stop(100%, rgba(35, 51, 55, 0.8)));
  background: -moz-linear-gradient(top, rgba(74, 110, 117, 0.8) 0%, rgba(35, 51, 55, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(74, 110, 117, 0.8) 0%, rgba(35, 51, 55, 0.8) 100%);
  background: linear-gradient(top, rgba(74, 110, 117, 0.8) 0%, rgba(35, 51, 55, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(74, 110, 117, 0.8) 0%, rgba(35, 51, 55, 0.8) 100%);
}

.inventory .title {
  height: 38px;
  color: #fff;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-weight: bold;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  line-height: 38px;

  background-color: #193C44;
  background: -webkit-linear-gradient(top, #44636A 0%, #233337 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44636A), color-stop(100%, #233337));
  background: -moz-linear-gradient(top, #44636A 0%, #233337 100%);
  background: -ms-linear-gradient(top, #44636A 0%, #233337 100%);
  background: linear-gradient(top, #44636A 0%, #233337 100%);
  background: -o-linear-gradient(top, #44636A 0%, #233337 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44636A', endColorstr='#233337');
}

.inventory .grid {
  border: 0;
  list-style-type: none;
  padding: 0;
  margin: 11px auto auto 8px;
}

.inventory .grid  > li {
  padding: 0;
  display: inline-block;
  margin: 0 2px;
  width: 72px;
  height: 72px;
  background: rgba(25, 60, 68, 0.5);

  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.inventory .grid li.icon {
  width: 68px;
  height: 68px;
  border-radius: 4px;
  border: solid 2px #37383b;
  border-color: #37383b;
}
.inventory.draggable_from .grid li.icon:hover {
  border: solid 2px #fdbc16;
  cursor: move;
}

.inventory.draggable_from li.icon.active {
  border: solid 2px #fdbc16;
}

.inventory .grid li.icon:before {
  height: 45px;
  overflow: hidden;
  display: inline-block;
}
.inventory .grid li.icon:after {
  color: #fff;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  line-height: 90%;
  display: inline-block;
  margin: 0;
  position: relative;
  top: -5px;
  width: 68px;
  height: 34px;
  vertical-align: middle;
}

.ipad .inventory .grid li.icon:after {
  vertical-align: bottom;
  font-size: 12px;
  top: 0;
}

/* Bat bones icons */

.inventory .grid li.bat_arm:before {
  content: url('../8302-09-05-15-images/icon_bat_arm.png');
}
.inventory .grid li.bat_arm:after {
  content: 'Arm bone';
}

.inventory .grid li.bat_hip:before {
  content: url('../8302-09-05-15-images/icon_bat_hip.png');
}
.inventory .grid li.bat_hip:after {
  content: 'Hip bone';
}

.inventory .grid li.bat_jaw:before {
  content: url('../8302-09-05-15-images/icon_bat_jaw.png');
}
.inventory .grid li.bat_jaw:after {
  content: 'Jaw bone';
}

.inventory .grid li.bat_skull:before {
  content: url('../8302-09-05-15-images/icon_bat_skull.png');
}
.inventory .grid li.bat_skull:after {
  content: 'Skull bone';
}

.inventory .grid li.bat_wing:before {
  content: url('../8302-09-05-15-images/icon_bat_wing.png');
}
.inventory .grid li.bat_wing:after {
  content: 'Wing bone';
}

/* Shrew bones icons */

.inventory .grid li.shrew_leg_large:before {
  content: url('../8302-09-05-15-images/icon_shrew_leg_large.png');
}
.inventory .grid li.shrew_leg_large:after {
  content: 'Large leg bone';
}

.inventory .grid li.shrew_hip:before {
  content: url('../8302-09-05-15-images/icon_shrew_hip.png');
}
.inventory .grid li.shrew_hip:after {
  content: 'Hip bone';
}

.inventory .grid li.shrew_jaw:before {
  content: url('../8302-09-05-15-images/icon_shrew_jaw.png');
}
.inventory .grid li.shrew_jaw:after {
  content: 'Jaw bone';
}

.inventory .grid li.shrew_shoulder:before {
  content: url('../8302-09-05-15-images/icon_shrew_shoulder.png');
}
.inventory .grid li.shrew_shoulder:after {
  content: 'Shoulder bone';
}

.inventory .grid li.shrew_skull:before {
  content: url('../8302-09-05-15-images/icon_shrew_skull.png');
}
.inventory .grid li.shrew_skull:after {
  content: 'Skull bone';
}

/* Gopher bones icons */

.inventory .grid li.gopher_arm:before {
  content: url('../8302-09-05-15-images/icon_gopher_arm.png');
}
.inventory .grid li.gopher_arm:after {
  content: 'Arm bone';
}

.inventory .grid li.gopher_hip:before {
  content: url('../8302-09-05-15-images/icon_gopher_hip.png');
}
.inventory .grid li.gopher_hip:after {
  content: 'Hip bone';
}

.inventory .grid li.gopher_leg_large:before {
  content: url('../8302-09-05-15-images/icon_gopher_leg_large.png');
}
.inventory .grid li.gopher_leg_large:after {
  content: 'Large leg bone';
}

.inventory .grid li.gopher_skull:before {
  content: url('../8302-09-05-15-images/icon_gopher_skull.png');
}
.inventory .grid li.gopher_skull:after {
  content: 'Skull bone';
}

.inventory .grid li.gopher_spine:before {
  content: url('../8302-09-05-15-images/icon_gopher_spine.png');
}
.inventory .grid li.gopher_spine:after {
  content: 'Spine bone';
}

/* Gull bones icons */

.inventory .grid li.gull_hip:before {
  content: url('../8302-09-05-15-images/icon_gull_hip.png');
}
.inventory .grid li.gull_hip:after {
  content: 'Hip bone';
}

.inventory .grid li.gull_jaw:before {
  content: url('../8302-09-05-15-images/icon_gull_jaw.png');
}
.inventory .grid li.gull_jaw:after {
  content: 'Jaw bone';
}

.inventory .grid li.gull_leg_back:before {
  content: url('../8302-09-05-15-images/icon_gull_leg_back.png');
}
.inventory .grid li.gull_leg_back:after {
  content: 'Back leg bone';
}

.inventory .grid li.gull_skull:before {
  content: url('../8302-09-05-15-images/icon_gull_skull.png');
}
.inventory .grid li.gull_skull:after {
  content: 'Skull bone';
}

.inventory .grid li.gull_wing:before {
  content: url('../8302-09-05-15-images/icon_gull_wing.png');
}
.inventory .grid li.gull_wing:after {
  content: 'Wing bone';
}

/* Mouse bones icons */

.inventory .grid li.mouse_hip:before {
  content: url('../8302-09-05-15-images/icon_mouse_hip.png');
}
.inventory .grid li.mouse_hip:after {
  content: 'Hip bone';
}

.inventory .grid li.mouse_jaw:before {
  content: url('../8302-09-05-15-images/icon_mouse_jaw.png');
}
.inventory .grid li.mouse_jaw:after {
  content: 'Jaw bone';
}

.inventory .grid li.mouse_leg_small:before {
  content: url('../8302-09-05-15-images/icon_mouse_leg_small.png');
}
.inventory .grid li.mouse_leg_small:after {
  content: 'Small leg bone';
}

.inventory .grid li.mouse_skull:before {
  content: url('../8302-09-05-15-images/icon_mouse_skull.png');
}
.inventory .grid li.mouse_skull:after {
  content: 'Skull bone';
}

.inventory .grid li.mouse_shoulder:before {
  content: url('../8302-09-05-15-images/icon_mouse_shoulder.png');
}
.inventory .grid li.mouse_shoulder:after {
  content: 'Shoulder bone';
}

/* Drag item */

.inventory .drag-item {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  margin: 0;
  padding: 0;
}
.inventory .drag-item.bat_arm:before {
  content: url('../8302-09-05-15-images/drag/bat_arm.png');
}
.inventory .drag-item.bat_hip:before {
  content: url('../8302-09-05-15-images/drag/bat_hip.png');
}
.inventory .drag-item.bat_jaw:before {
  content: url('../8302-09-05-15-images/drag/bat_jaw.png');
}
.inventory .drag-item.bat_skull:before {
  content: url('../8302-09-05-15-images/drag/bat_skull.png');
}
.inventory .drag-item.bat_wing:before {
  content: url('../8302-09-05-15-images/drag/bat_wing.png');
}
.inventory .drag-item.gull_hip:before {
  content: url('../8302-09-05-15-images/drag/gull_hip.png');
}
.inventory .drag-item.gull_jaw:before {
  content: url('../8302-09-05-15-images/drag/gull_jaw.png');
}
.inventory .drag-item.gull_leg_back:before {
  content: url('../8302-09-05-15-images/drag/gull_leg_back.png');
}
.inventory .drag-item.gull_skull:before {
  content: url('../8302-09-05-15-images/drag/gull_skull.png');
}
.inventory .drag-item.gull_wing:before {
  content: url('../8302-09-05-15-images/drag/gull_wing.png');
}
.inventory .drag-item.shrew_leg_large:before {
  content: url('../8302-09-05-15-images/drag/shrew_leg_large.png');
}
.inventory .drag-item.shrew_hip:before {
  content: url('../8302-09-05-15-images/drag/shrew_hip.png');
}
.inventory .drag-item.shrew_jaw:before {
  content: url('../8302-09-05-15-images/drag/shrew_jaw.png');
}
.inventory .drag-item.shrew_shoulder:before {
  content: url('../8302-09-05-15-images/drag/shrew_shoulder.png');
}
.inventory .drag-item.shrew_skull:before {
  content: url('../8302-09-05-15-images/drag/shrew_skull.png');
}
.inventory .drag-item.mouse_hip:before {
  content: url('../8302-09-05-15-images/drag/mouse_hip.png');
}
.inventory .drag-item.mouse_jaw:before {
  content: url('../8302-09-05-15-images/drag/mouse_jaw.png');
}
.inventory .drag-item.mouse_leg_small:before {
  content: url('../8302-09-05-15-images/drag/mouse_leg_small.png');
}
.inventory .drag-item.mouse_skull:before {
  content: url('../8302-09-05-15-images/drag/mouse_skull.png');
}
.inventory .drag-item.mouse_shoulder:before {
  content: url('../8302-09-05-15-images/drag/mouse_shoulder.png');
}
.inventory .drag-item.gopher_arm:before {
  content: url('../8302-09-05-15-images/drag/gopher_arm.png');
}
.inventory .drag-item.gopher_hip:before {
  content: url('../8302-09-05-15-images/drag/gopher_hip.png');
}
.inventory .drag-item.gopher_leg_large:before {
  content: url('../8302-09-05-15-images/drag/gopher_leg_large.png');
}
.inventory .drag-item.gopher_skull:before {
  content: url('../8302-09-05-15-images/drag/gopher_skull.png');
}
.inventory .drag-item.gopher_spine:before {
  content: url('../8302-09-05-15-images/drag/gopher_spine.png');
}