#page-booking-newbooking,
.workflow{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #222;
}

#page-booking-newbooking .mbsc-fr-inline{
	pointer-events: none;
}
#contentSlideRightView.show #page-booking-newbooking .mbsc-fr-inline{
	pointer-events: all;
}

.content-timeframe .info-area{
	height: auto;
	margin-bottom: -20px;
	pointer-events: none;
}

.workflow .contentWrap,
.workflow .contentWrap{
	overflow: hidden;
}

.workflow .header{
	background: #000;
	width: 100%;
	height: 60px;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
}
#page-booking-newbooking .header{
	height: 63px;
}
#page-booking-infobooking .header{
	position: fixed;
	z-index: 20;
}
.workflow .header .left{
	position: absolute;
	left: 0;
	height: 60px;
	background: #000;
	z-index: 40;
}
.workflow .header .left .back{
	transition: 0.4s;
	opacity: 1;
}
#page-booking-newbooking.show-date .header .left .back,
#p15 .header .left .back,
#p17 .header .left .back,
.workflow.show-n0 .header .left .back{
	pointer-events: none;
	opacity: 0;
}
#p15.show-n2 .header .left .back,
#p15.show-n3 .header .left .back,
#p15.show-n4 .header .left .back,
#p17.visible-content-1 .header .left .back,
#p17.visible-content-2 .header .left .back,
#p17.visible-content-3 .header .left .back,
#p17.visible-content-4 .header .left .back,
#p17.show-n5 .header .left .back,
#p17.show-n6 .header .left .back{
	pointer-events: all;
	opacity: 1;
}
.workflow .header .left .back .icon{
	display: block;
	background: url(../../media/icon/icon_back.svg) no-repeat 0 0;
	background-size: contain;
	width: 60px;
	height: 60px;
	pointer-events: none;
}
.workflow .header .center{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	height: 60px;
	background: #000;
	z-index: 20;
}
#page-booking-infobooking .header .center{
	position: relative;
	z-index: 20;
}
.workflow .header .center .txt{
	pointer-events: none;
}
.workflow .header .center .headline{
	font-family: "Neue Haas Unica W01 Light";
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
}
#page-booking-infobooking .header .center .headline,
.workflow .header .center .headline.show{
	opacity: 1;
}
.workflow .header .right,
#page-booking-infobooking .header .right,
.offlineWorkplace .head .right{
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	background: #000;
	z-index: 30;
}
.offlineWorkplace .head .right{
	height: 60px;
}
.header .right .close .icon{
	display: block;
	background: url(../../media/icon_close.svg) no-repeat 0 0;
	background-size: contain;
	width: 60px;
	height: 60px;
	pointer-events: none;
}
.dark .header .right .close .icon{
	background: url(../../media/icon_close_white.svg) no-repeat center center;
	background-size: 35px 35px;
}
.workflow .header .right .cancel,
#page-booking-infobooking .header .right .close,
.offlineWorkplace .head .right .cancel{
	line-height: 60px;
	font-family: "Neue Haas Unica W01 Light";
	color: #999;
	font-size: 18px;
	padding: 0 20px;
}
#page-booking-infobooking .header .right .close{
	padding: 0;
}
.offlineWorkplace .head .right .cancel{
	line-height: 60px;
}
.workflow .header .progress,
#page-booking-infobooking .header .progress,
.offlineWorkplace .progress{
	position: absolute;
	bottom: 0;
	height: 3px;
	width: 100%;
	background: #333;
	z-index: 10;
}
.workflow .header .progress .bar,
#page-booking-infobooking .header .progress .bar,
.offlineWorkplace .progress .bar{
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	transition: 0.4s;
}
#instantWorkflow .header .progress .bar.inProgress,
.offlineWorkplace .progress .bar.inProgress{
	animation-name: progressToEnd;
    animation-duration: 10s;
    animation-timing-function: linear;
   animation-fill-mode: none;
}


@keyframes progressToEnd {
    from {width: 0%;}
    to {width: 100%;}
}

#page-booking-newbooking.show-date .header .progress .bar{
	width: 14.28%;
}
#page-booking-newbooking.show-timeframe .header .progress .bar{
	width: 28.57%;
}
#page-booking-newbooking.show-location-location .header .progress .bar{
	width: 42.85%;
}
#page-booking-newbooking.show-location-building .header .progress .bar{
	width: 57.14%;
}
#page-booking-newbooking.show-location-floor .header .progress .bar{
	width: 71.42%;
}
#page-booking-newbooking.show-place .header .progress .bar{
	width: 85.71%;
}
#page-booking-newbooking.show-summary .header .progress .bar{
	width: 100%;
}

#p15.show-n1 .header .progress .bar{
	width: 25%;
}
#p15.show-n2 .header .progress .bar{
	width: 50%;
}
#p15.show-n3 .header .progress .bar{
	width: 75%;
}
#p15.show-n4 .header .progress .bar{
	width: 100%;
}


.workflow .header .progress .bar .inner,
#page-booking-infobooking .header .progress .bar .inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background: #1EC8B4; /* Old browsers */
	background: -moz-linear-gradient(left, #1EC8B4 0%,  #3ea6d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1EC8B4 0%,#3ea6d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1EC8B4 0%,#3ea6d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.workflow .header .sidebar{
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	top: 63px;
	width: 100%;
	height: 40px;
	z-index: 1;
	transform: translateY(-100%);
	transition: 0.2s 0s;
	text-align: left;
	overflow-x: auto;
}

.workflow .header .sidebar span.icon{
	width: 25px;
	height: 23px;
	display: inline-block;
	background: url(../../media/icon_location.svg) no-repeat 0 0;
	background-size: contain;
	position: relative;
	top: 5px;
}

.workflow .header .sidebar p{
	color: #aaa;
	font-family: "Neue Haas Unica W01 Light";
	line-height: 40px;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.2s;
	white-space: nowrap;
}

.workflow .header .sidebar p .txt{
	padding-right: 20px;
}

.main.show-location-location .header .sidebar,
#page-booking-newbooking.show-location-building .header .sidebar,
#page-booking-newbooking.show-location-floor .header .sidebar,
#page-booking-newbooking.show-place .header .sidebar{
	transition: 0.2s 0.3s;
	transform: translateY(0%);
}

#page-booking-newbooking.show-place .header .sidebar p{
	color: #fff;
}
#page-booking-newbooking.show-place .header .sidebar span.icon{
	background: url(../../media/icon_location_white.svg) no-repeat 0 0;
	background-size: contain;
}


.workflow .contentWrap{
	position: absolute;
	top: 63px;
	bottom: 0px;
	left: 0;
	width: 100%;
	overflow-x: hidden;
}
.workflow .contentWrap .content,
.workflow .contentWrap .subcontent{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: translateX(100%);
	overflow-y: auto;
	overflow-x: hidden;
}

#p17 .contentWrap .content h2{
	font-family: "Neue Haas Unica W01 Thin";
	font-size: 36px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 25px;
}

#p17 .contentWrap .content .textinfo,
#p18-permanent .contentWrap .content .textinfo,
#p19-login .contentWrap .content .textinfo{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	color: #777;
	line-height: 18px;
	box-sizing: border-box;
	padding: 20px;
/*
	position: absolute;
	bottom: 110px;
	left: 20px;
	right: 20px;
*/
	text-align: center;
}

#p15.workflow .contentWrap .content-n1{
	transform: translateX(0%);
}
#p15.workflow.show-n3 .contentWrap .content-n2{
	transform: translateX(-100%);
}
.workflow .contentWrap .content-location-done,
.workflow .contentWrap .content-location-location,
.workflow .contentWrap .content-location-building,
.workflow .contentWrap .content-location-floor{
	transition: 0.4s;
}
.workflow .contentWrap .content.content-date,
#instantWorkflow .contentWrap .content{
	transform: translateX(0%);
}
.workflow .contentWrap .subcontent{
	color: #fff;
}
.workflow .roundBtn{
	background: transparent;
}

.workflow .content-timeframe .info-area{
	padding-top: 20px;
}

.workflow .content-timeframe .roundBtn.saveTime,
.page.desk .roundBtn.savePreset,
.page.desk.deskDisconnected .mainBottom .roundBtn.savePreset{
	width: 0px;
	margin: 0px 0px;
	opacity: 0;
	transition: 0.2s;
	margin-left: -3px;
}
.workflow .content-timeframe .roundBtn.saveTime.active,
.workflow .content-timeframe .roundBtn.saveTime.focus,
.page.desk.deskMove .roundBtn.savePreset{
	width: 46px;
	margin: 0px 30px;
	opacity: 1;
}
.workflow .content-timeframe .roundBtn.saveTime.focus{
	margin-left: 55px;
}

