html, body {
  margin: 0;
  padding: 0;
}
.align-center {
	text-align: center;
}
[v-cloak] {
  display: none;
}
.view-map-row .layer-event {
	position: absolute;
	width: 80%;
	height: 80%;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 1;	
	position: relative;
}
.icon-battle0 {
	background: url(../images/battle.png) center center/cover;
}
.icon-battle2 {
	background: url(../images/battle2.png) center center/cover;
}
.icon-chel0 {
	background: url(../images/chel.png) center center/cover;
}
.icon-quest0 {
	background: url(../images/quest.png) center center/cover;
}
.icon-speak0 {
	background: url(../images/speak.png) center center/cover;
}
.icon-angry_bear1 {
	background: url(../images/angry_bear1.png) center center/cover;
}
.view-map-row .layer-event.icon-angry_bear1 {
	width: 27px;
	position: relative;
	left: 9px;
}
.icon-wolf1 {
	background: url(../images/wolf1.png) center center/cover;
}
.view-map-row .layer-event.icon-wolf1 {
	width: 27px;
	position: relative;
	left: 9px;
}

.icon-wolf2 {
	background: url(../images/wolf2.png) center center/cover;
}
.icon-wolf3 {
	background: url(../images/wolf3.png) center center/cover;
}

.icon-scorpion0 {
	background: url(../images/scorpion0.png) center center/cover;
}
.icon-scorpion1 {
	background: url(../images/scorpion1.png) center center/cover;
}
.icon-worm0 {
	background: url(../images/worm.png) center center/cover;
}
.icon-zombie1 {
	background: url(../images/zombie1.png) center center/cover;
}
.view-map-row .layer-event.icon-zombie1 {
	width: 27px;
	position: relative;
	left: 9px;
}
.icon-boss2 {
	background: url(../images/boss2.png) center center/cover;
}
.view-map-row .layer-event.icon-boss2 {
	width: 27px;
	position: relative;
	left: 9px;
}
.icon-boss1 {
	background: url(../images/boss1.png) center center/cover;
}
.view-map-row .layer-event.icon-boss1 {
	width: 27px;
	position: relative;
	left: 9px;
}

.view-map-row .layer-event.icon-player0 {
	width: 48px;
	height: 48px;
	/*left: 7px;
	top: 0px;*/
}

.icon-chest-open0 {
	background: url(../images/chest-locked.png) center center/cover;
}
.icon-chest-locked0 {
	background: url(../images/chest-locked.png) center center/cover;
}
.view-map-row .layer-event.icon-chest-locked0 {
	width: 28px;
	height: 28px;
	left: 9px;
	top: -7px;
}

.icon-basement-door0 {
	background: url(../images/basement_door.jpg) center center/cover;
}
.view-map-row .layer-event.icon-question0 {
	background: url(../images/question.png) center center/cover;	
	width: 20px;
	height: 20px;
	left: 24px;
	top: 3px;
}
.view-map-row .layer-event.icon-battle1 {
	background: url(../images/battle.png) center center/cover;
	width: 20px;
	height: 20px;
	left: 24px;
	top: 3px;
}
.icon-townout0 {
	background: url(../images/town_out.jpg) center center/cover;	
}
.icon-teleport0 {
	background: url(../images/town_in.jpg) center center/cover;	
}

.icon-paper0 {
	background: url(../images/paper.png) center center/cover;	
}
.view-map-row .layer-event.icon-paper0 {
	width: 20px;
	height: 20px;
	left: 18px;
	top: 11px;
	z-index: 2;
}

.icon-raven0 {
	background: url(../images/raven.png) center center/cover;
}
.view-map-row .layer-event.icon-raven0 {
	top: -7px;
}
.icon-fly0 {
	background: url(../images/fly.png) center center/cover;
}
.view-map-row .layer-event.icon-fly0 {
	top: -7px;
}

.tile-map1 {
	background: url(../images/tileset_1.png);
}
.tile-map2 {
	background: url(../images/tileset_mountains_0.png);
}
.tile-map3 {
	background: url(../images/tileset_water.png);
}
.tile-map4 {
	background: url(../images/tileset_cave1.png);
}
.tile-map5 {
	background: url(../images/tileset_sewer_1_48.png);
}
.tile-map6 {
	background: url(../images/tileset_magecity_1.png);
}
.tile-map7 {
	background: url(../images/tileset_indoor_1.png);
}


.sword {
	background: url(../images/sword.png) center center/cover;
}
.knife {
	background: url(../images/knife.png) center center/cover;
}
.heal {
	background: url(../images/regrown.png) center center/cover;
}
.scrap {
	background: url(../images/scrap.png) center center/cover;
}


.poor {
	color: #d2d2d2;
	border: 1px solid #d2d2d2;
	box-shadow: 0px 0px 0px 2px #d2d2d2 inset;
}
.common {
	color: #fff;
	border: 1px solid #fff;
	box-shadow: 0px 0px 0px 2px #fff inset;
}
.uncommon {
	color: #5ee76c;
	border: 1px solid #5ee76c;
	box-shadow: 0px 0px 0px 2px #5ee76c inset;
}
.rare {
	color: #68b8ff;
	border: 1px solid #68b8ff;
	box-shadow: 0px 0px 0px 2px #68b8ff inset;
}
.epic {
	color: #c984ff;
	border: 1px solid #c984ff;
	box-shadow: 0px 0px 0px 2px #c984ff inset;
}
.legendary {
	color: #ff9a34;
	border: 1px solid #ff9a34;
	box-shadow: 0px 0px 0px 2px #ff9a34 inset;
}

.artifact {
	color: #ffeac5;
	border: 1px solid #ffeac5;
	box-shadow: 0px 0px 0px 2px #ffeac5 inset;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-top {
	align-items: start;
}
.field-row, .info {
	margin-bottom: 5px;
}
.field-row label {
	min-width: 140px;
	display: inline-block;
}

.pointer {
	cursor: pointer;
}

.icon-player-up {
	background: url(../images/players/player.png) center center/cover;
}
.icon-player-down {
	background: url(../images/players/player-down.png) center center/cover;
}
.icon-player-left {
	background: url(../images/players/player-left.png) center center/cover;
}
.icon-player-right {
	background: url(../images/players/player-right.png) center center/cover;
}
.icon-player1-up {
	background: url(../images/players/player1.png) center center/cover;
}
.icon-player1-down {
	background: url(../images/players/player1-down.png) center center/cover;
}
.icon-player1-left {
	background: url(../images/players/player1-left.png) center center/cover;
}
.icon-player1-right {
	background: url(../images/players/player1-right.png) center center/cover;
}