/* SEEKER - NAVIGATION PANEL - AVATAR ---------------------------- */

.navi_ava_main {
	margin: 4px 0;
	position: relative;
	text-align: center;
}

.navi_ava_button {
	flex: 1;
	height: 40px;
	padding: 0 1px;
	width: 40px;
}

.navi_ava_content {
	align-items: center;
	display: flex;
	position: absolute;
	right: 3px;
	top: -6px;
}

.navi_ava_img {
	box-shadow: 2px 2px 3px #271506;
	border: 6px solid transparent;
	border-image: url(../images/layout/frame_avatar.webp) 6 stretch;
	height: 140px;
	width: 140px;
}

.navi_ava_jailed {
	border: 1px solid;
	height: 150px;
	left: 12px;
	position: absolute;
	width: 150px;
	top: 0;
}

/* SEEKER - NAVIGATION PANEL - BUTTONS --------------------------- */

.navi_button_main {
	align-items: stretch;
	border-bottom: 1px solid #af852b;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 5px;
	min-height: 21px;
}

.navi_button_flex {
	flex: 1;
}

.navi_button_norm {
	filter: drop-shadow(0 1px 1px #271506);
	height: 19px;
	padding: 0 2px 2px 1px;
	position: relative;
	width: 19px;
}

.navi_button_letters {
	background: #ff0000;
	border-radius: 6px;
	color: #ffffff;
	font-size: 60%;
	font-weight: bold;
	height: 12px;
	min-width: 12px;
	padding: 0 1px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

/* SEEKER - NAVIGATION PANEL - STATISTICS ------------------------ */

.navi_stats_icon {
	height: 15px;
	filter: drop-shadow(0 3px 3px #000000);
	float: right;
	padding-right: 5px;
	width: 15px;
}

.navi_stats_icon:hover {
	filter: drop-shadow(0 3px 3px #cc9900);
}

/* SEEKER - NAVIGATION PANEL - LINKS ----------------------------- */

.navi_link {
	border-radius: 5px;
	color: #cc9900;
	cursor: pointer;
	display: block;
	font-size: 90%;
	padding: 3px 0;
	margin: 2px 0 0 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.navi_link:hover {
	background: #660000;
	color: #cc9900;
	transform: translateY(-1px);
}

.navi_on {
	background: #660000;
}

.navi_off {
	background: #330000;
}

/* --------------------------------------------------------------- */