.workflow .content-timeframe .roundBtn.focus,
.page.desk.deskMove .roundBtn.savePreset.focus{
	-webkit-animation-name: none;
    -webkit-animation-duration: 0;
}
#menue .subinner .yoyo-slider .rs-bg-color,
#menue .subinner .yoyo-slider .rs-path-color,
.workflow .darkSlider .rs-bg-color,
.workflow .darkSlider .rs-path-color{
	background: #444;	
}
.workflow .yoyo-slider-overlay .circleLeftButton .bg, 
.workflow .yoyo-slider-overlay .circleRightButton,
#menue .subinner .yoyo-slider-overlay .circleLeftButton .bg,
#menue .subinner .yoyo-slider-overlay .circleRightButton .bg,
#menue .subinner .yoyo-slider-overlay .circleRightButton{
	border-left: 2px solid #333;
}
.workflow .yoyo-slider-overlay .circleRightButton .bg,
#menue .subinner .yoyo-slider-overlay .circleRightButton .bg{
	border-right: 2px solid #222;
}
.workflow .contentWrap .content .yoyo-slider-overlay .circle,
#menue .subinner .yoyo-slider-overlay .circle{
	background: #222;
}
.workflow .contentWrap .content .yoyo-slider-overlay .circle input.transInput{
	color: #eee;
}
.workflow .contentWrap .content .yoyo-slider-overlay .circle input.transInput:focus{
	color: #000;
}
.workflow .contentWrap .content .yoyo-slider-overlay .circle .transInputWrap label{
	border-top: 1px solid #777;
}
.workflow .contentWrap .content .yoyo-slider-overlay .circle .circleInner,
#menue .subinner .yoyo-slider-overlay .circle .circleInner{
	background: #222;
	box-shadow: 0px 0px 30px rgba(255,255,255,0.2);
}

.workflow .contentWrap .content .yoyo-slider-overlay .circle .num .val{
	color: #eee;
}


.workflow .content-timeframe .mainTop .val{
	color: #999;
}

.main .contentWrap .content{
	transition: 0.2s;
}
#p17 .content-measure .measureWrap{
	margin-top: 50px;
}
#p17 .content-measure .measureWrap .radioWrap,
#p17 .content-n0 .langWrap .radioWrap{
	text-align: center;
}

#page-booking-newbooking.show-date .contentWrap .content-date,
#page-booking-newbooking.show-timeframe .contentWrap .content-timeframe,
#page-booking-newbooking.show-location-location .contentWrap .content-location,
#page-booking-newbooking.show-location-location .contentWrap .content-location .content-location-location,
#page-booking-newbooking.show-location-building .contentWrap .content-location,
#page-booking-newbooking.show-location-building .contentWrap .content-location .content-location-building,
#page-booking-newbooking.show-location-floor .contentWrap .content-location,
#page-booking-newbooking.show-location-floor .contentWrap .content-location .content-location-floor,
#page-booking-newbooking.show-place .contentWrap .content-place,
#page-booking-newbooking.show-summary .contentWrap .content-summary,
.main.show-location-done .contentWrap .content-location,
.main.show-location-done .contentWrap .content-location .content-location-done,
.main.show-location-location .contentWrap .content-location,
.main.show-location-location .contentWrap .content-location .content-location-location,
.main.show-location-building .contentWrap .content-location,
.main.show-location-building .contentWrap .content-location .content-location-building,
.main.show-location-floor .contentWrap .content-location,
.main.show-location-floor .contentWrap .content-location .content-location-floor,
.main.show-n0 .contentWrap .content-n0,
.main.show-n1 .contentWrap .content-n1,
.main.show-n2 .contentWrap .content-n2,
.main.show-n3 .contentWrap .content-n3,
.main.show-n4 .contentWrap .content-n4,
.main.show-n5 .contentWrap .content-n5,
.main.show-n6 .contentWrap .content-n6,
#p18-permanent.show-n0 .contentWrap .content-n0,
#p18-permanent.show-n1 .contentWrap .content-n1,
#p18-permanent.show-n2 .contentWrap .content-n2,
#p18-permanent.show-n3 .contentWrap .content-n3,
#p18-permanent.show-n4 .contentWrap .content-n4,
#p18-permanent.show-n5 .contentWrap .content-n5,
#p19-login.show-n0 .contentWrap .content-n0,
#p19-login.show-n1 .contentWrap .content-n1{
	display: block;
}
#page-booking-newbooking.show-date .header .center .headline.headline-date,
#page-booking-newbooking.show-timeframe .header .center .headline.headline-timeframe,
#page-booking-newbooking.show-location-location .header .center .headline.headline-location,
#page-booking-newbooking.show-location-building .header .center .headline.headline-location,
#page-booking-newbooking.show-location-floor .header .center .headline.headline-location,
#page-booking-newbooking.show-place .header .center .headline.headline-place,
#page-booking-newbooking.show-summary .header .center .headline.headline-summary,
#p15.show-n1 .header .center .headline.headline-rooms,
#p15.show-n2 .header .center .headline.headline-results,
#p15.show-n3 .header .center .headline.headline-room,
#p15.show-n4 .header .center .headline.headline-summary,
.main.show-n0 .header .center .headline.headline-n0,
.main.show-n1 .header .center .headline.headline-n1,
.main.show-n2 .header .center .headline.headline-n2,
.main.show-n3 .header .center .headline.headline-n3,
.main.show-n4 .header .center .headline.headline-n4,
.main.show-n5 .header .center .headline.headline-n5,
.main.show-n6 .header .center .headline.headline-n6,
#p18-permanent.show-n0 .header .center .headline.headline-n0,
#p18-permanent.show-n1 .header .center .headline.headline-n1,
#p18-permanent.show-n2 .header .center .headline.headline-n2,
#p18-permanent.show-n3 .header .center .headline.headline-n3,
#p18-permanent.show-n4 .header .center .headline.headline-n4,
#p18-permanent.show-n5 .header .center .headline.headline-n5,
#p19-login.show-n0 .header .center .headline.headline-n0,
#p19-login.show-n1 .header .center .headline.headline-n1,
#p19-login.show-n2 .header .center .headline.headline-n2{
	opacity: 1;
}

#p15 .contentWrap .content-n1.show,
#p15 .contentWrap .content-n2.show,
#p15 .contentWrap .content-n3.show,
#p15 .contentWrap .content-n4.show,
.main.show-n0 .contentWrap .content-n0,
.main.show-n1 .contentWrap .content-n1,
.main.show-n2 .contentWrap .content-n2,
.main.show-n3 .contentWrap .content-n3,
.main.show-n4 .contentWrap .content-n4,
.main.show-n5 .contentWrap .content-n5,
.main.show-n6 .contentWrap .content-n6,
#p18-permanent.show-n0 .contentWrap .content-n0,
#p18-permanent.show-n1 .contentWrap .content-n1,
#p18-permanent.show-n2 .contentWrap .content-n2,
#p18-permanent.show-n3 .contentWrap .content-n3,
#p18-permanent.show-n4 .contentWrap .content-n4,
#p18-permanent.show-n5 .contentWrap .content-n5,
#p19-login.show-n0 .contentWrap .content-n0,
#p19-login.show-n1 .contentWrap .content-n1,
#p19-login.show-n2 .contentWrap .content-n2{
	opacity: 1;
	transform: translateX(0%);
}
#p15 .contentWrap .content-n1.hide,
#p15 .contentWrap .content-n2.hide,
#p15 .contentWrap .content-n3.hide,
#p15 .contentWrap .content-n4.hide{
	opacity: 0;
}
#p15 .contentWrap .content-n1.hide,
#p15.show-n4 .contentWrap .content-n3.hide,
.main.show-n1 .contentWrap .content-n0,
.main.show-n2 .contentWrap .content-n0,
.main.show-n2 .contentWrap .content-n1,
.main.show-n3 .contentWrap .content-n0,
.main.show-n3 .contentWrap .content-n1,
.main.show-n3 .contentWrap .content-n2,
.main.show-n4 .contentWrap .content-n0,
.main.show-n4 .contentWrap .content-n1,
.main.show-n4 .contentWrap .content-n2,
.main.show-n4 .contentWrap .content-n3,
.main.show-n5 .contentWrap .content-n0,
.main.show-n5 .contentWrap .content-n1,
.main.show-n5 .contentWrap .content-n2,
.main.show-n5 .contentWrap .content-n3,
.main.show-n5 .contentWrap .content-n4,
#p18-permanent.show-n1 .contentWrap .content-n0,
#p18-permanent.show-n2 .contentWrap .content-n0,
#p18-permanent.show-n2 .contentWrap .content-n1,
#p18-permanent.show-n3 .contentWrap .content-n0,
#p18-permanent.show-n3 .contentWrap .content-n1,
#p18-permanent.show-n3 .contentWrap .content-n2,
#p18-permanent.show-n4 .contentWrap .content-n0,
#p18-permanent.show-n4 .contentWrap .content-n1,
#p18-permanent.show-n4 .contentWrap .content-n2,
#p18-permanent.show-n4 .contentWrap .content-n3,
#p18-permanent.show-n5 .contentWrap .content-n0,
#p18-permanent.show-n5 .contentWrap .content-n1,
#p18-permanent.show-n5 .contentWrap .content-n2,
#p18-permanent.show-n5 .contentWrap .content-n3,
#p18-permanent.show-n5 .contentWrap .content-n4,
.main.show-n6 .contentWrap .content-n0,
.main.show-n6 .contentWrap .content-n1,
.main.show-n6 .contentWrap .content-n2,
.main.show-n6 .contentWrap .content-n3,
.main.show-n6 .contentWrap .content-n4,
.main.show-n6 .contentWrap .content-n5,
#p19-login.show-n1 .contentWrap .content-n0,
#p19-login.show-n2 .contentWrap .content-n1{
	transform: translateX(-100%);
}
.showFromRight{
	animation-name: animateShowFromRight;
    animation-duration: 0.4s;
   animation-fill-mode: forwards;
}

