@CHARSET "ISO-8859-1";

.rosterSelector {
	grid-area: main;
	padding-top: 0.5vw;
}

.europeMap {
	position: relative;
	text-align: center;
}

.map {
	width: 98.5vw;
	height: 43vw;
	border-top: solid 0.2vw rgba(0, 0, 0, 0.7);
	border-bottom: solid 0.2vw rgba(0, 0, 0, 0.7);
	border-left: solid 0.2vw rgba(0, 0, 0, 0.7);
	border-right: solid 0.2vw rgba(0, 0, 0, 0.7);
}

.nationEmblem {
	width: 3vw;
	height: 3vw;
	text-align: center;
	background-color: rgba(248, 246, 240, 0.6);
	border-radius: 1vw;
	border: solid 0.2vw rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 0.5vw rgba(255, 255, 255, 1);
}

.nationEmblem:hover {
	background: #F8F6F0;
	border-radius: 1vw;
	box-shadow: 0 0 0.5vw rgba(255, 255, 255, 1);
}

.nationEmblemPic {
	width: 100%;
	height: 100%;
}

#BRA {
	position: absolute;
	top: 57%;
	left: 50%;
}

#MOS {
	position: absolute;
	top: 39%;
	left: 75%;
}

#TAT {
	position: absolute;
	top: 71%;
	left: 75%;
}

#GDA {
	position: absolute;
	top: 53%;
	left: 55%;
}

#TUR {
	position: absolute;
	top: 90%;
	left: 67%;
}

#KOZ {
	position: absolute;
	top: 67%;
	left: 66%;
}

#DAN {
	position: absolute;
	top: 45%;
	left: 47%;
}

#KUR {
	position: absolute;
	top: 40%;
	left: 61%;
}

#RON {
	position: absolute;
	top: 62%;
	left: 59%;
}

#SIE {
	position: absolute;
	top: 81%;
	left: 59%;
}

#IMP {
	position: absolute;
	top: 71%;
	left: 52%;
}

#SWE {
	position: absolute;
	top: 33%;
	left: 56%;
}

.rosterListHidden {
	display: none;
}

.rosterList {
	display: grid;
	position: absolute;
	top: 8vw;
	left: 3vw;
	z-index: 10;
	grid-template-columns: 50vw;
	grid-template-rows: 3.4vw auto 7vw;
	grid-template-areas: "recon_list_top" "recon_list" "recon_list_bottom";
}

.rosterListTop {
	grid-area: recon_list_top;
	background-image: url("../../img/scrolltopbackground.png");
	background-repeat: no-repeat;
	background-size: 50vw;
	height: 5vw;
	width: 50vw;
}

.rosterListMiddle {
	grid-area: recon_list;
	background-image: url("../../img/scrollbackground.png");
	background-repeat: repeat-y;
	background-size: 50vw;
}

.rosterListBottom {
	grid-area: recon_list_bottom;
	background-image: url("../../img/scrollbottombackground.png");
	background-repeat: no-repeat;
	height: 5vw;
	background-size: 50vw;
}

.listBottomClose {
	text-align: center;
	margin-top: 1vw;
	font-size: .7vw;
}

.nationPanel {
	display: none;
	margin-left: 2vw;
}

.nationGrid {
	display: grid;
	grid-template-columns: 5vw 40vw 5vw;
	grid-template-rows: 5vw auto;
	grid-template-areas: "emblem nation pages" "armylist armylist armylist";
	border-left: 0px solid transparent;
}

.emblem {
	grid-area: emblem;
}

.nationName {
	grid-area: nation;
	justify-self: left;
	align-self: center;
	margin-left: 1vw;
	font-size: 1.5vw;
	font-weight: 700;
	font-style: italic;
}

.nationPages {
	grid-area: pages;
	margin-right: 1vw;
	margin-left: -10vw;
}

.nationPage {
	display: inline;
	width: 2vw;
	padding-left: 1vw;
	padding-right: 1vw;
	align-self: center;
	font-size: 1.1vw;
	font-weight: 700;
}

.nationPageActive {
	border-bottom: 0.3vw solid #986F12;
}

.nationArmiesMap {
	grid-area: armylist;
}

.armyMap {
	display: grid;
	grid-template-columns: auto 4vw 2vw 2vw 2vw 2vw 2vw;
	grid-template-rows: 1.8vw;
	grid-template-areas:
		"armyname revision emblem1 emblem2 emblem3 emblem4 emblem5";
}

.armyMapPage1 {
	
}

.armyMapPage2 {
	display: none;
}

.armyMapPage3 {
	display: none;
}

.armylinkMap {
	grid-area: armyname;
	justify-self: left;
	align-self: center;
	font-size: 0.9vw;
	padding-right: .4vw;
	padding-left: .6vw;
	padding-top: .4vw;
	padding-bottom: .4vw;
	width: 30vw;
}

.armylinkMapInactive {
	grid-area: armyname;
	justify-self: left;
	align-self: center;
	font-size: 0.9vw;
	padding-right: .4vw;
	padding-left: .6vw;
	padding-top: .4vw;
	padding-bottom: .4vw;
	width: 30vw;
	opacity: .5;
}

.armylinkMap:hover {
	color: #ffffff;
	background: #576680;
	border-radius: 0.5vw;
	width: 30vw;
}

.revisionMap {
	grid-area: revision;
	justify-self: center;
	align-self: center;
	font-size: .8vw;
}

.emblempicMap {
	max-width: 1.5vw;
	max-height: 1.5vw;
}

.emblemsmallMap1 {
	grid-area: emblem1;
}

.emblemsmallMap2 {
	grid-area: emblem2;
}

.emblemsmallMap3 {
	grid-area: emblem3;
}

.emblemsmallMap4 {
	grid-area: emblem4;
}

.emblemsmallMap5 {
	grid-area: emblem5;
}