body, html { width:100%; height:100%; margin:0; padding:0; overflow: hidden; font-family: var(--subfont);}

a { text-decoration: none !important;}

#naslov { line-height: 100px; padding: 0px; margin: 0px; text-align: right; color: #ffffff; text-shadow: 2px 2px 2px #333; font-weight: bold; }

.ClimbList, .ActivityList { padding: .25rem 1rem; display:block; border-top:0px solid silver; text-decoration:none; cursor:pointer; font-family: var(--subfont); font-size:1.1em}

.ClimbList:hover, .ActivityList:hover { background:#e9ecef; }

.img-hover { opacity:0.5; } 
.img-hover:hover { opacity:1; } 
	
.dropdown-menu { width:250px; }
footer {   width: 100%; background: #283897; padding:15px;text-align:center; color:#fff;}

#data_box { position:absolute; background: #fff; right:-380px; top:10em; z-index: 2; padding:0px; width:340px;}
#data_box_content { min-height:40px; padding:15px; padding-top:7px;}

#data_box_button { position:absolute; top:0; left:-40px; background:#fff; font-size:1.4em; width:40px; text-align:center; height:40px; line-height:40px; cursor:pointer;}
#data_box_button:hover, #country_box_button:hover { background:#212529; color:#fff;}

#map { z-index:1 !important; position:relative; }

#country_box { position:absolute; position:absolute; top:75px; left:100px; background: #fff; z-index:2; display:none; }
#country_box_button  {position:absolute; top:0; left:-40px; background:#fff; font-size:1.4em; width:40px; text-align:center; height:40px; line-height:40px; cursor:pointer;}
#country_box_content { min-height:40px; padding:15px; padding-top:7px;}

#country_box_name { font-weight:bold; color:#283897;border-bottom:1px solid #283897;padding-bottom:.25em;font-size:1.2em}
#country_box_content_list { overflow-y:auto; max-height:60vh; padding-top:10px;}

#manual_coords  { position:absolute; bottom:1em; left:60px; z-index: 2}

#bodyWrapper {
    max-width: 100vw;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
#bodyWrapper > nav {
    flex: 0 0 56px;
    /*overflow: hidden;*/
}
#mapWrapper {
    flex: 1 0 auto;
    overflow: hidden;
}
#map { height: calc(100vh - 62px); }

.navbar-brand { color:#ffff00 !important; font-weight:bold; font-family:var(--subfont)}
.nav-link { font-family:var(--subfont); font-size: 1.25rem;}
.dropdown-item { font-family:var(--subfont); }
		
.icon_climb { background:#39a935; color:#fff; padding:2px; text-align:center; width:24px; border-radius:3px;}
.icon_climb::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 4px;
        width: 0; height:0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #39a935;
}

.icon_ski { background:#283897; color:#fff; padding:2px; text-align:center; width:24px; border-radius:3px;}
.icon_ski::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 4px;
        width: 0; height:0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #283897;
}

.icon_hiking { background:#E87817; color:#fff; padding:2px; text-align:center; width:24px; border-radius:3px;}
.icon_hiking::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 4px;
        width: 0; height:0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #E87817;
}

.icon_car { background:#666; color:#fff; padding:2px; text-align:center; width:24px; border-radius:3px;}
.icon_car::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 4px;
        width: 0; height:0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #666;
}		

.icon_bike { background:#CD853F; color:#fff; padding:2px; text-align:center; width:24px; border-radius:3px;}
.icon_bike::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 4px;
        width: 0; height:0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #CD853F;
}		

.icon_plane { background:#4682B4; color:#fff; padding:2px; text-align:center; width:24px; border-radius:3px;}
.icon_plane::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 4px;
        width: 0; height:0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #4682B4;
}	

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 90%;
  top: auto;
  left: 5%;
}

.dropdown-menu.show { max-height:70vh; overflow-y: auto; width:300px; }

#eac-container-search_keyword ul {
    max-height: 70vh;
    overflow-y: auto;
    /*
    border: 1px solid #dcdcdc;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-width: 1px 0 1px 0;
    */
}

.lb-data .lb-caption {
    font-weight: normal !important;
    font-size: 1.2em !important;
}