.content-date.showFromRight{
	animation-name: none;
	transition: 0.4s;
	transform: translateX(0%);
}
.showFromLeft{
	animation-name: animateShowFromLeft;
    animation-duration: 0.4s;
   animation-fill-mode: forwards;
}
.hideToLeft{
	animation-name: animateHideToLeft;
    animation-duration: 0.4s;
   animation-fill-mode: forwards;
}
.hideToRight{
	animation-name: animateHideToRight;
    animation-duration: 0.4s;
   animation-fill-mode: forwards;
}

@keyframes animateShowFromRight {
    from {transform: translateX(100%);}
    to {transform: translateX(0%);}
}
@keyframes animateShowFromLeft {
    from {transform: translateX(-100%);}
    to {transform: translateX(0%);}
}
@keyframes animateHideToRight {
    from {transform: translateX(0%);}
    to {transform: translateX(100%);}
}
@keyframes animateHideToLeft {
    from {transform: translateX(0%);}
    to {transform: translateX(-100%);}
}

.main.show-location-done .content-location-done,
.main.show-location-location .content-location-location,
.main.show-location-building .content-location-building,
.main.show-location-floor .content-location-floor,
#page-booking-newbooking.show-location-location .content-location-location,
#page-booking-newbooking.show-location-building .content-location-building,
#page-booking-newbooking.show-location-floor .content-location-floor,
#page-booking-newbooking.show-place .content-location-location,
#page-booking-newbooking.show-place .content-location-building,
#page-booking-newbooking.show-place .content-location-floor,
#page-booking-newbooking.show-summary .content-location-location,
#page-booking-newbooking.show-summary .content-location-building,
#page-booking-newbooking.show-summary .content-location-floor{
	transform: translateX(0%);
}
.main.show-location-done .content-location-location,
.main.show-location-done .content-location-building,
.main.show-location-done .content-location-floor,
.main.show-location-building .content-location-location,
.main.show-location-floor .content-location-location,
.main.show-location-floor .content-location-building,
#page-booking-newbooking.show-location-building .content-location-location,
#page-booking-newbooking.show-location-floor .content-location-location,
#page-booking-newbooking.show-location-floor .content-location-building{
	transform: translateX(-100%);
}

.spacer-50{
	height: 50px;
	width: 100%;
	display: block;
}

#p17 .genderWrap{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	margin-top: -100px;
}

#p17 .genderWrap .gender{
	width: 49%;
	display: inline-block;
	box-sizing: border-box;
	padding: 40px;
	text-align: center;
}

#p17 .genderWrap .gender .inner{
	border-radius: 100%;
	background: #787878;
	transform-origin: 50% 0%;
	transition: transform 0.2s;
}

#p17 .genderWrap .gender label{
	color: #777;
	text-align: center;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	margin-top: 15px;
	display: block;
	transition: 0.2s;
}
#p17 .genderWrap .gender.active label{
	color: #00AAD2;
	margin-top: 25px;
}

#p17 .genderWrap .gender.active .inner{
	background: linear-gradient(90deg,#1EC8B4 0%,#00AAD2 100%);
	transform: scale(1.1);
}



#p17 .yearWrap,
#p17 .content-n1 .inputWrap{
	margin-top: 30px;
}
#p17 .yearWrap .input_yoyoprofilebirthyear{
	display: none;
}

#p17 .summ-item{
	border-radius: 5px;
	background: #444;
	color: #fff;
	padding: 10px 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
#p17 .summ-item label{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	display: block;
	color: #777;
	margin-bottom: 4px;
}
#p17 .summ-item .value{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	color: #fff;
}

.workflow .content-date .calendarWrap .mobiInput,
#page-module-date .calendarWrap .mobiInput{
	display: none;
}
.workflow .content-date .selectedDate{
	margin-top: 30px;
}
.workflow .content-date .selectedDate .valDate{
	color: #fff;
	font-size: 20px;
	font-family: "Neue Haas Unica W01 Light";
}

.workflow .content-date .day-select,
.workflow .content-timeframe .timeframe-select{
	
}

.workflow .content-timeframe .timeframe-select{
    white-space: nowrap;
}

.workflow .roundBtn{
	position: relative;
}

.workflow .content-date .day-select .roundBtn{
	position: relative;
	padding: 0;
	text-align: center;
	background: url('') no-repeat 0 0;
}
.workflow .roundBtn img{
	width: 46px;
	height: 46px;
	margin: 0 auto;
}
.workflow .roundBtn.active {
	background: url('') no-repeat 0 0;
}

.workflow .roundBtn .label{
	line-height: 28px;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 22px;
	color: #999;
	position: absolute;
	height: 46px;
	width: 46px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	
}
.workflow .content-date .day-select .roundBtn.active .label{
	color: #fff;
}
.workflow .content-date .day-select .roundBtn .sublabel{
	color: #999;
	left: 0%;
    transform: translateX(0%);
}

.workflow .mbsc-ios .mbsc-cal-btn-txt, .mbsc-ios .mbsc-cal-hl-now .mbsc-cal-today{
	color: #999;
}

.workflow .contentWrap .content .text-btn.saveAsDefault,
.workflow .contentWrap .content .btn.selectionDone,
.workflow .contentWrap .content .btn.done,
.workflow .contentWrap .content .btn.save,
.workflow .contentWrap .content .btn.next,
.workflow .contentWrap .content .btn.retry{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}

.workflow .contentWrap .content .text-btn.saveAsDefault{
	bottom: 100px;
}

#page-chairdelta .btn.save{
	position: relative;
	bottom: 0;
	left: 0;
	transform: translateX(0);
}

#p17 .contentWrap .content-area,
#page-booking-newbooking .contentWrap .content-area{
	overflow-y: scroll;
	height: 100%;
	box-sizing: border-box;
	padding-bottom: 110px;
}

#p17 .contentWrap .content-area.noPadding{
	padding-left: 0;
	padding-right: 0;
}
#p17 .contentWrap .content .btn.next,
#p18-permanent .contentWrap .content .btn.next{
	position: fixed;
	bottom: 40px;
}
#p17 .contentWrap .content .btn.next{
	position: relative;
	bottom: 0;
	left: 0;
	transform: translateX(0%);
}



.measureSelected-inch #p17 .transInputWrap label.cm,
.measureSelected-cm #p17 .transInputWrap label.inch,
.measureSelected-inch #p17 .summ-item .unit.cm,
.measureSelected-cm #p17 .summ-item .unit.inch{
	display: none;
}

#p18-permanent.workflow .contentWrap .content-n0 .btn.next,
#p18-permanent.workflow .contentWrap .content-n0 .textinfo,
#p19-login.workflow .contentWrap .content-n0 .btn.next,
#p19-login.workflow .contentWrap .content-n0 .textinfo{
	position: relative;
	bottom: 0;
	left: 0;
	transform: translateX(0%);
	margin-bottom: 30px;
}
#p18-permanent.workflow .contentWrap .content-n0 .textinfo,
#p19-login.workflow .contentWrap .content-n0 .textinfo{
	padding: 0 10px;
}

.workflow .contentWrap .content .btn.retry{
	bottom: 110px;
}

.workflow .contentWrap .content .btn.next .btn-inner,
.workflow .contentWrap .content .btn.retry .btn-inner{
	padding: 0 80px;
}
.workflow .contentWrap .content .btn.save .btn-inner{
	padding: 0 30px;
}
.workflow .contentWrap .content.content-size .btn.save .btn-inner,
#p18-permanent .content-login .btn.next .btn-inner,
#p19-login .content-login .btn.next .btn-inner,
#p17 .content-n0 .btn.next .btn-inner{
	padding: 0 30px;
}
.langSelectOk,
.splashAction .btn{
	padding-right: 50px;
	padding-left: 50px;	
}
.workflow .selectWrap{
	position: relative;
	margin: 0;
}

.content-timeframe .yoyo-slider{
	pointer-events: none;
}
.content-timeframe .yoyo-slider .rs-handle{
	pointer-events: all;
}

.workflow .selectWrap .preloader,
.workflow .selectWrap .zeroResults,
#page-booking-infobooking .preloader,
#page-booking-newbooking .content-summary .preloader{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
	transition: 0.2s;
	pointer-events: none;
	color: #999;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
}
#page-booking-newbooking .content-summary .preloader{
	top: 30%;
	text-align: center;
}
.workflow .selectWrap .preloader{
	text-align: center;
}
.workflow .selectWrap .preloader img,
#page-booking-newbooking .content-summary .preloader img{
	margin: 30px auto 0px auto;
}

