html { height: 100% }
body { height: 100%; margin: 0; padding: 0;}
#map{
    font-size: 14;
    width: 100%;
    height: calc( 100vh - 4rem );
    background-color: rgb(68,107,163);
    margin:auto;
    align: center;
    /*   margin-top:5%; */
    overflow:hidden;
}
#upload{
    width: 100%;
    background-color: #1B2838;
    color: white;
    font-size: 16px;

}
#formularee {
    position: absolute;
    margin-left: 10%;
    font-size: 20;
    margin-top: 3%;
    width:75%;

}
body{
    font-family: 'Titillium Web', sans-serif;

    background-color: #1B2838;
    color: whitesmoke;
    align-content: center;
}
table{
    text-align: center;
}
td{
    border-right: 2px solid #35354c;
    text-align: center;
}
#mapmode{
    background-color: pink;
}
a{
    color: #d4d4d4;
}
#uploadedMaps td{
    text-align: left;
    padding-bottom: 5px;
}
#uploadedMaps{
    width:100%;
}

.leaflet-control-messagebox {
    border: 1px solid #060000;
    background-color: #1B2838;
    padding: 3px 10px;
    color:white;
    opacity: 0.9;
}
.leaflet-control-messagebox a{
    color: #d4d4d4;

}
.menu{
    display: block; /* Initially hidden */
    border: 1px solid #060000;
    background-color: #1B2838;
    padding: 3px 10px;
    color:white;
    width: 150;
}
.menu a{
    color: #d4d4d4;
}
#menu{
    font-size: 12px;
    display: block;
    border: 1px solid #060000;
    background-color: #1B2838;
    color:white;
    width: 150px;
    margin-bottom: auto;
    margin-top: auto;

}
#imagebox{
    opacity: 0.9;
}
#selectbox{
    opacity: 0.9;
}
#badbox{
    display: none;
    opacity: 1;
}
.icon{
    border: 5px #000000;
    background-color: blue;
    box-shadow: 1px 2px 4px 1px black;
}
.playericon{
    width: 150px;
    text-shadow: 3px 2px #000000;
    z-index:2000;
}
.playericon{
    width: 20px;
    height: 20px;
    text-shadow:
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;    font-size: 20px;
}
#befehl{
    border-collapse: separate;
    border-spacing: 5px;

}
tr:nth-child(even) {background: #1e384b}
tr:nth-child(odd) {background: #1B2838}
.leaflet-center {
    position: relative !important;
    left: 0;
    right: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
.leaflet-center .leaflet-control {
    bottom: 0; }

.leaflet-control-container .leaflet-control-bottomcenter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }



#selectMenu{
    font-size: 14px;
    display: block;
    border: 1px solid #060000;
    background-color: #1B2838;
    color:white;
    width: auto;
    margin: 0;
}
a{
    text-decoration: none;
    color: #ffffff;
}
.smallFlag{
    text-shadow: 2px 3px black;
    height: 1em;
    width: 1em;
}
fontSize{
    height: 0.8em;
    width: 0.8em;
}
#footerLeft{
    position: relative;
    margin-bottom: 2%;
    margin-left: 3%;
}
#footerRigsht{
    position: relative;
    bottom: 2%;
    right: 3%;
    font-size: 22px;
}
.version{
}
#smallLi{
    height:25px;
}
textarea{
    display:none;
}
.leaflet-popup-content-wrapper{
    background-color: #1B2838;
    color: whitesmoke;
    align-content: center;
    font-family: "Calibri";
}
.leaflet-popup-content-wrapper a:link, .leaflet-popup-content-wrapper a:visited{
    color: grey;
    text-decoration: underline;
}
.leaflet-popup-tip{
    background-color: #1B2838;
    color: whitesmoke;
    align-content: center;
    font-family: "Calibri";
}
.leaflet-bar button{
    padding: 0px;
    background-color: #FF0000;
}
#logo{
    position: absolute;
    left: 50%;
    right: 50%;
    top: 10%;
}
#topright{
    font-size: 22px;
    position: absolute;
    right: 1%;
}
.casualtiesLabel{
    vertical-align:baseline;
    width: 300px;
    height: 10px;
//  background-color:black;
    display:inline-flex;
}
.LabelDescription{
    padding-top: 10;
}
.LabelDescriptionUp{
    position:relative;
    bottom:55px;
}
.singleLabel{
    vertical-align: baseline;
    position:relative;
    display:inline-block;
}
.countryLabel{
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiphover {
    position:relative;
    top:15px;
    left:1px;
    visibility: hidden;
    width: 200px;
    background-color: #695668;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
.tooltip .tooltiphover a {
    color: #1B2838;
}
.tooltip:hover .tooltiphover {
    visibility: visible;
}
h1{
    padding:0;
    margin:0px;
}
h3{
    margin:1px;
}
#menubtn
{
    cursor: pointer;
    left: 4%;
    margin: auto;
    position: fixed;
    color: white;
    font-size: 44px;
    width:44px;
    height:44px;
    z-index: 10;
}
#menu2
{
    max-height: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 10%;
    height: 100%;
    position:fixed;
    left: 0px;
    bottom: 0px;
    border: 1px solid black;
}
#menulista a
{
    text-decoration: none;
    color: white;
}
#menulista
{
    margin-top: 50px;
    color: white;
    font-size: 30px;
    list-style-type: none;
    margin-top: 45px;
    padding: 0px;
    text-align: center;
}
#menulista li
{
}
button {
    border-radius: 5px;
    background-color: #3a4467;
    height: 48px;
    /* width: 75; */
    border: #8ebde6;
    font-size: 18px;
    color: whitesmoke;
}
.edit-icon-container
{
    cursor: pointer;
    width: 14px;
    height: 14px;
}
.edit-icon
{
    width: 100%;
    height: 100%;
}
.edit-box {
    position: absolute;
    background-color: #052340;
    border: 5px solid #143858;
    /* width: 220px; */
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    border-radius: 16px;
    padding: 30px;
}


.sidemenu {
    width:0%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    background-color: #223246;
    overflow-x: hidden;
    transition: 0.5s;
    border-right: 1px solid black;
    box-shadow: 4px 3px 13px 0px black;
}
#menuButton{
    margin:auto;
    width:64px;
    height:64px;
}
#menuContent a
{
    text-decoration: none;
    color: white;
}
#menulista
{
    margin-top: 50px;
    color: white;
    font-size: 1.3vw;

    list-style-type: none;
    margin-top: 45px;
    padding: 0px;
    text-align: center;
}
.selectCategory{
    width:10rem;
    border-radius: 0;
    border: 1px solid black;

}
.selectSubCategory{
    width:12rem;
    border-radius: 0;
    border: 1px solid black;

}
.inlineTable{
    display:inline-block;
    font-size:24px;
    margin-top:2%;
    margin-left: 1%;
    margin-right: 1%;
}
.ideasTable{
    display:inline-block;
    font-size:24px;
    margin-top:2%;
    margin-left: 1%;
    margin-right: 1%;
}
.inlineTable td{
    margin-right:75px;
    width: 150px;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inlineTable td:nth-child(1){
    background-color: #1e384b;
}
.inlineTable td:nth-child(2){
    background-color: #1e3043;
}
.mainBox{
    margin-left:75px;
    margin-top:25px;
    margin-right:75px;
}
#AUG_countries_table{
    display:block;
}
#AUG_global_body{
    display:none;
}
#mapsDiv{
    display:block
}
#basicDiv{
    display:block;
}
#campaignsDiv{
    display:none;
}
#stackwipesDiv{
    display:none
 }
