.navigation{
	background: #000000;
	width: 100%;
	height: 60px;
	position: absolute;
	z-index: 50;
	bottom: 0;
	left: 0;
	display: inline-block;
	transition: 0.1s;
}

.navigation .inner{
	position: relative;
	z-index: 10;
	background: #000;
}
.navigation .dynamicWrap{
	z-index: 5;
	position: absolute;
	width: 100%;
	text-align: center;
	transition: 0.2s;
	background: #000;
}

.navigation .dynamicWrap{
	pointer-events: none;
}

.navigation .dynamicWrap .nav-item{
	opacity: 0.5 !important;
}
.nonErgoWorkplace .navigation .dynamicWrap{
	pointer-events: none;
}

.nonErgoWorkplace .navigation .dynamicWrap .nav-item{
	opacity: 0.5 !important;
}
.ergoWorkplace .navigation .dynamicWrap{
	pointer-events: all;
}

.ergoWorkplace .navigation .dynamicWrap .nav-item{
	opacity: 1 !important;
}

body.dynamicExpanded .navigation  .dynamicWrap{
	transform: translateY(-100%);
}
.navigation .nav-item{
	padding: 10px 0px;
	float: left;
	display: inline-block;
	position: relative;
	opacity: 1;
	background: -webkit-linear-gradient(top, #3e3e3e 0%,#000000 100%);
	transition: 0.2s;
}
body.dynamicExpanded .navigation .nav-item{
	background: -webkit-linear-gradient(top, #3e3e3e 0%,#202020 100%);
}
body.dynamicExpanded .navigation .nav-item.fromDynamic{
	background: #000;
}

.navigation .nav-item.dynamic .fas{
	position: absolute;
	top: 3px;
	right: 10px;
	color: #606060;
	transform: rotate(0deg);
	transition: 0.2s;
	font-size: 12px;
	opacity: 1;
}

.navigation .notPresetWarnIcon{
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 10px;
	color: #ff004b;
	opacity: 0;
	transition: 0.2s;
}

.navigation .nav-item.dynamic.nav-item-workplace.notPreset .fas{
	color: #ff004b;
}

.navigation .nav-item-workplace .notPresetWarnIcon{
	top: 20px;
	right: 10px;
}

.navigation .notPreset .notPresetWarnIcon{
	opacity: 1;
}

.navigation .nav-item.dynamic.notAvailable .fas,
.navigation .nav-item.dynamic.notAvailable .notPresetWarnIcon{
	opacity: 0;
}

.navigation .nav-item.dynamic.selected .fas{
	color: #00CCEE;
}

body.dynamicExpanded .navigation .nav-item.dynamic.selected .fas{
	transform: rotate(180deg);
	color: #606060;
}

.navigation .nav-item.fromDynamic{
	float: none;
	background: -webkit-linear-gradient(top, #000000 0%,#000000 100%);
}

.navigation .nav-item.fromDynamic{
	transform: scale(0.2);
	transition: 0.2s;
}
body.dynamicExpanded .navigation .nav-item.fromDynamic{
	transform: scale(1);
	transition: 0.2s 0.1s;
}

.navigation .nav-item.disabled{
	opacity: 0.15;
}
.navigation .nav-item.active,
.navigation .nav-item.selected,
body.dynamicExpanded .navigation .nav-item.selected{
	opacity: 1;
	background: #000;
}

.navigation.count-4 .nav-item{
	width: 25%;
}
.navigation.count-5 .nav-item{
	width: 20%;
}

.navigation .dynamicWrap .nav-item{
	width: auto;
	padding: 10px 20px 3px 20px;
}

.navigation .nav-item img{
	height: 25px;
	width: auto;
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	transition: 0.1s;
}

.navigation .nav-item.busylightTrigger img{
	height: 31px;
	top: 7px;
}

.navigation .nav-item img.active,
.navigation .nav-item.active img.normal{
	opacity: 0;
}
.navigation .nav-item img.normal,
.navigation .nav-item.active img.active{
	opacity: 1;
}
.navigation .nav-item label{
	font-size: 11px;
	font-family: "Neue Haas Unica W01 Regular";
	color: #aaa;
	display: block;
	padding: 2px 0px;
	margin-top: 25px;
}
.navigation .nav-item.active label{
	background-image:linear-gradient(90deg,#1EC8B4 0%,#00AAD2 100%);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}

.navigation .nav-item.notAvailable,
.nonErgoWorkplace .navigation .nav-item.nav-item-workplace,
.nonErgoWorkplace .navigation .nav-item.nav-item-goals{
	pointer-events: none !important;
}
.navigation .nav-item.fromDynamic.notAvailable{
	pointer-events: none !important;
	display: none;
}
.navigation .nav-item.notAvailable img.active{
	display: none;
}
.navigation .nav-item.notAvailable img.normal,
.nonErgoWorkplace .navigation .nav-item.nav-item-workplace img.normal,
.nonErgoWorkplace .navigation .nav-item.nav-item-goals img.normal{
	opacity: 0.3;
}
.navigation .nav-item.notAvailable label,
.nonErgoWorkplace .navigation .nav-item.nav-item-workplace label,
.nonErgoWorkplace .navigation .nav-item.nav-item-goals label{
	color: #444;
}



.main{
	display: block;
	opacity: 0;
	pointer-events: none;
	transform: translateX(0%);
	transition: 0.2s;
}
.main .main-content{
	transform: scale(0.95);
	transition: 0.2s;
	opacity: 0.3;
}

.fpages{
	overflow: hidden;
}

#application .fpages .main{
	bottom: 0px;
}

.fpages .main{
	display: block;
	pointer-events: none;
	opacity: 1;
	transform: translateX(100%);
	transition: 0.4s;
	z-index: 200 !important;
}
.fpages .main .main-content{
	transform: scale(1);
	opacity: 1;
}
/* .activePage-1 #p1, */
.activePage-2 #p2,
.activePage-3 #p3,
.activePage-4 #p4,
.activePage-6 #p6,
.activePage-7 #p7,
.activePage-8 #p8,
.activePage-9 #p9,
.activePage-9 #p7,
.activePage-10 #p10,
.activePage-11 #p11,
.activePage-11.overlayPageSettings #p7,
.activePage-12 #p12,
.activePage-13 #page-booking-newbooking,
.activePage-14 #p14,
.activePage-15 #p15,
.activePage-17 #p17,
.activePage-18 #p18,
.activePage-18-permanent #p18-permanent,
.activePage-19-login #p19-login,
.showWorkplaceIntroOnly #p18-permanent,
.activePage-19 #p19,
.activePage-20 #p20,
.activePage-21 #p21,
.activePage-22 #p22,
.activePage-23 #p23,
.activePage-24 #p24,
.activePage-25 #p25,
.activePage-26 #p26,
.activePage-27 #p27{
	display: block;
	opacity: 1;
	pointer-events: all;
	transform: translateX(0%) translateY(0vh);
	z-index: 1000000000;
}

.activePage-18-permanent #p17{
	transform: translateX(0%) translateY(0vh);
}
.activePage-18-permanent #p17.show-n1 .contentWrap .content-n1{
	transform: translateX(-100%);
}

.activePage-1 #p1 .main-content,
.activePage-2 #p2 .main-content,
.activePage-3 #p3 .main-content,
.activePage-4 #p4 .main-content,
.activePage-6 #p6 .main-content,
.activePage-7 #p7 .main-content,
.activePage-12 #p12 .main-content{
	transform: scale(1);
	opacity: 1;
	transition: 0.2s 0.1s;
}

.activePage-11 #p7{
	pointer-events: none !important;
	
}