.workflow .selectWrap .zeroResults{
	width: 60%;
}

#page-booking-infobooking .loading .preloader,
.workflow .subcontent.loading .preloader,
#page-booking-newbooking .content-summary.creatingBooking .preloader{
	opacity: 1;
	pointer-events: none;
}

#page-booking-newbooking .content-summary .dark-wrap.timeframe,
#page-booking-newbooking .content-summary .dark-wrap.date,
#page-booking-newbooking .content-summary .dark-wrap-double{
	transition: 0.2s;
}

#page-booking-newbooking .content-summary.creatingBooking .dark-wrap.timeframe,
#page-booking-newbooking .content-summary.creatingBooking .dark-wrap.date,
#page-booking-newbooking .content-summary.creatingBooking .dark-wrap-double{
	opacity: 0;
	pointer-events: none;
}

.workflow .noResults .zeroResults{
	opacity: 1;
}

.workflow .subcontent .failure{
	position: absolute;
	width: 80%;
	left: 50%;
	top: 60px;
	transform: translateX(-50%);
	opacity: 0;
	transition: 0.2s;
	pointer-events: none;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
}
.workflow .subcontent .failure .headline{
	color: #c10000;
	font-family: "Neue Haas Unica W01 Bold";
	font-size: 20px;
	margin-bottom: 6px;
}

.workflow .selectWrap .zeroResults b{
	font-family: "Neue Haas Unica W01 Bold";
}

.workflow .subcontent .failure .subline{
	color: #c10000;
	margin-bottom: 30px;
}
.workflow .subcontent .failure .message{
	margin-bottom: 5px;
}
.workflow .subcontent .failure .meta{
	color: #999;
}

.workflow .subcontent .retry{
	opacity: 0;
	pointer-events: none;
}


.workflow .subcontent.fail .failure,
.workflow .subcontent.fail .retry{
	opacity: 1;
	pointer-events: all;
}



.workflow .selectWrap .mbsc-fr-inline{
	opacity: 1;
	transition: 0.2s;
}
.workflow .noResults .selectWrap .mbsc-fr-inline,
.workflow .loading .selectWrap .mbsc-fr-inline,
.workflow .fail .selectWrap .mbsc-fr-inline,
#page-booking-infobooking .loading .plan{
	opacity: 0;
	transition: 0.2s;
}
.workflow .btn.btn-full .btn-inner{
	transition: 0.4s;
}
.workflow .loading .btn.btn-full,
.workflow .fail .btn.btn-full.next,
.workflow .noResults .btn.btn-full.next{
	pointer-events: none;
}
.workflow .loading .btn.btn-full .btn-inner,
.workflow .fail .btn.btn-full.next .btn-inner,
.workflow .noResults .btn.btn-full.next .btn-inner{
	color: #666;
    background: -moz-linear-gradient(left, #444 0%, #333 100%);
    background: -webkit-linear-gradient(left, #444 0%, #333 100%);
    background: linear-gradient(to right, #444 0%, #333 100%);
    transition: 0.2s;
}



.workflow .mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
    background: transparent;
}

#page-booking-newbooking .mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
    background: transparent;
}
.workflow .mbsc-ios .mbsc-sc-itm.mbsc-btn-a {
       background: #000;
}

.workflow .mbsc-sc-itm-ml{
	text-align: center;
}


.workflow .mbsc-ios .mbsc-sc-whl-gr-c,
.workflow .mbsc-ios .mbsc-sc-whl-gr{
	padding: 0;
}

.workflow .content-location .mbsc-sc-itm-inv, .mbsc-sc-itm-inv-h {
    opacity: 1;
    color: #000;
}



.workflow .content-place-map,
.workflow .content-place-list{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	transition: 0.4s 0s;
	transform: translateY(0%);
	display: none;
}
.workflow .content-place-list{
	background: #222;
}

#page-newbooking.workflow .content-place-map,
#page-newbooking.workflow .content-place-list{
	height: calc(100% - 50px);
	top: 50px;
}
#page-newbooking.workflow .content-place.withMultipleFloors .content-place-map{
	height: calc(100% - 100px);
	top: 100px;
}

.showMap .content-place-map,
.showList .content-place-list{
	display: block;
}

.workflow .content-place .zoomHolder{
	height: 100%;
}
.workflow .content-place .zoomLocker{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: 0.4s;
	pointer-events: none;
}
.workflow .content-place.showDetailview .zoomLocker{
	pointer-events: all;
	background: rgba(0,0,0,0);
}

.workflow .content-place.showDetailview .content-place-map{
	transform: translateY(-25%);
	position: fixed;
	top: 53px;
	
	transition: 1s 0.4s;
}


.workflow .zoomHolder .marker,
.workflow .zoomHolder .floorplanImage{
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.workflow .content-place.showDetailview .zoomHolder .marker,
.workflow .content-place.showDetailview .zoomHolder .floorplanImage{
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
}
.workflow .content-place.showDetailview .zoomHolder .marker.focus{
	-webkit-filter: brightness(1);
	filter: brightness(1);
	z-index: 1000 !important;
}

.zoomHolder .marker img{
	transform: scale(1) translateX(-50%) translateY(-50%);
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: 0 0;
    
}
.zoomHolder .marker.focus img{
	transform: scale(1.5) translateX(-50%) translateY(-50%);
}

.zoomHolder .marker span{
	position: absolute;
	left: 0px;
	top: 19px;
	transform: translateX(-50%);
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
	color: #000;
	pointer-events: none;
	min-width: 80px;
	opacity: 0;
}
.zoomHolder.showLabels .marker span,
#page-booking-infobooking .zoomHolder .marker span{
	opacity: 1;
}
.zoomHolder .marker.focus span{
	opacity: 0;
}

.controlHolder{
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 20px;
}
.workflow .controlHolder{
	top: 50px;
}
.controlHolder.maxZoom .zoomIn,
.controlHolder.minZoom .zoomOut{
	opacity: 0.2;
}

#page-booking-newbooking .selectWrap input.mbsc-control{
	display: none;
}

#page-newbooking .showMap.content-place,
#page-booking-newbooking.showMap .content-place{
	background: #000;
	overflow-y: hidden;
}
#page-newbooking .showMap.content-place{
	background: transparent;
}

.workflow .content-place .preloader,
.offlineWorkplace .preloader{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}
.workflow .content-place .preloader.show,
.offlineWorkplace .loading .preloader{
	display: block;
}

.workflow .content-place .toggle-view{
	position: fixed;
	right: 20px;
	bottom: 50px;
	width: 46px;
	height: 46px;
	display: none;
}

.workflow .content-place .toggle-storey{
	height: 50px;
	padding: 0px 20px;
	display: none;
	align-items: center;
}
.workflow .content-place.withMultipleFloors .toggle-storey{
	display: flex;
}
.workflow .content-place .toggle-storey .item{
	width: 15px;
	height: 20px;
	margin: 0 5px 5px;
	background: rgba(255,255,255,0);
	border: 1px solid #999;
	transition: 0.2s;
	cursor: pointer;
}
.workflow .content-place .toggle-storey .item.selected{
	width: 15px;
	height: 20px;
	background: rgba(255,255,255,1);
	border: 1px solid #fff;
}
#page-newbooking.workflow .content-place .toggle-view{
	position: relative;
	right: 0;
	bottom: 0;
	height: 50px;
	overflow: hidden;
}

.workflow .content-place.withMap .toggle-view{
	display: block;
}
.workflow .content-place.withMap.showDetailview .toggle-view{
	display: none;
}
.workflow .content-place .toggle-view div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.1);
	display: none;
}

#page-newbooking.workflow .content-place .toggle-view div{
	position: relative;
	display: inline-block;
	box-shadow: none;
	border: 0;
	background: transparent;
	border-radius: 0%;
	height: auto;
	width: auto;
}

.workflow .content-place .toggle-view .toMap{
	background: #fff url(../../media/icon/round/icon_map.svg) no-repeat 0 0;
	background-size: contain;
	border: 1px solid #fff;
}

.workflow .content-place .toggle-view .toList{
	background: #fff url(../../media/icon/round/icon_list.svg) no-repeat 0 0;
	background-size: contain;
}


.workflow .content-place .toggle-view .refresh{
	background: #fff url(../../media/icon/round/icon_refresh.svg) no-repeat 0 0;
	background-size: contain;
	left: -66px;
}

#page-booking-newbooking.show-place.showMap .content-place.withMap .toggle-view .toList,
#page-booking-newbooking.show-place.showList .content-place.withMap .toggle-view .toMap,
.bookingModeOffline.apiConnectorIs-ble #page-booking-newbooking.show-place .content-place.withMap .toggle-view .refresh{
	display: block;
}

.workflow .content-place.showDetailview,
#page-booking-newbooking.showList .content-place,
#page-newbooking .showList.content-place{
	overflow-y: hidden !important;
}