#warStatisticsDiv{
    display:none;
}
.leaflet-left {
    top: 10%;
}
.leaflet-right{
}
.leaflet-top{
    top: 10%;
}
.leaflet-center{
    top:10%;
}
#summaryDiv{
    display:block;
}
#additionalDiv{
    display:none;
}
#calculatorDiv{
    display:none;
}
#tableDiv{
    display:none;
}
.tablesorter-stickyHeader{
    box-shadow: 1px -6px 20px 15px black;
}
#economyDiv{
    display:none;
}
#efficiencyDiv{
    display:none;
}
#ducatsDiv{
    display:none;
}
#mainDiv{
    display:block;
}
#manaDiv{
    display:none;
}
#militaryDiv{
    display:none;
}
#ideasDiv{
    display:none;
}
#miscDiv{
    display:none;
}
#qualityDiv{
    display:none;
}
#militarymetricsDiv{
    display:block;
}
table{
    margin-left: 0%;
}
#statisticsDiv{
    display:none;
}
.selectCategory:hover{
    background-color: #2c637a;
    cursor: pointer;
}
#menulista li {
]: ;
    border: 1px solid black;
    width: 100%;
    border: 1px solid black;
    margin-top: 2px;
    height: 40px;
    background-color: #244058;
    box-shadow: -7px 1px 3px 1px black;
    font-family: Times New Roman;
    overflow: hidden
}
.menuCategory {
    font-size: 1.6vw;
    font-family: Times New Roman;
    text-shadow: 3px 2px black;
    margin-top: 30px;
}
.openMenu{
    position:relative;
    z-index:101;
    padding-right:64px;
}
#box
{
    height:90%;
    top: 12px;
    font-size: 1.2vw;

}
.tooltiphover{
    didsplay:none;
}