@charset "utf-8";
/* CSS Document - navigation.css */

/* NAV CONSOLE */

/* NAV CONSOLE - LEFT */

.nav_console_left_cloak {
	display: none;
	opacity: 0;	
}

.nav_console_left_lock {
	position: fixed;
	z-index: 500;
	top: 0.4vh;
	left: 0.8vw;
    height: 5vh;
	min-height: 5vh;
}

.nav_console_left_shell {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 5vh;	
}

.dynapage_return_lock {
	margin-right: 0.3vmax;
}

.dynapage_return_cloak {
	display: none;
	opacity: 0;
}

.dynapage_return_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 5vh;
}

#dynapage_return_svg {
    height: 5vh;
}

.nav_menu_button_cloak {
	display: none;
	opacity: 0;
}

.nav_menu_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 5vh;
}

#nav_menu_button {
    height: 5vh;
}

.nav_menu_button_open {
	opacity: 0;
}

.nav_menu_button_closed {
	opacity: 1;
}


/* NAV CONSOLE - RIGHT */

.nav_console_right_cloak {
	display: none;
	opacity: 0;	
}

.nav_console_right_lock {
	position: fixed;
	z-index: 500;
	top: 0.4vh;
	right: 0.8vw;
    height: 5vh;
	min-height: 5vh;	
}

.nav_console_right_shell {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;	
}

.content_lock_button_lock {
	margin-right: 0.3vmax;	
}

.content_lock_button_cloak {
	display: none;
	opacity: 0;	
}

.content_lock_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 5vh;	
}

#content_lock_button {
    height: 5vh;	
}

.content_lock_button_locked {
	opacity: 1;	
}

.content_lock_button_unlocked {
	opacity: 0;	
}

.nav_mode_button_cloak {
	display: none;
	opacity: 0;
}

.nav_mode_button_shell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 5vh;
}

#nav_mode_button {
    height: 5vh;
}

.nav_mode_button_light {
	opacity: 1;
}

.nav_mode_button_dark {
	opacity: 0;
}


/* NAV MENU */

#nav_underlayer {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.nav_menu_bar_spacer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
	min-width: 100vw;
	height: 6vh;
	min-height: 6vh;
}

.navbar_spacer_shell {
    width: 100vw;
	min-width: 100vw;
	height: 94vh;
	min-height: 94vh;
}

.nav_menu_shroud {
	display: none;
	opacity: 0;
	width: 100vw;
    height: 100vh;
}

.nav_menu_shell {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.nav_menu_headline_shell_1 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 9vh;
}

.nav_headline_txt {
	margin-top: 1.5vh;
}

.nav_menu_headline_shell_2 {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
}

.nav_menu_loc {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    height: 12vh;
}

#nav_menu_options {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 59vh;
}


.nav_menu_txt_shroud {
	display: none;
	opacity: 0;
}

.nav_menu_footer {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
}

.nav_menu_footer_shroud {
	opacity: 0;
}

.nav_footer_txt {
	
}

.nav_menu_logo_shell {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 10vh;
	width: 10vh;
	margin-left: 0.6vw;
	margin-right: 1vw;
}

.nav_menu_svg_logo {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	height: 100%;	
}

.nav_menu_bar_shroud {
	display: none;
	opacity: 0;
	width: 100vw;
    height: 6vh;
	min-height: 6vh;
}

.nav_menu_bar_lock {
	position: fixed;
	z-index: 450;
	top: 0;
}

#nav_menu_bar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
    height: 6vh;
	min-height: 6vh;
}

#nav_menu_bar_row {
    display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 5.5vh;	
}

.nav_menu_bar_hd {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 1.5vh;
	margin-top: -0.5vh;
}
.nav_menu_bar_hd2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 30vw;
    height: 1.5vh;
    margin-top: -0.5vh;
}

#nav_menu_logo {
	height: 5vh;
	margin-top: -0.2vh;
	margin-left: 1vw;
	margin-right: 1vw;
}

#nav_menu_line {
    width: 100%;
}



#nav_menu_options ul li {
	margin-bottom: 2vh;
}



.nav_menu_item {
	display:flex;
	height: inherit;
	flex-direction: column;
    justify-content: center;
}

.nav_menu_item.nav_menu_item_col {
	justify-content: flex-start;
	align-items: center;
	
}

.nav_menu_item_1 {
	display:flex;
	height: inherit;
	flex-direction: row;
    justify-content: center;
}

.nav_menu_item_2 {
	display:flex;
	height: inherit;
	flex-direction: row;
    justify-content: center;	
}


.nav_item_shell {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.nav_item_svg_icon {
	display:flex;
	height: 3vmax;
	width: 3vmax;
	margin-right: 1.4vw;
	margin-top: -0.6vh;
}