.workflow .content-place .detailView{
	opacity: 0;
	width: 100%;
	position: absolute;
	top: 0%;
	transition: 1.4s;
	transform: translateY(100%);
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
}
.workflow .content-place .detailView .closer{
	height: 50vh;
	width: 100%;
}
.workflow .content-place .detailView .inner{
	background: #000;
}
#page-booking-newbooking.show-place .content-place.showDetailview .detailView{
	padding-bottom: 60px;
}
.workflow .content-place .detailView.show{
	opacity: 1;
	transform: translateY(0%);
}

#page-booking-infobooking .ticket-wrap{
	margin-top: 90px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #BBB;
	border-top: 0;
	border-bottom: 0;
	text-align: left;
}
#page-booking-infobooking .ticket-wrap .content{
	padding: 10px 15px;
}

#page-booking-infobooking .ticket-wrap .content-booking{
	border-top: 1px solid #bbb;
}
#page-booking-infobooking .ticket-bottom{
	height: 10px;
	width: 100%;
	background: url(../../media/booking-ticket-bottom.svg) no-repeat center bottom;
	
}

#page-booking-infobooking .workplace .workplace-head{
	background: url(../../media/booking-ticket-top.svg) no-repeat center top;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	overflow: hidden;
	padding: 15px;
	position: relative;
	text-align: left;
	 display: flex;
  justify-content: center;
  align-items: center;
}

#page-booking-infobooking .workplace .icon{
	display: inline-block;
	background: url(../../media/icon_wp_ergo.svg) no-repeat center center;
    background-size: contain;
    width: 51px;
    height: 51px;
    
	flex-shrink: 0;
}
#page-booking-infobooking.ergo .workplace .icon{
	background: url(../../media/icon_wp_ergo.svg) no-repeat center center;
    background-size: contain;
}
#page-booking-infobooking.nonergo .workplace .icon{
	background: url(../../media/icon_wp_nonergo.svg) no-repeat center center;
    background-size: contain;
}


#page-booking-infobooking.isWorkroom .workplace .icon{
	display: inline-block;
	background: url(../../media/icon_mr.svg) no-repeat center center;
    background-size: contain;
    width: 51px;
    height: 51px;
    float: left;
    margin: 0 0 0 15px;
}
#page-booking-infobooking .listWrap{
	background: #000;
}
.workflow .detailView .detail-head,
#page-booking-infobooking .workplace .name{
	color: #eee;
	font-family: "Neue Haas Unica W01 Medium";
    font-size: 22px;
    line-height: 26px;
    text-align: left;
    padding: 0 50px 0px 15px;
    display: inline-block;
    width: 100%;
}

#page-booking-infobooking .workplace .workplace-head .favorite{
	background: url(../../media/icon-star.svg) no-repeat center center;
	background-size: contain;
	width: 25px;
	height: 24px;
	flex-shrink: 0;
}

.workflow .detailView .detail-text,
#page-booking-infobooking .workplace .desc{
	color: #666;
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}
.workflow .content-place .detailView .detail-action{
	margin-bottom: 30px;
}
.workflow .content-place .detailView .detail-action .select .btn-inner{
	padding: 0 70px;
}
.workflow .content-place .detailView .detail-action .select.occupied{
	pointer-events: none;
	
}
.workflow .content-place .detailView .detail-action .select.occupied{
	color: #666;
    background: -moz-linear-gradient(left, #444 0%, #333 100%);
    background: -webkit-linear-gradient(left, #444 0%, #333 100%);
    background: linear-gradient(to right, #444 0%, #333 100%);
}
.workflow .detailView .detail-features{
	padding-bottom: 50px;
}
.workflow .detailView .detail-features .subhead,

.workflow .listHeader,
.offlineWorkplace .listHeader{
	text-align: left;
	padding: 30px 20px 5px 20px;
	background: #222;
	border-bottom: 1px solid #777;
	font-family: "Neue Haas Unica W01 Medium";
	color: #00AAD2;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	letter-spacing: 0.05em;
}
#page-booking-infobooking .content label{
	margin-bottom: 4px;
	display: block;
}

#page-booking-infobooking .dottedLine{
	border-top: 1px dotted #bbb;
	height: 0;
	display: block;
	margin: 0 15px;
}
#page-booking-infobooking .content-booking p{
	text-align: right;
}
#page-booking-infobooking .date-val{
	font-size: 18px;
	font-family: "Neue Haas Unica W01 Medium";
	
}
#page-booking-infobooking .time-val{
	font-size: 18px;
}

#page-booking-infobooking .content label,
#page-booking-infobooking .content p{
	background: transparent;
	font-family: "Neue Haas Unica W01 Medium";
	color: #666;
	font-size: 14px;
	line-height: 16px;
}
#page-booking-infobooking .content p{
	font-family: "Neue Haas Unica W01 Light";
}
#page-booking-infobooking .content-status p{
	font-family: "Neue Haas Unica W01 Medium";
	color: #1ec8b4;
}
#page-booking-infobooking .content label i{
	color: #bbb;
}
.offlineWorkplace .listHeader{
	padding-top: 15px;	
}

.workflow .detailView .detail-features .feature-list,
#page-booking-infobooking .listWrap{
	padding: 0 0 0 20px;
	border-bottom: 1px solid #777;
}
#p15.workflow .detailView .detail-features .feature-list{
	background: #000;
}
.workflow .detailView .detail-features .feature-list .feature-list-item,
#page-booking-infobooking .listWrap .listItem{
	border-top: 1px solid #444;
	color: #aaa;
	padding: 10px 0px 10px 0px;
	text-align: left;
	font-family: "Neue Haas Unica W01 Light";
}
.workflow .detailView .detail-features .feature-list .feature-list-item b{
	font-family: "Neue Haas Unica W01 Bold";
	font-weight: normal;
}
#page-booking-infobooking .listWrap .listItem{
	border-bottom: 0;
}

.listWrap .listItemHeader{
	color: #999;
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 20px 5px 20px;
	text-align: left;
}

.workflow .detailView .detail-features .feature-list .feature-list-item.first,
#page-booking-infobooking .listWrap .listItem.first{
	border-top: 0;
}

.workflow .content-place-list{
	overflow-y: auto;
}

.workflow .listHeader{
	margin-top: 30px;
}

#instantWorkflow .listHeader,
#p15.workflow .listHeader {
    margin-top: 0px;
}

.workflow .listWrap .listItem{
	padding: 10px 60px 10px 20px;
	text-align: left;
	border-bottom: 1px solid #777;
	background: #000;
	position: relative;
}
#instantWorkflow .listWrap .listItem{
	padding: 10px 20px 10px 20px;
}
#instantWorkflow .listWrap .listItem.hide{
	display: none;
}
#instantWorkflow .listWrap .listItem.show{
	display: block;
}
.workflow .listWrap .listItem.first{
	border-top: 1px solid #777;
}

.workflow .listWrap .listItem .icon{
	position: absolute;
	width: 36px;
	height: 36px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}


.workflow .content-rooms-list .listWrap .listItem .icon{
	background: url(../../media/map_mr_vacant.svg) no-repeat center center;
}

