.inventory-col, .loadout-col {
  border: 1px solid gray;
  width: 50px;
  min-height: 120px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.remove-item-loadout {
  color: red;
  position: absolute;
  top: 0;
  right: 4px;
  padding: 2px;
  display: none;
  cursor: pointer;
}

.selected {
  background-color: lightpink;
}

.selected-hint {
  background-color: #cffcdb;
}

.show-data-btn {
  display: none;
}

.inventory {
  margin-bottom: 20px;
}

.inventory-col:hover, .loadout-col:hover {
  background-color: beige;
}

.selected:hover {
  background-color: lightcoral;
}

.item-info {
  margin-top: 30px;
}

.rarity-common {
  color: darkgray;
}

.rarity-rare {
  color: darkblue;
}

.rarity-epic {
  color: purple;
}

.rarity-legendary {
  color: orange;
}

.explore {
  background-color: #242424;
  border: 5px solid black;
}

.mana-bar-border, .health-bar-border {
  position: relative;
  border: 1px solid black;
  border-radius: 10px;
  margin: 10px;
}

.mana-bar {
  border-radius: 10px;
  background-color: cornflowerblue;
}

.health-bar {
  border-radius: 10px;
  background-color: red;
}

.mana-bar-border p, .health-bar-border p {
  position: absolute; /* <<< reason for relative positioning */
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.empty, .slot-locked {
  color: lightgray;
}

/*Map Hexagons*/
.mapGrid {
  display: grid;
  justify-content: center;
  overflow: hidden;
}

.hex {
  background-color: #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tile-floor {
  background-color: lightgray;
}

.tile-wall {
  background-color: #242424;
  border: 1px solid gray;
}

.tile-entrance {
  color: orangered;
}

.tile-exit {
  color: green;
}

.tile-player {
  background-color: lightgray;
}

.tile-too-far {
  background-color: dimgray;
}

.tile-lootbox {
  color: yellow;
}

.arenaTitle {
  text-align: center;
}

.admin-menu {
  list-style: none;
}

.admin-menu li {
  border-bottom: 1px solid lightgrey;
  padding-top: 10px;
  padding-bottom: 10px;
}

.admin-menu li a {
  text-decoration: none;
}

.admin-buttons {
  padding: 5px;
}

.admin-buttons .add:hover {
  color: lightgreen;
  cursor: pointer;
}

.table-list-row:hover {
  cursor: pointer;
}

.loadout-slot {
  border: 1px solid gray;
  border-radius: 10px;
  width: 50px;
  height: 120px;
}

.small-slots > .loadout-slot {
  height: 50px;
}

.loadout-slot > p {
  margin: 0 !important;
}

.loadout-title {
  margin-top: 20px !important;
}

#playerField .loadout-slot:hover {
  background-color: beige;
  cursor: pointer;
}

.slot-locked {
  display: inline-block;
}

.slot-locked p {
  margin: 0 !important;
}

.item-effect-col img, .item-stat-col img {
  width: 24px !important;
  height: 24px !important;
}

.item-effect-col, .item-stat-col {
  padding: 0 !important;
}

.item-base-stats, .item-effects {
  padding-left: 10px;
}

.item-info-popup .section-title {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*# sourceMappingURL=style.css.map */