.workflow .content-place-list .listWrap .listItem.vacant .icon{
	background: url(../../media/map_wp_nonergo_vacant.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.ergo.vacant .icon{
	background: url(../../media/map_wp_ergo_vacant.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.ergo.occupied .icon{
	background: url(../../media/map_wp_ergo_occupied.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.nonergo.vacant .icon{
	background: url(../../media/map_wp_nonergo_vacant.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.nonergo.occupied .icon{
	background: url(../../media/map_wp_nonergo_occupied.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.ergo.bookingNotAllowed .icon{
	background: url(../../media/map_wp_ergo_notbookable.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.nonergo.bookingNotAllowed .icon{
	background: url(../../media/map_wp_nonergo_notbookable.svg) no-repeat center center;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.workplaceType0 .icon,
.workflow .content-place-list .listWrap .listItem.isMeetingroom .icon{
	background: url(../../media/map_mr_grey.svg) no-repeat center center !important;
	background-size: contain;
}
.workflow .content-place-list .listWrap .listItem.workplaceType0.bookingNotAllowed .icon,
.workflow .content-place-list .listWrap .listItem.isMeetingroom.bookingNotAllowed .icon{
	background: url(../../media/map_mr_notbookable.svg) no-repeat center center !important;
	background-size: contain !important;
}
.yoyobox .listWrap .listItem{
	transition: 0.2s;
	background: #000;
}
.yoyobox .listWrap .listItem.selected{
	background: #fff;
}
.offlineWorkplace .listWrap .listItem .name,
.offlineWorkplace .listWrap .listItem .class,
.offlineWorkplace .listWrap .listItem .rssi{
	color: #fff;
	font-size: 20px;
	font-family: "Neue Haas Unica W01 Medium";
	display: block;
	width: 100%;
}
.listWrap .listItem .class,
.listWrap .listItem .address{
	font-size: 16px;
	color: #aaa;
	font-family: "Neue Haas Unica W01 Regular";
}


.yoyobox .listWrap .listItem{
	border-bottom: 1px dotted #555;
	padding: 10px 20px;
}
.yoyobox .listWrap .listItem .name,
.yoyobox .listWrap .listItem .rssi,
.yoyobox .listWrap .listItem .id{
	text-align: left;
}

.yoyobox .listWrap .listItem.selected .name,
.yoyobox .listWrap .listItem.selected .rssi{
	color: #000;
}
.yoyobox .listWrap .listItem.selected .id{
	color: #999;
}

.workflow .content-place-list .listWrap .listItem.occupied,
.workflow .content-place-list .listWrap .listItem.bookingNotAllowed,
.workflow .content-place-list .listWrap .listItem.isMeetingroom{
	pointer-events: none;
	
}
.workflow .content-place-list .listWrap .listItem.occupied div,
.workflow .content-place-list .listWrap .listItem.bookingNotAllowed div,
.workflow .content-place-list .listWrap .listItem.isMeetingroom div,
.workflow .content-place-list .listWrap .listItem.occupied .icon,
.workflow .content-place-list .listWrap .listItem.bookingNotAllowed .icon,
.workflow .content-place-list .listWrap .listItem.isMeetingroom .icon{
	opacity: 0.5;
}

.workflow .content-place .listWrap{
	transition: 0.4s;
}
#page-booking-newbooking.showList .content-place.showDetailview .listWrap{
	opacity: 0.4;
	
}
#page-booking-newbooking.showList .content-place.showDetailview .listWrap .listItem{
	pointer-events: none;
}

.workflow .listHeader .name,
.workflow .listWrap .listItem .name,
.offlineWorkplace .listHeader .name,
.offlineWorkplace .listWrap .listItem .name{
	padding-left: 0;
	padding-right: 0;
	text-indent: 0px;
}
.workflow .content-rooms-list .listWrap .listItem .name{
	width: 100%;
}
.workflow .listHeader .rssi,
.workflow .listWrap .listItem .rssi,
.offlineWorkplace .listHeader .rssi,
.offlineWorkplace .listWrap .listItem .rssi{
	float: right;
	width: 20%;
	padding-left: 0;
	padding-right: 0;
	text-indent: 0px;
	text-align: right;
}

.workflow .listWrap .listItem .name,
.offlineWorkplace .listWrap .listItem .name{
	font-family: "Neue Haas Unica W01 Medium";
}
.workflow .listWrap .listItem .name{
	color: #fff;
}
.workflow .listWrap .listItem .rssi,
.offlineWorkplace .listWrap .listItem .rssi{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
}
.workflow .listWrap .listItem .id,
.offlineWorkplace .listWrap .listItem .id{
	color: #999;
	font-size: 18px;
	font-family: "Neue Haas Unica W01 Regular";
	display: block;
	width: 100%;
	padding: 8px 0 5px 0px;
}


.workflow .content-summary{
	overflow-y: auto;
}
.workflow .black-items{
	margin-top: 40px;
	margin: 40px 20px;
}
.workflow .black-items .dark-wrap{
	background: #444;
	border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 10px;
	color: #fff;
	text-align: left;
} 
.workflow .content-summary .dark-wrap.timefrom{
	margin-right: 2px;
}
.workflow .content-summary .dark-wrap.timeamount{
	margin-left: 2px;
}
.workflow .content-summary .dark-wrap-double .dark-wrap{
	margin-bottom: 0;
	position: relative;
	z-index: 10;
}
.workflow .content-summary .sub-dark-wrap{
	text-align: left;
	left: 0;
	background: #333;
	padding: 10px 20px;
	border-radius: 10px;
}
.workflow .content-summary .sub-dark-wrap .txt{
	font-size: 16px;
	font-family: "Neue Haas Unica W01 Light";
	color: #777;
	padding: 5px 0px 8px 0px;
}

.workflow .content-summary .dark-wrap-double .sub-dark-wrap{
	margin-top: -15px;
	padding: 25px 20px 10px 20px;
	position: relative;
	z-index: 5;
}

.workflow .content-summary .dark-wrap .subhead{
	color: #777;
	font-family: "Neue Haas Unica W01 Light";
}
.workflow .content-summary .dark-wrap .txt{
	font-size: 20px;
	font-family: "Neue Haas Unica W01 Light";
	padding: 10px 0px;
}
.workflow .content-summary .dark-wrap .txt .wpName,
.workflow .content-summary .dark-wrap .txt .name{
	font-family: "Neue Haas Unica W01 Bold";
}
#page-booking-infobooking .content .inner-content{
	background: #000;
}
#page-booking-infobooking .content .inner-content.last{
	border-bottom: 1px solid #777;
}
#page-booking-infobooking .content .inner-content.withPadding{
	padding: 20px;
}
#page-booking-infobooking .content .inner-content{
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	font-size: 20px;
	color: #aaa;
}

#page-booking-infobooking .content .inner-content{
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	font-size: 18px;
	line-height: 20px;
	color: #aaa;
	position: relative;
	z-index: 10;
}
#page-booking-infobooking .content .inner-content.withLabel label{
	float: right;
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	font-size: 15px;
	line-height: 22px;
	text-transform: none;
	
	color: #777;
	padding: 0px;
    background: transparent;
    border-bottom: 0;
}
#page-booking-infobooking.booked .status span{
	color: #d59030;
}
#page-booking-infobooking.started .status span{
	color: #5ab332;
}
#page-booking-infobooking .actions{
	position: relative;
}
#page-booking-infobooking .actions .text{
	font-family: "Neue Haas Unica W01 Light";
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    color: #999;
    text-align: left;
    width: 100%;
}

#page-booking-infobooking.finished .actions .text{
	position: relative;
    transform: translateY(0%);
    left: 0;
    top: 0;
}

#page-booking-infobooking.started.live .actions .text,
#page-booking-infobooking.booked.live .actions .text{
	color: #1EC8B4;
}
#page-booking-infobooking.live.endIsNear .actions .text{
	color: #C81E1E;
}
#page-booking-infobooking.started.live.ended .actions .text,
#page-booking-infobooking.booked.live.ended .actions .text{
	color: #777;
}
#page-booking-infobooking .actions .btn{
	margin: 0;
}

#page-booking-infobooking .actions .btns{
	margin-top: 15px;
	text-align: center;
}

.content-scrollWrap{
	height: 100%;
	overflow-y: auto;
	padding: 0 10px;
}

#page-booking-infobooking .actions .btn.delete img{
	width: 25px;
	height: 25px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#page-booking-infobooking .actions .btn.use,
#page-booking-infobooking .actions .btn.end,
#page-booking-infobooking .actions .btn.delete{
	display: none;
}
#page-booking-infobooking.started .actions .btn.end,
#page-booking-infobooking.booked.live .actions .btn.use,
#page-booking-infobooking.booked .actions .btn.delete{
	display: inline-block;
}
#page-booking-infobooking.started .actions .btn.delete{
	display: none;
}
#page-booking-infobooking .dottedBottom{
	border-bottom: 1px dotted #444;
}

#page-booking-infobooking .btn.btn-border{
	background: -moz-linear-gradient(left, #aaa 0%, #aaa 100%);
    background: -webkit-linear-gradient(left, #aaa 0%,#aaa 100%);
    background: linear-gradient(to right, #aaa 0%,#aaa 100%);
}

#page-booking-infobooking .btn.btn-border .btn-inner{
	background: #000;
}
#page-booking-infobooking .btn .icon{
	position: relative;
	top: 7px;
}
#page-booking-infobooking .btn .icon img{
	height: auto;
	width: 30px;
}
#page-booking-infobooking .rating{
	position: absolute;
	right: 20px;
	top: 73px;	
}
#page-booking-infobooking .rating .stars .star{
	width: 22px;
	height: 20px;
	background: url(../../media/icon_star.svg) no-repeat center center;
	background-size: 18px 18px;
	display: inline-block;
}
#page-booking-infobooking .rating .label{
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	color: #777;
}
#page-booking-infobooking .content-floorplan{
	min-height: 300px;
	position: relative;
}
#page-booking-infobooking .plan{
	background: #fff;
}

#page-booking-infobooking .btn .btn-inner{
	pointer-events: none;
}

#instantWorkflow .listWrap,
.offlineWorkplace .listWrap{
	height: 60vh;
	overflow-y: scroll;
	background: #000;
	margin-bottom: 30px;
	border-bottom: 1px solid #777;
	
	background: #000 url(../../media/ble_icon.svg) no-repeat center center;
	background-size: 100px 193px;
}
.offlineWorkplace .listWrap{
	height: 40vh;
	margin-bottom: 10px;
}


#instantWorkflow .foundTxt,
.offlineWorkplace .foundTxt{
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	font-size: 16px;
	line-height: 18px;
	color: #777;
	padding: 20px 20px 10px 20px;
	
}
#instantWorkflow .foundTxt span,
.offlineWorkplace .foundTxt span{
	color: #fff;
}
#instantWorkflow .filter,
.offlineWorkplace .filter{
	width: 50%;
	position: absolute;
	right: 20px;
	top: 10px;
}

#toast{
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: 0.2s;
	pointer-events: none;
}
#toast .inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) scale(0.6);
	opacity: 0;
	transition: 0.2s 0s;
	color: #999;
	font-family: "Neue Haas Unica W01 Light";
	text-align: center;
	font-size: 16px;
	width: 60%;
	border-radius: 10px;
	background: #333;
	padding: 20px 20px;
	pointer-events: none;
}

.showToast #toast{
	background: rgba(0,0,0,0.9);
}
.showToast #toast .inner{
	transform: translateX(-50%) translateY(-50%) scale(1);
	opacity: 1;
	transition: 0.4s 0.1s;
}

.currentBookings .instantBookings{
	display: none;
}
.yoyoDeveloper.showInstantBooking .currentBookings .instantBookings{
	display: block;
}


.page.rooms img{
	width: 100%;
	height: auto;
}

.page.rooms.active .list{
	pointer-events: all;
}
.page.rooms .list img{
	pointer-events: none;
}


#p15 .content img{
	width: 100%;
	height: auto;
}


.inputWrapPadding{
	padding: 0px 20px;
}

.wpMeetingroom{
	padding: 30px;
	text-align: left
}
.workplaceConnected .currentRooms .actions .btn.use{
	display: none;
}

.workplaceConnected .currentRooms .actions .btn.use{
	display: none;
}
.workplaceConnected .currentRooms .actions .btn.end{
	display: inline-block;
}

.defaultmap{
	height: 60vh;
	width: 100%;
	overflow-y: scroll;
}

.defaultmap img{
	width: 100%;
	height: auto;
}

.defaultmap .overlayPlaces{
	position: relative;
}

.defaultmap .wp{
	width: 8.5%;
    height: 4.8%;
	background: #999;
	display: block;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 5px;
}

.defaultmap .wp.available{
	background: #1EC8B4;
	pointer-events: all;
}
.defaultmap .wp.used{
	background: #c81e1e url(../../media/icon/icon_circle_92px_NOTOK_white.svg) no-repeat center center;
	background-size: contain;
	pointer-events: none;
}
.defaultmap .wp.selected{
	background: #00AAD2 url(../../media/icon/icon_circle_92px_OK_white.svg) no-repeat center center;
	background-size: contain;
}

.defaultmap .wp1{
	position: absolute;
    left: 38%;
    top: 46.6%;
}


.defaultmap .wp2{
	position: absolute;
	left: 38%;
    top: 53.7%;
}

.defaultmap .wp3{
	position: absolute;
	left: 55%;
    top: 74%;
}

.defaultmap .wp4{
	position: absolute;
	left: 70%;
    top: 74%;
}

.defaultmap .wp5{
	position: absolute;
	left: 55%;
	top:  83%;
}

.defaultmap .wp6{
	position: absolute;
	left: 70%;
	top:  83%;
}

.defaultmap .wp7{
	position: absolute;
	left: 22%;
	top:  80%;
	display: none;
}


.yoyochair .chairdelta{
	position: relative;
	padding-top:20px;
}
.yoyochair .chairdelta .inputs{
	position: relative;
	top: 30px;
	width: 100%;
	
}


.yoyochair .chairdelta img{
	width: 50vw;
	height: auto;
	margin: 0 auto;
}

.yoyochair input.chairdeltaInput[type=text]{
	width:  100px;
	display: inline-block;
	pointer-events: none;
	text-align: center;
	text-indent: 0;
}

.yoyochair .btn.minus{
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translateX(-50px) translateY(-50%);
}
.yoyochair .btn.plus{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(50px) translateY(-50%);
}

.yoyochair .btn.minus .btn-inner,
.yoyochair .btn.plus .btn-inner{
	padding: 0px 30px;
}

.yoyobox.loading .preloader .progressBar{
	animation-name: progressToEnd;
    animation-duration: 5s;
    animation-timing-function: linear;
   animation-fill-mode: none;
}


.contentMargin{
	margin: 11px 5vw;
}

.styledInput{
	position: relative;
}

.styledInput input{
	background: #444;
	border: 0;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 18px;
	width: 100%;
	text-indent: 15px;
	padding: 0;
	transition:0.2s;
	outline: none !important;
}
.styledInput.loading input{
	color: #2f2f2f;	
	background: #2f2f2f;
}

.styledInput span.icon{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}


.styledInput span.loadingLabel{
	height: 50px;
	line-height: 50px;
	position: absolute;
	left: 15px;
	top: 0;
	pointer-events: none;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 18px;
	color: #666;
	transition: 0.2s;
	opacity: 0;
}
.styledInput.loading span.loadingLabel{
	opacity: 1;
}

.styledInput span.iconParticipants{
	background: url(../../media/icon/input/icon_people.svg) no-repeat center center;
	background-size: contain;
}
.styledInput span.iconClear{
	opacity: 0.8;
	pointer-events: all;
    background-image: url(../../media/icon_close_white.svg), linear-gradient(to right, rgba(68,68,68,0) 0%, rgba(68,68,68,1) 100%) ;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 75% 75%;
	
	display: none;
}

.mbsc-ios.mbsc-fr-bottom .mbsc-fr-overlay,
.mbsc-ios .mbsc-fr-persp .mbsc-fr-overlay{
	background: rgba(0,0,0,0.7);
}
#p15 .content{
	overflow-y: auto;
	transition: 0.2s;
}
#p15 .content.content-n2{
	bottom: 0;
}
#p15 .content.content-n1,
#p15 .content.content-n3{
	padding-bottom: 105px;
}
#p15 .zoomHolder .marker span{
	opacity: 1;
}
#p15 .bottomAction{
	position: fixed;
	bottom: 0;
	height: 105px;
	width: 100%;
	
	background: -moz-linear-gradient(bottom, #222 75%, rgba(34,34,34,0) 100%);
    background: -webkit-linear-gradient(bottom, #222 75%, rgba(34,34,34,0) 100%);
    background: linear-gradient(to top, #222 75%, rgba(34,34,34,0) 100%);
	
	transition: 0.2s;
	opacity: 0;
	transform: translateY(100%);
}


#p15.show-n1 .bottomAction,
#p15.show-n3 .bottomAction,
#p15.show-n4 .bottomAction{
	opacity: 1;
	transform: translateY(0%);
}


#p15 .bottomAction .btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: 0;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
}
#p15 .bottomAction .btn .btn-inner{
	padding: 0 50px;
}
#p15.show-n1 .bottomAction .showResult,
#p15.show-n3 .bottomAction .selectRoom,
#p15.show-n4 .bottomAction .confirmRoom{
	opacity: 1;
	pointer-events: all;
}
#p15.show-n4 .bottomAction .selectRoom{
	transform: translateX(-50%) translateY(100%);
}
#p15 .bottomAction .confirmRoom{
	transform: translateX(-50%) translateY(100%);
}
#p15.show-n4 .bottomAction .confirmRoom{
	transform: translateX(-50%) translateY(-50%);
}
#p15.show-n1 .bottomAction.loading .showResult{
	pointer-events: none;
	color: #777;
	 background: linear-gradient(90deg,#444 0%,#555 100%);
}


#p15 .bottomAction .searchRooms{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: 0;
}
#p15 .date.contentMargin,
#p15 .location.contentMargin,
#p15 .building.contentMargin{
	margin-bottom: 4px;
}
#p15 .building.contentMargin,
#p15 .floor.contentMargin{
	margin-top: 0px;
}
#p15 .date.styledInput input{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#p15 .timeWrap .left,
#p15 .timeWrap .right{
	width: 50%;
	float: left;
}

#p15 .timeWrap .left .contentMargin{
	margin-right: 2px;
	margin-top: 0px;
}

#p15 .timeWrap .right .contentMargin{
	margin-left: 2px;
	margin-top: 0px;
}

#p15 .timeWrap .styledInput input,
#p15 .floor input{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#p15 .timeWrap .left .styledInput input{
	border-bottom-right-radius: 0;
}
#p15 .timeWrap .right .styledInput input{
	border-bottom-left-radius: 0;
}

#p15 .locationSelected .location .iconClear,
#p15 .buildingSelected .building .iconClear,
#p15 .floorSelected .floor .iconClear{
	display: block;
}
#p15 .building, 
#p15 .floor{
	max-height: 0px;
	overflow: hidden;
	transition: 0.2s;
}
#p15 .locationSelected .location input,
#p15 .locationSelected.buildingSelected .building input{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#p15 .locationSelected .building,
#p15 .buildingSelected .floor{
	max-height: 100px;
}

#p15 .locationSelected .building input{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


#p15 .listItem .location{
	color: #aaa;
	font-size: 16px;
	font-family: "Neue Haas Unica W01 Bold";
}
#p15 .listItem .note{
	color: #aaa;
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Light";
}

#p15 .content-rooms-list .listWrap{
	margin-bottom: 100px;
}

#p15 .detail-floorplan .plan{
	background: #fff;
}


#p12 .pop-profile-birthyear .input_yoyoprofilebirthyear,
#p12 .pop-profile-birthyear label{
	display: none;
}


.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-w, 
.mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w,
.mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont, 
.mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont{
	background: #000;
}

.mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont{
	border-bottom: 1px solid #707070;
}
.mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-btn-cont{
	border-bottom: 1px solid #707070;
}

.mbsc-ios .mbsc-fr-btn{
	font-family: "Neue Haas Unica W01 Light";
    font-size: 18px;
	color: #aaa;
}

.mbsc-ios .mbsc-fr-btn1{
	color: #fff;
    background: -moz-linear-gradient(left, #1EC8B4 0%, #00AAD2 100%);
    background: -webkit-linear-gradient(left, #1EC8B4 0%, #00AAD2 100%);
    background: linear-gradient(to right, #1EC8B4 0%, #00AAD2 100%);
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    padding: 0 30px;
    margin-top: 3px;
}
.mobiTime.mbsc-ios .mbsc-fr-btn1{
	margin-top: 0px;
    height: 2.75em; 
    line-height: 2.75em; 
}
.mbsc-ios .mbsc-fr-btn0{
	padding: 0 20px;
	position: relative;
	left: -20px;
}
.mobiTime.mbsc-ios .mbsc-fr-btn0{
	padding: 0 0px;
	left: 0px;
}  
.mbsc-ios .mbsc-sc-whl-gr,
.mobiTime.mbsc-ios .mbsc-fr-btn-w{
	padding: 0;
}
   
.mbsc-ios .mbsc-fr-btn-w{
	padding: 0 20px;
}   

.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup{
	border-top: 1px solid #707070;
}

.mbsc-yoyotheme.mbsc-ts .mbsc-sc-lbl{
	color: #707070;
}
.mbsc-ts-lbl{
	display: none;
}

.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{
	background: #333;
}

.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-l, .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-l{
	border-top: 0;
	border-bottom: 0;
}

.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-o, .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-o{
	background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(.52, rgba(0,0,0, 0)), color-stop(.48, rgba(0,0,0, 0)), to(#000));
    background: -webkit-linear-gradient(#000, rgba(0,0,0, 0) 52%, rgba(0,0,0, 0) 48%, #000);
    background: linear-gradient(#000, rgba(0,0,0, 0) 52%, rgba(0,0,0, 0) 48%, #000);
}



.pop-content .mbsc-yoyotheme.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o{
	background: -webkit-gradient(linear, left bottom, left top, from(#555), color-stop(.52, rgba(0,0,0, 0)), color-stop(.48, rgba(0,0,0, 0)), to(#555));
    background: -webkit-linear-gradient(#555, rgba(0,0,0, 0) 52%, rgba(0,0,0, 0) 48%, #555);
    background: linear-gradient(#555, rgba(0,0,0, 0) 52%, rgba(0,0,0, 0) 48%, #555);
}

.mbsc-ios .mbsc-sc-whl .mbsc-sel-gr{
	visibility: hidden;
}

.mbsc-ios .mbsc-sc-itm{
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	text-indent: 19px;
	font-size: 18px;
}
.pop-content .mbsc-ios .mbsc-sc-itm{
	text-indent: 0;
}
.mobiTime.mbsc-ios .mbsc-sc-itm{
	text-indent: 0;
	text-align: center;
}

.mbsc-ios.mbsc-fr-inline .mbsc-fr-c{
	border-bottom: 0;
}
.content .mbsc-ios .mbsc-sc-itm{
	text-indent: 0;
}

.mbsc-ios .mbsc-sc-itm.mbsc-sc-itm-3d[data-index='1']{
}

.mbsc-yoyotheme .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d.mbsc-sc-itm-sel{
	color: #fff;
}
.mbsc-ios .mbsc-sc-itm{
	
	transition: 0.2s;
}
.mbsc-ios .mbsc-sc-itm.mbsc-sc-itm-sel{
	font-family: "Neue Haas Unica W01 Regular";
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
	font-size: 18px;
    color: #a0a0a0;
}
.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d.mbsc-disabled {
	font-size: 18px;
    color: #444;
}
.mbsc-yoyotheme.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
    background: #444;
}
#p17 .mbsc-yoyotheme.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-w,
.pop-content .mbsc-yoyotheme.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-w{
   width: 100%;
}
.mbsc-yoyotheme .mbsc-sc-whl-l, .mbsc-yoyotheme.mbsc-calendar .mbsc-sc-whl-l {
    border-color: #444;
}
#p17 .mbsc-ios .mbsc-sc-itm,
.pop-content .mbsc-ios .mbsc-sc-itm{
	text-align: center;
}

.mbsc-sc-lbl{
	z-index: 200;
	text-align: left;
	text-indent: 30px;
	bottom: 95%;
	color: #707070;
	font-family: "Neue Haas Unica W01 Regular";
	text-transform: uppercase;
}

.mobiTime .mbsc-sc-lbl{
	text-indent: 0px;
	text-align: center;
}

.mbsc-cal-days{
	background: #222;
	border-top: 1px solid #707070;
	color: #777;
}
.mbsc-cal-days > div{
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Regular";
	text-transform: uppercase;
}
.mbsc-ios .mbsc-cal-cell {
    border-top: 0;
}

.mbsc-ios .mbsc-cal-day-date {
    font-family: "Neue Haas Unica W01 Medium";
    font-size: 14px;
    border: 0;
    padding: 4px;
    margin: 0.3em;
    
}

.mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt {
    opacity: 1;
    color: #777;
}

.mbsc-yoyotheme .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
    border-color: transparent;
    color: #000;
    background: -moz-linear-gradient(left, #1EC8B4 0%, #00AAD2 100%);
    background: -webkit-linear-gradient(left, #1EC8B4 0%, #00AAD2 100%);
    background: linear-gradient(to right, #1EC8B4 0%, #00AAD2 100%);
}

.mbsc-cal-table{
	border-bottom: 1px solid #4d4d4d;
}



.mbsc-ios.mbsc-fr-inline .mbsc-fr-w{
	border-top: 0;
	margin-top: 0;
	background: transparent;
}

.mbsc-form-group{
	margin: 0;
}

.mbsc-ios .mbsc-control-w:before, .mbsc-ios .mbsc-control-w:after {
    border-top: 0;
}

.mbsc-yoyotheme.mbsc-form {
    background: transparent;
    color: #ffffff;
}

.mbsc-ios.mbsc-form .mbsc-checkbox, .mbsc-ios.mbsc-form .mbsc-radio {
    padding: .750em 1em .750em 35px;
    background: #222;
}

.dark .mbsc-ios.mbsc-form .mbsc-checkbox, 
.dark .mbsc-ios.mbsc-form .mbsc-radio{
	background: #333;
	text-align: left;
}

.mbsc-ios .mbsc-checkbox-box {
    right: auto;
    left: 0;
    width: 25px;
    height: 25px;
    margin-top: -0.750em;
    background: #444;
    border: 0;
    border-radius: 3px;
}



.mbsc-yoyotheme .mbsc-checkbox-box:after {
    top: 22%;
    left: 22%;
    width: 1em;
    height: .475em;
    border-color: #ffffff;
}
.mbsc-label{
	text-align: left;
	font-size: 18px;
	font-family: "Neue Haas Unica W01 Light";
}

div[aria-label='Groups'] .mbsc-sc-lbl{
	text-indent: 0;
	padding: 0 0.8em;
}


#menue .language .list-btn .right img{
	opacity: 0;
	transition: 0.2s;
}

.lang-en #menue .language .list-btn[data-lang="en"] .right img,
.lang-de #menue .language .list-btn[data-lang="de"] .right img{
	opacity: 1;
}



.select-list,
.selected-list{
	padding: 20px;
	text-align: left;
}

.selected-list .location,
.selected-list .building,
.selected-list .floor{
	display: inline-block;
}

.selected-option{
	background: #444;
	border-radius: 5px;
	padding: 10px 50px 10px 10px;
	position: relative;
	display: inline-block;
}

.selected-list .default{
	color: #999;
	font-size: 16px;
	line-height: 18px;
	padding: 10px 0 10px 20px;
	display: block;
}

.selected-option label{
	color: #ccc;
	font-size: 16px;
	line-height: 18px;
}
.selected-option span{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	background: url(../../media/icon_close_white.svg) no-repeat center center;
	background-size: 25px 25px;
}

.select-option{
	background: #000;
	margin-bottom: 1px;
	padding: 20px;
	position: relative;
	text-align: left;
}
.select-option label{
	color: #fff;
}
.select-option span{
	color: #999;
	position: absolute;
	right: 20px;
	top: 20px;
}
.select-option.first{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.select-option.last{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.select-option.first.last{
	border-radius: 10px;
}

#page-module-location .selectWrap{
	transition: 0.2s;
}
#page-module-location .content-location-location .selectWrap,
#page-module-location .content-location-building .selectWrap,
#page-module-location .content-location-floor .selectWrap{
	margin-top: 60px;
}