* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#fff;
    background-attachment:fixed;
    font-family:"Neue Haas Unica W01 Regular";
    font-size:18px;
    height:100%;
    margin:0px;
    padding:0px;
    color: #333;
    width:100%;
    overflow-x: hidden;
}

a {
    color: #00AAD2;
    font-weight: 500;
    text-decoration: none;
    transition: 0.2s;
}
a:hover{
	color: #1EC8B4;
}
a:active{
	color: #333;
}

b{
  font-family:"Neue Haas Unica W01 Bold";
  font-weight: normal;
}

p{
    font-family:"Neue Haas Unica W01 Regular";
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #777;
}

.spacer-10{
  height: 10px;
  display: block;
}
.spacer-15{
  height: 15px;
  display: block;
}
.spacer-20{
  height: 20px;
  display: block;
}
.spacer-30{
  height: 30px;
  display: block;
}
.spacer-40{
  height: 40px;
  display: block;
}
.spacer-50{
  height: 50px;
  display: block;
}

.y-fontlogo{
	font-family: "YOYONumbers Regular";
}

.full-width{
  width: 100%;
}

.align-left{
  text-align: left;
}
.align-right{
  text-align: right;
}
.align-center{
  text-align: center;
}

.no-padding{
  padding: 0 !important;
}

.fm-user-logout .txtFmUsername,
.fm-user-logout .txtFmFullname {
    font-size: 14px;
    font-family: "Neue Haas Unica W01 Light";
    color: #999;
    margin-left: 5px;
}

.fmLoggedOut .txtFmUsername,
.fmLoggedOut .txtFmFullname,
.fmLoggedIn #section-dashboard .fm-form{
	display: none;
}


.btn {
	background: linear-gradient(90deg, #1ec8b4 0%, #00aad2 100%);
	border-radius: 23px;
	line-height: 46px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0 50px;
	margin: 20px;
	transition: 0.1s;
	border: 0;
	outline: none !important;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	cursor: pointer;
}

.status-action .btn{
	padding: 0 30px;
}

.btn.btnBorder{
	background-image: linear-gradient(90deg, #1ec8b4 0%, #00aad2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



.btn.small {
	border-radius: 18px;
	line-height: 34px;
}

.pop-action .btn {
	margin: 0;
}

.btn.cancelClean,
.btn.cancel,
.deleteBookingBtn,
.btn.delete,
.btn.cancelProximity {
	background: linear-gradient(90deg, #999 0%, #888 100%);
}

.btn[disabled] {
	background: linear-gradient(90deg, #e1e1e1 0%, #d0d0d0 100%);
}

.wp-action .btn[disabled] {
	display: none;
}

.btn:active {
	background: linear-gradient(90deg, #0f645a 0%, #005569 100%);
	color: #fff;
	transform: scale(0.95);
}
.btn.cancel:active,
.btn.deleteBookingBtn:active,
.btn.cancelProximity:active {
	background: linear-gradient(90deg, #777 0%, #666 100%);
}

.btn.disabled,
.booking.occupied .confirmBooking,
.loginProcess .btn.login {
	background: linear-gradient(90deg, #999 0%, #777 100%);
	opacity: 0.3;
	pointer-events: none;
}



.inputWrap{
  position: relative;
}
.inputWrap{
	margin-bottom: 6px;
	margin-top: 0;
}
.inputWrap .icon{
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	transform: translateY(-50%);
	display: inline-block;
	color: #777;
}
.iconTextRight .txt{
	margin-right: 44px;
}
.inputWrap .txt .head{
	font-family: "Neue Haas Unica W01 Regular";
    font-size: 18px;
    line-height: 24px;
    position: relative;
    display: inline-block;
}
.inputWrap .txt .head .fa{
	color: #777;
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%) translateX(-100%);
}
.inputWrap .txt .sub{
	font-family: "Neue Haas Unica W01 Regular";
    font-size: 14px;
    line-height: 18px;
    color: #777;
    margin-top: 4px;
}
.iconTextRight .inputWrap,
.iconText .inputWrap{
	padding-left: 35px;
}

.iconText.withAction .action{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
}


.txtPresetNotErgonomic,
.txtPresetErgonomic{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	pointer-events: none;
	opacity: 0;
	transition: 0.2s;
}

.isErgonomic .txtPresetErgonomic,
.isNotErgonomic .txtPresetNotErgonomic{
	opacity: 1;
	pointer-events: all;
}

.iconText .action{
	font-family: "Neue Haas Unica W01 Regular";
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    color: #777;
}

.iconText .action .textBtn{
	display: inline-block;
	margin-right: 5px;
}

.inputWrap .right{
  position: absolute;
  right: 0;
  top: 0;
}
.iconTextRight .right{
	top: 50%;
	transform: translateY(-50%);
}
.inputWrap .right .mdl-switch{
    right: 10px;
}

.rs-container{
    transition: 0.2s;
}
.rs-border{
  border: 0;
}
.rs-animation .rs-transition{
  transition: transform 0.2s linear;
}
.rs-path-color{
  background: #BBBBBB;
}
.rs-handle{
  background: #fff;
  margin: -9px 0px 0px 0px !important;
  border: 2px solid #54bbe0;
  transition: 0.2s;
}
.disconnected #section-light .rs-path-color,
.disconnected #section-light .rs-range-color,
.disconnected #section-goals .rs-range-color,
.disconnected #section-goals .rs-path-color{
	background: #ddd;
}

#section-goals .goalSetting .rs-handle{
	
  margin: -13px 0px 0px 0px !important;
}

.yoyo-slider-arrow .rs-handle{
  background: transparent url(../img/slider_handle_arrow.svg) no-repeat center center;
  background-size: cover;
  margin: -9px 0px 0px -2px !important;
  border: 2px solid transparent;
}

.yoyo-slider-arrow.blueHandle .rs-handle {
	background: transparent url(../img/slider_handle_arrow_blue.svg) no-repeat center center;
	background-size: cover;
	margin: -11px 0px 0px -2px !important;
}
.yoyo-slider-arrow.greenHandle .rs-handle {
	background: transparent url(../img/slider_handle_arrow_green.svg) no-repeat center center;
	background-size: cover;
	margin: -11px 0px 0px -2px !important;
}

#section-light .rs-handle{
    border: 2px solid rgba(255,255,255,0);
}
#section-light .yoyo-slider .rs-handle{
    margin: -9px 0px 0px 2px !important;
}
#section-light.lightAuto .split-1 .yoyo-slider-overlay .circleRightButton .bg,
#section-light.lightAuto .split-1 .yoyo-slider-overlay .circleLeftButton .bg{
    pointer-events: none;
}
#section-light.lightAuto .split-1 .yoyo-slider-overlay .circleRightButton .icon,
#section-light.lightAuto .split-1 .yoyo-slider-overlay .circleLeftButton .icon{
    opacity: 0;
    pointer-events: none;
}


#section-light.lightAuto .split-1 .yoyo-slider .rs-handle{
	opacity: 0.5;
	background: transparent;
	border: 2px solid rgba(255,255,255,1);
}
#section-light.lightAuto .split-1 .yoyo-slider .rs-handle:hover{
	opacity: 1;
}

#section-light.lightAuto .split-1 .yoyo-slider-overlay .circleRightButton{
    border-left: 0;
}



.widget-area .rs-handle{
  margin: -9px 0px 0px 1px !important;
  border: 1px solid transparent;
}
.yoyo-slider-overlay{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  z-index: 20;
  pointer-events: none;
}
.yoyo-slider.noHandle,
.yoyo-slider-range.noHandle{
  pointer-events: none;
}
.yoyo-slider.noHandle .rs-handle,
.yoyo-slider-range.noHandle .rs-handle{
  pointer-events: none;
  display: none;
}

.yoyo-slider.showOnlyHandle .rs-tooltip,
.yoyo-slider.showOnlyHandle span.rs-bar,
.yoyo-slider.showOnlyHandle .rs-inner-container,
.yoyo-slider-arrow.showOnlyHandle .rs-tooltip,
.yoyo-slider-arrow.showOnlyHandle span.rs-bar,
.yoyo-slider-arrow.showOnlyHandle .rs-inner-container{
  opacity: 0;
}

.yoyo-slider-overlay .circleLeftButton,
.yoyo-slider-overlay .circleRightButton,
.overlayActualTrackingLeft,
.overlayActualTrackingRight{
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 50%;
  overflow: hidden;
  left: 0;
  right: auto;
  border-bottom-left-radius: 100%;
  cursor: pointer;
}
.overlayActualTrackingLeft,
.overlayActualTrackingRight{
	cursor: default;
}
.overlayActualTrackingLeft{
	z-index: 8;
}
.overlayActualTrackingRight{
	z-index: 9;
}
.overlayActualTrackingLeft .bg{
	position: absolute;
  top: 0;
  width: 100%;
  height: 150%;
  right: 0;
  left: auto;
  transform-origin: left top;
  transform: translateX(100%) rotate(40deg);
	background: #fff;
	pointer-events: none;
}
.overlayActualTrackingRight .bg{
	position: absolute;
  top: 0;
  width: 100%;
  height: 150%;
  right: auto;
  left: 0;
  transform-origin: right top;
  transform: translateX(-100%) rotate(-40deg);
	background: #fff;
	pointer-events: none;
}
.yoyo-slider-overlay .circleRightButton,
.overlayActualTrackingRight{
  left: auto;
  right: 0;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 0%;
  border-left: 2px solid #fff;
}
.yoyo-slider-overlay .circleRightButton.noBorder{
  border-left: 0;
}
.yoyo-slider-overlay .circleLeftButton .bg,
.yoyo-slider-overlay .circleRightButton .bg{
  position: absolute;
  top: 0;
  width: 100%;
  height: 150%;
  background: -webkit-linear-gradient(left,  #000 0%,#000 100%);
  border-left: 2px solid #fff;
  right: 0;
  left: auto;
  transform-origin: left top;
  transform: translateX(100%) rotate(40deg);
  transition: 0.2s;
  pointer-events: all;
}
.yoyo-slider-overlay .circleLeftButton.disabled .bg,
.yoyo-slider-overlay .circleRightButton.disabled .bg{
  pointer-events: none;
}
.yoyo-slider-overlay .circleLeftButton:hover .bg,
.yoyo-slider-overlay .circleRightButton:hover .bg{
  background: -webkit-linear-gradient(left,  #333 0%,#333 100%);
}
.yoyo-slider-overlay .circleLeftButton.selected .bg,
.yoyo-slider-overlay .circleLeftButton:active .bg,
.yoyo-slider-overlay .circleRightButton.selected .bg,
.yoyo-slider-overlay .circleRightButton:active .bg{
  background: -webkit-linear-gradient(left,  #3ea6d4 0%,#3fd4c5 100%);
}
#section-goals .yoyo-slider-overlay .circleLeftButton.selected .bg,
#section-goals .yoyo-slider-overlay .circleRightButton.selected .bg{
  pointer-events: none;
}

#section-dashboard .ergoLevel-0 .yoyo-slider-overlay .circleLeftButton .bg,
#section-dashboard .ergoLevel-0 .yoyo-slider-overlay .circleRightButton .bg{
	background: #999;
}


.yoyo-slider-overlay .circleRightButton .bg{
  border-right: 2px solid #fff;
  right: auto;
  left: 0;
  transform-origin: right top;
  transform: translateX(-100%) rotate(-40deg);
}


.yoyo-slider-overlay .circleLeftButton.focus .bg,
.yoyo-slider-overlay .circleRightButton.focus .bg{
	-webkit-animation: bgPulseGrey 1.5s infinite;
	-moz-animation: bgPulseGrey 1.5s infinite;
	-ms-animation: bgPulseGrey 1.5s infinite;
	-o-animation: bgPulseGrey 1.5s infinite;
	animation: bgPulseGrey 1.5s infinite;
}

.yoyo-slider-overlay .circleLeftButton .icon .txt,
.yoyo-slider-overlay .circleRightButton .icon .txt{
  font-family: "Neue Haas Unica W01 Light";
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
  color: #fff;
  position: absolute;
  bottom: 0px;
}
.yoyo-slider-overlay .circleRightButton .icon .txt{
  left: 0;
  transform: translateX(-50%);
}

.yoyo-slider-overlay .circleLeftButton .icon .txt{
  right: 0;
  transform: translateX(50%);
}
.yoyo-slider-overlay .circleLeftButton .icon.selected,
.yoyo-slider-overlay .circleRightButton .icon.selected{
  color: #ccc;
}

.yoyo-slider-overlay .circleLeftButton .icon,
.yoyo-slider-overlay .circleRightButton .icon{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  transform-origin: right top;
  transform: rotate(20deg);
  pointer-events: none;
  color: #fff;
  transition: 0.2s;
}



.yoyo-slider-overlay .circleRightButton .icon{
  right: auto;
  left: 0;
  transform-origin: left top;
  transform: rotate(-20deg);
}
.yoyo-slider-overlay .circleLeftButton .icon img,
.yoyo-slider-overlay .circleRightButton .icon img{
  width: auto;
  height: 10px;
  position: absolute;
  bottom: 4px;
  left: auto;
  right: 0;
  transform: translateX(50%);
  pointer-events: none;
}
.slider-area .yoyo-slider-overlay .circleLeftButton .icon img{
  height: 20px;
  bottom: 4px;
}
.slider-area .yoyo-slider-overlay .circleLeftButton .icon img,
.slider-area .yoyo-slider-overlay .circleRightButton .icon img{
  height: 20px;
  bottom: 2px;
}


#section-goals .slider-area .yoyo-slider-overlay .circleLeftButton .icon img,
#section-goals .slider-area .yoyo-slider-overlay .circleRightButton .icon img{
    height: 34px;
    bottom: -4px;
}

#section-goals .ergoLevel-0 .slider-area .yoyo-slider-overlay .circleLeftButton .bg,
#section-goals .ergoLevel-0 .slider-area .yoyo-slider-overlay .circleRightButton .bg{
	background: #999;
	pointer-events: none;
}
#section-goals .ergoLevel-0 .slider-area .yoyo-slider-overlay .circleLeftButton img,
#section-goals .ergoLevel-0 .slider-area .yoyo-slider-overlay .circleRightButton img{
	opacity: 0;
}
#section-goals .ergoLevel-0 .slider-area .yoyo-slider-overlay .circleRightButton{
	border-left: 0;
}

.yoyo-slider-overlay .circleRightButton .icon img{
  left: 0;
  right: auto;
  transform: translateX(-50%);
}


.disconnected .yoyo-slider-overlay .circleLeftButton .icon, 
.disconnected .yoyo-slider-overlay .circleRightButton .icon{
	display: none;
}

#p17 .contentSize .yoyo-slider-overlay .circleLeftButton .icon,
#p17 .contentSize .yoyo-slider-overlay .circleRightButton .icon{
	display: block;
}


.yoyo-slider-overlay .circleCenterIcon{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  transition: 0.2s;
}
.yoyo-slider-overlay .circleCenterIcon img{
  pointer-events: none;
  width:25px;
  height: 25px;
  position: relative;
  top: -1px;
}
.yoyo-slider-overlay .circle{
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 40px);
  height: calc(100% - 40px);
    z-index: 9999;
    pointer-events: all;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
}
#p18 .yoyo-slider-overlay .circle{
	background: #222;
}
.slider-area .yoyo-slider-overlay .circle{
  width: calc(100% - 50px);
  height: calc(100% - 50px);
}

.yoyo-slider-overlay .circle .circleInnerFlip{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.yoyo-slider-overlay .circle .circleInner{
    width: 85%;
    height: 85%;
    position: absolute;
    border-radius: 100%;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    overflow: hidden;
    text-align: center;
}





.yoyo-slider-overlay .circle .num,
.yoyo-slider-overlay .circle .numDiff,
.yoyo-slider-overlay .circle .txtOverlay {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: scale(1) translateX(-50%) translateY(-50%);
    transform-origin: 0 0;
    transition: 0.2s;
}


#p6 .yoyo-slider-overlay .circle .num {
	top: 48%;
}

.yoyo-slider-overlay .circle .num.scoreNum {
	opacity: 0;
	transform: scale(1) translateX(0%) translateY(-50%);
}

.showScore .yoyo-slider-overlay .circle .num.scoreNum {
	transform: scale(1) translateX(-50%) translateY(-50%);
	opacity: 1;
}
.showScore .yoyo-slider-overlay .circle .num.defaultNum {
	transform: scale(1) translateX(-100%) translateY(-50%);
	opacity: 0;
}

.yoyo-slider-overlay .circle .dotSlide {
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 5px;
	transform: scale(1) translateX(-50%);
	transform-origin: 0 0;
	display: none;
	text-align: center;
}
.yoyo-slider-overlay .circle .dotSlide .dot {
	width: 4px;
	height: 4px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 100%;
	display: inline-block;
	margin: 1px;
	transition: 0.2s;
}
.yoyo-slider-overlay .circle .dotSlide .dot.active {
	background: #777;
}

#section-goals .goalTracking .yoyo-slider-overlay .circle {
	pointer-events: none;
	overflow: hidden;
}

#section-goals .goalTracking.trackingActive .yoyo-slider-overlay .circle,
#section-goals .goalTracking.trackingFinished .yoyo-slider-overlay .circle,
#section-goals .goalTracking.trackingPaused .yoyo-slider-overlay .circle {
	pointer-events: all;
}

#section-goals .goalTracking.trackingLoading .yoyo-slider-overlay .circleRightButton .bg,
#section-goals .goalTracking.trackingLoading .yoyo-slider-overlay .circleLeftButton .bg{
	pointer-events: none;
}


#section-goals .goalTracking.trackingFinished .slider-area .sliderWrap .yoyo-slider-arrow {
	opacity: 0;
}

.trackingActive .yoyo-slider-overlay .circle .dotSlide,
.trackingFinished .yoyo-slider-overlay .circle .dotSlide,
.trackingPaused .yoyo-slider-overlay .circle .dotSlide {
	display: none;
}



.yoyo-slider-overlay .circle .txtOverlay{
    height: 90px;
    line-height: 90px !important;
    background: #fff;
    transition: 0.2s;
    border-radius: 100%;
    opacity: 0;
    pointer-events: none;
}
.yoyo-slider-overlay .circle .num.transInputWrap{
  width: 70%;
  pointer-events: all;
}

.slider120 .yoyo-slider-overlay .circle .num.transInputWrap{
 width: 90%;
}

.yoyo-slider-overlay .circle .num .val,
.yoyo-slider-overlay .circle .txtOverlay{
    font-family: "YOYONumbers Light";
    font-size: 24px;
    line-height: 24px;
    display: block;
    text-align: center;
}
#section-dashboard .yoyo-slider-overlay .circle .num .val{
	font-size: 20px;
	line-height: 20px;
	position: relative;
	top: 3px;
}
.yoyo-slider-overlay .circle .num .val.valNoTracking,
.yoyo-slider-overlay .circle .num .val.valLoading{
	font-size: 22px;
	text-align: center;
}

.langSelected-de .yoyo-slider-overlay .circle .num .val.valNoTracking,
.langSelected-de .yoyo-slider-overlay .circle .num .val.valTrackingDisabled{
	font-size: 16px;
}
.yoyo-slider-overlay .circle .num .val.valNoTracking,
.yoyo-slider-overlay .circle .num .val.valTrackingPaused,
.yoyo-slider-overlay .circle .num .val.valChangeNow,
.yoyo-slider-overlay .circle .num .val .noVal,
.yoyo-slider-overlay .circle .num .val.valLoading,
.yoyo-slider-overlay .circle .num .val.valTextFont{
	font-family: "Neue Haas Unica W01 Light";
}
.yoyo-slider-overlay .circle .num .val .noVal{
	font-size: 14px;
}
.yoyo-slider-overlay .circle .num .val .maxErgo{
	font-family: "YOYONumbers Light";
	font-size: 16px;
	margin-left: 5px;
	display: none;
}
.yoyo-slider-overlay .circle .num .val .maxErgo .dash {
	margin-right: 0px;
	margin-left: -5px;
}

.yoyo-slider-overlay .circle .num .val .unit {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 18px;
	margin-left: 5px;
}
#section-goals .yoyo-slider-overlay .circle .num .val.valTrackingFinished .unit{
	margin-left: 0;
}

.yoyo-slider-overlay .circle .num .txt{
  font-family: "Neue Haas Unica W01 Regular";
  font-size: 14px;
  line-height: 14px;
  color: #777;
  position: relative;
  top: -3px;

    width: 100%;
    display: inline-block;
    text-align: center;
}
.slider-bg{
  overflow: hidden;
  border-radius: 100%;
  background: #ccc;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.2s;
}
.slider-bg.kelvinImage{
  background: url(../img/slider_track_color.png);
  background-size: cover;
  transition: 0.2s;
}
.slider-bg.brightnessImage{
  background: url(../img/slider_track_brightness.png);
  background-size: cover;
  transition: 0.2s;
}

.disconnected #section-light .slider-bg.kelvinImage,
#section-light.notAvailable .slider-bg.kelvinImage{
	background-image: url("");
	background: #ddd;
}


.apiError-not_connected .yoyo-slider-overlay .circleRightButton{
    border-left: 2px solid #aaa !important;
}


.sectionHeadline{
  font-size: 24px;
  line-height: 32px;
  font-family: "Neue Haas Unica W01 Light";
}
.sectionHeadline b{
  font-family: "Neue Haas Unica W01 Bold";
}




h1 {
    font-size:18px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:left;
}

h2{
  font-family: "Neue Haas Unica W01 Light";
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}

input {
	width: 100%;
	margin-right: 10px;
}

button {
    width: 120px;
}
button.recheckPermanentBooking{
	width: auto;
}
button.retryConnect{
	width: auto;
}
.status-action button{
	width: auto;
}

ul{
  margin: 0;
  padding: 0;
  list-style: none;;
}


#section-booking-workplace .mdl-button.gotoSupport{
	margin-top: 0;
}

nav{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: #222222;
  width: 200px;
}

nav ul{
  margin: 0;
  padding: 0;
}
nav ul li{
    transition: 0.2s;
    opacity: 1;
}
nav ul li a{
    padding: 0px 20px;
    color: #8E8E8E;
    font-size: 18px;
    line-height: 60px;
    font-family:"Neue Haas Unica W01 Regular";
    display: block;
    text-decoration: none;
    position: relative;
    transition: 0.2s;
    text-indent: 40px;
    background: #222;
}

nav ul li a i{
	text-indent: 0;
}

nav ul#meta li a,
nav ul li.li-profile a{
    font-size: 14px;
    line-height: 40px;
}


nav ul li a.withFaIcon{
    text-indent: 0px;
}
nav ul li a.withFaIcon i{
	margin-right: 7px;
}
nav ul ul li a{
  line-height: 44px;
  font-size: 16px;
}
nav ul li a:hover{
    background: #444;
}
nav ul > li.selected > a,
nav ul > li.selected > a:hover{
  background: transparent;
}

nav ul li a .icn{
  display: block;
  position: absolute;
  width: 25px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
}


nav ul li .icn{
  background: url(../img/nav/icon_menue_25px_more.svg) no-repeat center center;
  pointer-events: none;
}
nav ul li.selected .icn{
  background: url(../img/nav/icon_menue_25px_more_white.svg) no-repeat center center;
}

nav ul li.li-dashboard a .icn{
  background: url(../img/nav/icon_menue_25px_dashboard.svg) no-repeat center center;
}
nav ul li.li-dashboard.selected > a .icn{
  background: url(../img/nav/icon_menue_25px_dashboard_white.svg) no-repeat center center;
}
nav ul li.li-booking a .icn{
  background: url(../img/nav/icon_menue_25px_booking.svg) no-repeat center center;
}
nav ul li.li-booking.selected > a .icn{
  background: url(../img/nav/icon_menue_25px_booking_white.svg) no-repeat center center;
}
nav ul li.li-workplace .txt,
nav ul li.li-workplace .icn{
    pointer-events: none;
}
nav ul li.li-workplace a .icn{
  background: url(../img/nav/icon_menue_25px_workplace.svg) no-repeat center center;
}
nav ul li.li-workplace.selected a .icn{
  background: url(../img/nav/icon_menue_25px_workplace_white.svg) no-repeat center center;
}

.isMeetingroom nav ul li.li-workplace a .icn{
  background: url(../img/nav/icon_menue_25px_meetingroom.svg) no-repeat center center;
}
.isMeetingroom nav ul li.li-workplace.selected a .icn{
  background: url(../img/nav/icon_menue_25px_meetingroom_white.svg) no-repeat center center;
}
nav ul li.li-goals a .icn{
  background: url(../img/nav/icon_menue_25px_goals.svg) no-repeat center center;
}
nav ul li.li-goals.selected a .icn{
  background: url(../img/nav/icon_menue_25px_goals_white.svg) no-repeat center center;
}
nav ul li.li-light a .icn{
  background: url(../img/nav/icon_menue_25px_light.svg) no-repeat center center;
}
nav ul li.li-light.selected a .icn{
  background: url(../img/nav/icon_menue_25px_light_white.svg) no-repeat center center;
}
nav ul li.li-locker a .icn{
  background: url(../img/nav/icon_menue_25px_locker.svg) no-repeat center center;
}
nav ul li.li-locker.selected a .icn{
  background: url(../img/nav/icon_menue_25px_locker_white.svg) no-repeat center center;
}
nav ul li.li-devoptions a .icn{
  background: url(../img/nav/icon_menue_25px_settings.svg) no-repeat center center;
}
nav ul li.li-devoptions.selected a .icn{
  background: url(../img/nav/icon_menue_25px_settings_white.svg) no-repeat center center;
}

nav ul li a i.notPresetWarnIcon{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%) scale(0.5);
	opacity: 0;
	color: #ff004b;
	-webkit-animation: textRedGlow 2s ease infinite;
	-moz-animation: textRedGlow 2s ease infinite;
	-ms-animation: textRedGlow 2s ease infinite;
	-o-animation: textRedGlow 2s ease infinite;
	animation: textRedGlow 2s ease infinite;
	transition: 0.2s;
}

body.connected nav ul li.notPreset a i.notPresetWarnIcon{
	transform: translateY(-50%) scale(1);
	opacity: 1;
}

.isMeetingroom nav ul li.li-locker,
.isMeetingroom .roundBtn.lean,
.li-devoptions{
    display: none;
}
.developerModeActivated .li-devoptions{
	display: block;
}
nav ul > li.selected{
  background: -webkit-linear-gradient(left, #1EC8B4 0%,#00AAD2 100%);
}

nav ul > li.selected > a,
nav ul ul li a.active {
  color: #ffffff;
}
nav ul ul li a.active{
  background: #333 !important;
}
nav ul li ul{
  max-height: 0px;
  transition: 0.4s;
  overflow: hidden;
}
nav ul li.selected ul{
  max-height: 200px;
}

nav ul.fixed-bottom{
    position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

body.fmLoggedOut nav ul li.li-booking,
body.fmLoggedOut nav ul li.li-workplace,
body.fmLoggedOut nav ul li.li-light,
body.fmLoggedOut nav ul li.li-goals,
body.nonErgoWorkplace nav ul li.li-workplace,
body.nonErgoWorkplace nav ul li.li-light,
body.nonErgoWorkplace nav ul li.li-locker,
body.nonErgoWorkplace nav ul li.li-goals{
    opacity: 0.3;
    pointer-events: none;
}
.connected nav ul li.li-dashboard,
.connected nav ul li.li-workplace,
nav ul li.li-light.available,
nav ul li.li-locker.available,
.hardwareDemo nav ul li.li-workplace,
.hardwareDemo nav ul li.li-light,
.hardwareDemo nav ul li.li-locker,
body.fmLoggedOut.withoutErgonomics nav ul li.li-booking{
    opacity: 1;
    pointer-events: all;
}


.hardwareDemo nav ul li.li-workplace,
.hardwareDemo nav ul li.li-light,
.hardwareDemo nav ul li.li-locker{
    opacity: 1;
    pointer-events: all;
}
/*

body.fmPermanentBookingEnabled nav ul li.li-booking{
	 opacity: 0.3;
    pointer-events: none;
}
*/

/*
body.disconnected nav ul li.li-light{
    max-height: 0px;
    opacity: 0;
} */

.platformAsset{
	display: none;
}

.platformWin32 .forWin{
	display: inline-block;
}

#windowControls{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	-webkit-app-region: no-drag;
}
#windowControls div{
	display: inline-block;
	width: 35px;
	height: 30px;
	color: #666;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	background: rgba(0,0,0,0);
	transform-origin: 50% 50%;
	transition: 0.1s;
	
	-webkit-app-region: no-drag;
}
#windowControls div:hover{
	color: #fff;
	transform: scale(1.05);
}
#windowControls div:active{
	
	transform: scale(0.9);
}
nav .y-logo{
  padding: 20px;
  padding-top: 40px;
  background: -webkit-linear-gradient(top, #222 0%,#000 100%);
  -webkit-app-region: drag;
}
nav .y-logo img{
  width: 140px;
  height: auto;
}
nav .y-logo img.white{
  position: absolute;
  top: 20px;
  left: 20px;
  display: none;
}
nav.intro .y-logo img.normal{
  opacity: 0;
}
nav.intro .y-logo img.white{
  display: block;
}
nav.intro .y-logo{
  background: -webkit-linear-gradient(left, #1EC8B4 0%,#00AAD2 100%);
}
nav.intro ul{
  pointer-events: none;
  opacity: 0.5;
}

.inputRow{
    margin-bottom: 10px;
}

.staticScreen{
    width: 100%;
    height: auto;
}

input[type=text],
input[type=number],
input[type=password]{
  font-size: 20px;
  font-family: "Neue Haas Unica W01 Regular";
  line-height: 46px;
  padding: 0px 0px 0px 0px;
  text-indent: 10px;
  text-align: left;
  background: #333;
  color: #fff;
  border-radius: 5px;
  border: 0;
  outline: none !important;
  width: 100%;
  display: block;
  transition: 0.2s;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus{
  background: #343434;
}

input[type=text].bad,
input[type=number].bad,
input[type=password].bad{
  background: #400000;
}


.selectInput {
    background: #222;
    overflow: hidden;
    width: 100%;
    line-height: 38px;
    padding: 0px 0px 0px 0px;
    border-radius: 10px;
    transition: 0.2s;
}
.selectInput select {
    background: transparent;
    border: none;
    padding: 0;
    width: 95%;
    color: #fff;
    font-size: 18px;
    font-family: "Neue Haas Unica W01 Regular";
    text-indent: 8px;
    line-height: 38px;
    outline: none;
}

.selectInput.bad{
    background: #400000;
}


.transInputWrap label{
  width: 45px;
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-family: "Neue Haas Unica W01 Regular";
  line-height: 16px;
  display: block;
  margin: 2px auto 0px auto;
  color: #777;
  text-align: center;
}

input.transInput{
  background: transparent;
  color: #333;
  font-size: 26px;
  font-family: "YOYONumbers Light";
  text-indent: 0;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
  transition: 0.2s;
  border-radius: 0;
  display: inline-block;
  margin: 0;
}
.slider-area input.transInput{
  font-size: 26px;
  line-height: 28px;
}
input.transInput:focus{
  background: #D8FFFF;
  color: #575757;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.labelWrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    font-family: "Neue Haas Unica W01 Light";
    line-height: 16px;
}
.labelWrap .labelLeft{
    position: absolute;
    left: 0;
    top: 0;
}
.labelWrap .labelRight{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.bookingTime .labelWrap .labelLeft{
    color: #1EC8B4;
}
.bookingTime .labelWrap .labelRight{
    color: #00AAD2;
}

.borderBtn{
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    border: 2px solid #00AAD2;
    color: #00AAD2;
    display: inline-block;
    border-radius: 15px;
}

.bookingTimeSplit .borderBtn{
    margin-top: 22px;
}

.bigRoundBtn{
    width: 120px;
    display: inline-block;
    text-align: left;
    padding: 5px 0px;
}


.bigRoundBtn.focus img.focus{
    transform-origin: 0% 50%;
    -webkit-animation: rotateMe 5s linear infinite;
    -moz-animation: rotateMe 5s linear infinite;
    -ms-animation: rotateMe 5s linear infinite;
    -o-animation: rotateMe 5s linear infinite;
    animation: rotateMe 5s linear infinite;
}


@keyframes rotateMe {
    0%   {transform: rotate(0) translateX(-50%);}
    100% {transform: rotate(360deg) translateX(-50%);}
}


.roundBtn{
  width: 55px;
  display: inline-block;
  text-align: left;
  padding: 5px 0px;
}

#section-locker .roundBtn.focus{
    pointer-events: none !important;
}

#section-dashboard div[data-widget='lockers'] .roundBtn.focus{
    pointer-events: none !important;
}
.bigRoundBtn{
    width: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.btnWrapper-area .roundBtn{
    position: relative;
    top: 50%;
        vertical-align: top;
    transform: translateY(-50%);
    transition: 0.2s;
}

.btnWrapper-area .roundBtn.hclToggle,
.widget-area .roundBtn.hclToggle{
	top: 15px;
	transform: translateY(0);
	width: auto;
}
.widget-area .roundBtn.hclToggle{
	top: 0;
}
.roundBtn .circle,
.bigRoundBtn .circle{
  position: relative;
  z-index: 10;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  cursor: pointer;
}
.bigRoundBtn .circle{
    width: 120px;
    height: 120px;
}
.roundBtn .circle.save{
    position: absolute;
    z-index: 5;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    text-align: right;
    height: 32px;
    border: 2px solid #ddd;
    border-radius: 19px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.roundBtn .circle.save img{
	max-width: 32px;
    height: 100%;
    right: 5px;
    left: auto;
    transform: translateX(0%);
}
.roundBtn .circle.save img.normal{
    position: relative;
}
.roundBtn img{
  transition: 0.2s;
}
.roundBtn img.normal{
  opacity: 1;
}
.roundBtn img.hover,
.roundBtn img.click,
.roundBtn img.focus,
.roundBtn img.active{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
}

.roundBtn .circle:hover img.hover,
.roundBtn .circle:active img.click,
.roundBtn.focus img.focus,
.roundBtn.active img.active,
.myLight .roundBtn.myLightPreset .circle.preset img.active,
.notPreset .roundBtn.active.myLightPreset .circle.preset img.normal,
.notPreset .roundBtn.active.custom .circle.save img.normal{
  opacity: 1;
}
.roundBtn.focus img.normal,
.roundBtn.active img.normal,
.notPreset .roundBtn.myLightPreset .circle.preset img.active{
  opacity: 0;
}

#section-light .roundBtn.active span,
#section-light.myLight .roundBtn.myLightPreset span,
.dashErgonomicLight.myLight .roundBtn.myLightPreset span{
	color: #00aad2;
}



#section-light .roundBtn.active img.normal{
	opacity: 1;
}

.roundBtn.myLightPreset{
	position: relative;
	transition: 0.2s;
}


.lightPresetWrap{
	position: relative;
	overflow: hidden;
	text-align: center;
	right: -4px;
}
.lightPresetWrap .line-left{
	position: absolute;
	top: 50%;
	left: 0;
	width: 50%;
	transform: translateY(-50%) translateX(-100px);
	transition: 0.2s;
	height: 2px;
	background: #ccc;
}
.lightPresetWrap .line-right{
	position: absolute;
	top: 50%;
	right: 0;
	width: 50%;
	transform: translateY(-50%) translateX(100px);
	transition: 0.2s;
	height: 2px;
	background: #ccc;
}
.notMyLight .lightPresetWrap .line-right{
	transform: translateY(-50%) translateX(130px);
}
.roundBtn span{
  font-family: "Neue Haas Unica W01 Regular";
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 5px 0 5px;
  color: #777;
  transition: 0.2s;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
}
.roundBtn.active span{
	color: #00aad2;
}
.hclToggle.roundBtn span{
	
}

.bigRoundBtn span{
    padding: 12px 5px 0 5px;
}

.roundBtn span i{
    font-style: normal;
}

#section-locker .bigRoundBtn span i.close,
#section-locker .bigRoundBtn.active span i.open{
    display: none;
}
#section-locker .bigRoundBtn.active span i.close{
    display: inline-block;
}
#section-locker .bigRoundBtn.focus span{
    opacity: 0;
}

.dot-slider{
  padding: 20px 0px;
}
.dot-slider span{
  display: inline-block;
  padding: 5px;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  transform: translateY(-50%);
  transition: 0.2s;
  transform-origin: 50% 0%;
  position: relative;
  cursor: pointer;
}
.dot-slider span:hover::after{
  background: #999;
}
.dot-slider span::after{
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #777;
  transition: background 0.2s, transform 0.2s 0s;
}
.dot-slider span.active{
  pointer-events: none;
}
.dot-slider span.active::after{
  background: #fff;
  transform: scale(1.5);
  transition: background 0.2s, transform 0.2s 0.2s;
}

section{
  position: absolute;
  left: 200px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: none;
}
section .section-inner{
  position: relative;
  padding: 0px 30px;
  min-width: 640px;
}
section.inView{
  display: block;
}
#section-light{
	transform: translateX(100%);
	display: block !important;
	transition: 0s;
	height: 100vh;
	overflow-y: auto;
}
section.inView#section-light{
	transform: translateX(0%);
}
section .section-inner .section-inner-left,
section .section-inner .section-inner-right{
  width: calc(50% - 5px);
  display: inline-block;
  height: 99%;
  overflow-y: auto;
  text-align: center;
  vertical-align: top;
}
section .section-inner .section-inner-left{
  margin-right: 5px;
}
section .section-inner .section-inner-vertical-line{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 10px;
  top: 0;
}
section .section-inner .section-inner-vertical-line::after{
  content: '';
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: #aaaaaa;
}
section .section-inner .section-split-area .section-inner-vertical-line::after{
    top: 10px;
    bottom: 20px;
}
section .section-inner .section-inner-horizontal-line{
  position: relative;
  height: 10px;
  width: 100%;
  margin-top: 10px;
}
section .section-inner .section-inner-horizontal-line::after{
  content: '';
  position: absolute;
  top: 5px;
  left: 15px;
  right: 15px;
  height: 1px;
  transform: translateY(-50%);
  background: #aaaaaa;
}
section .section-split-area{
    position: relative;
}

section .section-split-area .section-inner-vertical-line.line-1{
    left: 33.3%;
}
section .section-split-area .section-inner-vertical-line.line-2{
    left: 66.6%;
}

section .split{
    vertical-align: top;
}

section .split.disabled,
section .roundBtn.disabled{
    opacity: 0.25;
    pointer-events: none;
}


section .section-split-3 .split{
    width: 33.3%;
    display: inline-block;
    text-align: center;
}

.disconnected #section-light .split{
	text-align: center:
}
section .section-split-3 .split.split-3{
    width: calc(33.3% - 10px)
}
section .section-split-2 .split{
    width: 50%;
    display: inline-block;
    text-align: center;
}
section .section-split-2 .split.split-2{
    width: calc(50% - 10px);
}
section .section-split-2 .split.split-3{
    width: 0%;
    display: none;
}


section .section-split-2 .section-split-area .section-inner-vertical-line.line-1{
    left: 50%;
}
section .section-split-2 .section-split-area .section-inner-vertical-line.line-2{
    display: none;
}

.bookingTimeSplit,
.isMeetingroom .chairSplit{
    display: none !important;
}

.isMeetingroom .bookingTimeSplit{
    display: inline-block !important;
}
section .content-area-flex{
  width: 100%;
  text-align: left;
  margin: 0 auto;
  color: #ccc;
  display: inline-table;
  padding: 30px 30px;
  box-sizing: border-box;
}


section .content-area-middle{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #ccc;
  display: inline-table;
  padding: 30px 30px;
  box-sizing: border-box;
  transform: translateX(-50%) translateY(-50%);
}

section .content-area-bottom{
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: left;
  color: #ccc;
  display: inline-table;
  padding: 30px 30px 50px 30px;
  box-sizing: border-box;
  transform: translateX(-50%);
}

section .ext-area{
    position: relative;
}

section .content-area{
  width: 300px;
  text-align: left;
  margin: 0 auto;
  color: #333;
  display: inline-table;
  padding: 0px 0px 60px 0px;
  position: relative;
}
#section-dashboard .content-area,
#section-settings .content-area,
#section-profile .content-area{
	padding-bottom: 20px;
}
section .content-area.align-center{
  text-align: center;
}

#section-workplace .content-area.desk,
#section-workplace .content-area.chair,
#section-goals .content-area.goalTracking{
    position: relative;
}

section .content-area-wide{
    width: 100%;
    padding: 10px 0px 0px 0px;
}


section .content-headline{
  width: 100%;
  text-align:center;
  font-family: "Neue Haas Unica W01 Light";
  font-size: 24px;
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 5px;
  
  -webkit-app-region: drag;
}
section .content-headline.align-left{
    text-align: left;
}
section .content-area .info-area .content-headline{
    font-size: 20px;
    line-height: 66px;
}
section#section-booking-workplace .split-1 .content-area .info-area .content-headline{
	line-height: 26px;
}
.langSelected-de section .content-area[data-widget="fm-login"] .info-area{
	height: auto;
}
.langSelected-de section .content-area[data-widget="fm-login"] .info-area .content-headline{
	line-height: 26px;
	margin-bottom: 30px;
	
}

.directconnect .btn.disconnect,
.directconnect .btn.connect{
	display: none;
}


.connected .directconnect .btn.disconnect,
.disconnected .directconnect .btn.connect,
.connectionState-stopped .directconnect .btn.connect,
.connectionState-disconnected .directconnect .btn.connect,
.connectionState-pausing .directconnect .btn.disconnect,
.connectionState-scan_pausing .directconnect .btn.disconnect,
.connectionState-connecting .directconnect .btn.disconnect,
.connectionState-scanning .directconnect .btn.disconnect,
.connectionState-connected .directconnect .btn.disconnect,
.connectingFail .directconnect .btn.connect,
.checkingFail .directconnect .btn.connect{
	display: inline-block;
}
.disconnected .directconnect .btn.disconnect,
.connected .directconnect .btn.connect,
.connectionState-connected .directconnect .btn.connect,
.connectionState-scanning .directconnect .btn.connect,
.connectionState-connecting .directconnect .btn.connect,
.connectionState-scan_pausing .directconnect .btn.connect,
.connectionState-pausing .directconnect .btn.connect,
.connectionState-disconnected .directconnect .btn.disconnect,
.connectionState-stopped .directconnect .btn.disconnect,
.connectingFail .directconnect .btn.disconnect,
.checkingFail .directconnect .btn.disconnect,
.fmLoggedOut .directconnect .btn.disconnect,
.fmLoggedOut .directconnect .btn.connect{
	display: none;
}


.fmPermanentBookingDisabled .btn.disconnect,
.fmPermanentBookingDisabled .btn.connect,
.fmPermanentBookingDisabled .startSession{
	display: none !important;
}


.info-area .info-left {
	position: absolute;
	left: 20px;
	top: 15px;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 16px;
	line-height: 16px;
	text-align: left;
}
.info-area .info-left .unit,
.info-area .info-right .unit{
	font-family: "Neue Haas Unica W01 Regular";
	margin-left: 2px;
}
.info-area .info-center {
	position: absolute;
	left: 50%;
	top: 15px;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	transform: translateX(-50%);
}

.info-area .info-right {
	position: absolute;
	right: 20px;
	top: 15px;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 16px;
	line-height: 16px;
	text-align: right;
}

.info-area .info-left img,
.info-area .info-right img {
	display: inline-block;
	width: 18px;
	height: auto;
	position: relative;
	top: -3px;
}
.info-area .info-left span,
.info-area .info-center span,
.info-area .info-right span {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	line-height: 18px;
	color: #777;
}

#section-goals .goalTracking .ext-area {
	padding: 0;
}

#section-goals .info-area .info-left {
	color: #1ec8b4;
}
#section-goals .info-area .info-left img{
	margin-left: -5px;
}
#section-goals .info-area .info-right {
	color: #00aad2;
}
#section-goals .info-area .info-center {
	color: #777;
}
#section-goals .info-area .info-center span {
	position: relative;
	top: 6px;
}
#section-goals .ext-area img {
	width: 100%;
	height: auto;
}


#section-dashboard .content-area[data-widget="actual-booking"]{
	padding-bottom: 20px;
}




section .content-area-flex .content-headline{
  width: 100%;
  text-align:center;
  font-family: "Neue Haas Unica W01 Light";
  font-size: 32px;
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 5px;
}

div.main .info-area,
section .info-area{
  padding: 0 15px;
  height: 66px;
  vertical-align: middle;
  position: relative;
}

#section-dashboard  .content-area[data-widget="workplace"] .info-area{
	height: 66px;
}
#section-dashboard .trackingLoading .info-area,
#section-dashboard .ergoLevel-2 .info-area,
#section-dashboard .ergoLevel-3 .info-area{
	height: 66px;
}
section .content-area .content-headline{
	font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
}
#section-dashboard .content-area .content-headline{
	margin-bottom: 0;
}

section .content-area img.responsive{
	width: 100%;
	height: auto;
}

section .content-subline{
  font-family: "Neue Haas Unica W01 Regular";
  font-size: 18px;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 5px;
}

section .content-area p{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

section hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #ccc;
    margin: 30px 0;
    padding: 0;
}


section .info-area .statusText,
.ext-area .statusText,
.widget-area .statusText{
  background: #fff;
  border-radius: 8px;
  height: 54px;
  width: 250px;
  position: absolute;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  transition: 0.2s;
  transform-origin: 0px 78px;
}



section .info-area .statusText.statusRefresh{
	left: 0;
	transform: translateY(-50%) translateX(0%);
}



.langSelected-de section .info-area .statusText.statusNotPreset,
.langSelected-de section .info-area .statusText.statusNotConnected,
.langSelected-de section .info-area .statusText.statusCustomNotPreset{
	height: 74px;
}
.widget-area .statusText,
.ext-area .statusText{
	width: 140px;
	height: 100px;
	left: 150px;
	transform: translateY(-50%) translateX(0%);
}
.ext-area .statusText {
    width: 100%;
    height: auto;
    transform: translateY(-10px) translateX(-50%);
    top: 0%;
    padding: 10px 0px;
}
/*
section .info-area .statusText::after,
.widget-area .statusText::after,
.ext-area .statusText::after{
  content: '';
  position: absolute;
  left: 45px;
  bottom: 5px;
  width: 25px;
  height: 30px;
  background: url(../img/statustext_corner.svg) no-repeat 0 0;
  background-size: cover;
  transform: translateY(100%);
}
.widget-area .statusText::after{
	left: -20px;
	bottom: 70px;
}
.ext-area .statusText::after,
section .info-area .statusText.statusRefresh::after {
    bottom: auto;
    top: 0;
    left: 50%;
    right: 30%;
    transform: translateY(-100%) translateX(60px) rotate(180deg);
}
section .info-area .statusText.statusRefresh::after{
	left: 0;
	right: auto;
}
*/
section .info-area .statusText img,
.widget-area .statusText img{
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 48%;
  transform: translateY(-50%);
}
section .info-area .statusText p,
.widget-area .statusText p,
.ext-area .statusText p{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  display: inline-block;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  margin: 0 auto;


    font-family: "Neue Haas Unica W01 Light";
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    color: #666;
}
section .info-area .statusText.errorText p,
.widget-area .statusText.errorText p,
.ext-area .statusText.errorText p{
	color: #cb0b0b;
}
.errorText p,
.errorText p i{
	color: #cb0b0b !important;
}
.statusDesc{
	display: inline-block;
	position: absolute;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
}
.statusDesc p{
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #666;
}
.statusDesc.errorText p{
	color: #cb0b0b;
}

.statusDesc p span.wpId,
.statusDesc p span.deskId{
	font-family: "Neue Haas Unica W01 Medium";
}

#section-booking-workplace .info-area{
	padding-left: 0;
	padding-right: 0;
	height: auto;
}

.fmPermanentBookingDisabled #section-booking-workplace p.contact{
	display: none !important;
}

.statusRefresh{
-webkit-animation: infoTextShowAndHideLeft 5s ease forwards;
    -moz-animation: infoTextShowAndHideLeft 5s ease forwards;
    -ms-animation: infoTextShowAndHideLeft 5s ease forwards;
    -o-animation: infoTextShowAndHideLeft 5s ease forwards;
    animation: infoTextShowAndHideLeft 5s ease forwards;
}

.ext-area .statusText p{
	position: relative;
	top: 20px;
}
.ext-area .statusText p.score4,
.ext-area .statusText p.score0{
	position: relative;
	top: 30px;
}
section .info-area .statusText p i,
.widget-area .statusText p i,
.ext-area .statusText p i{
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  font-weight: normal;
  color: #666;
}
.widget-area .statusText p i{
	font-size: 14px;
	line-height: 18px;
}
section .info-area .statusText.withIcon p,
.widget-area .statusText.withIcon p{
  left: 55%;
  width: 80%;
}

section .info-area .info-text{
  font-family: "Neue Haas Unica W01 Light";
  font-size: 16px;
}
section .info-area .info-text .icn{
  width: 18px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 4px;
}
section .info-area .info-text .valWrap{
  font-family: "Neue Haas Unica W01 Light";
  font-size: 18px;
  color: #999;
}

#section-dashboard  div[data-widget='trackings'].toStand .info-text.sitInfo .valWrap,
#section-dashboard  div[data-widget='trackings'].toSit .info-text.standInfo .valWrap,
#section-dashboard  div[data-widget='trackings'].ergoLevel-0 .info-text.standInfo .valWrap,
#section-dashboard  div[data-widget='trackings'].ergoLevel-0 .info-text.sitInfo .valWrap{
	color: #333;
}

section .slider-area {
  height: 200px;
  width: 100%;
  position: relative;
}
section .slider-area .sliderWrap{
  width: 180px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
section .slider-area .sliderWrap .yoyo-slider{
    position: absolute;
    left: 0;
    top: 0;
}
section .slider-area .sliderWrap .yoyo-slider-range{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    pointer-events: none;
}

.yoyo-slider-range .rs-range-color{
    background: rgba(84,187,224,0.3);
}
.yoyo-slider-range .rs-path-color{
    background: #fff;
}

section .slider-area .sliderWrap .yoyo-slider-arrow{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    pointer-events: none;
}

section .btnWrapper-area{
    height: 100px;
    transition: 0.2s;
    position: relative;
    overflow: hidden;
}

#section-light .btnWrapper-area{
	overflow: visible;
}
#section-light.apiError-not_connected .btnWrapper-area{
	overflow: hidden;
}

#section-light.apiError-not_connected .lightPresetWrap{
	opacity: 0;
	pointer-events: none;
}

.chair.notAvailable .btnWrapper-area,
.apiError-not_connected .btnWrapper-area,
.apiError-not_connected .ext-area,
#section-goals .goalTracking.noTracking .btnWrapper-area,
#section-goals .goalTracking.trackingFinished .btnWrapper-area,
.disconnected #section-light .btnWrapper-area,
.disconnected #section-light .lightPresetWrap,
.disconnected #section-light .curveContent,
.withoutLight #section-light .btnWrapper-area,
.withoutLight #section-light .lightPresetWrap,
.withoutLight #section-light .curveContent {
	height: 0px;
}
.apiError-not_connected .ext-area,
#section-goals .goalTracking.noTracking .btnWrapper-area,
#section-goals .goalTracking.trackingFinished .btnWrapper-area,
.disconnected #section-light .btnWrapper-area,
.disconnected #section-light .lightPresetWrap,
.disconnected #section-light .curveContent,
.withoutLight #section-light .btnWrapper-area,
.withoutLight #section-light .lightPresetWrap,
.withoutLight #section-light .curveContent  {
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}

.section-split-3 .content-area{
    width: 210px;
}

.disconnected #section-light .content-area{
	width: 300px;
}


section .widget-area .widget-left,
section .widget-area .widget-right{
  display: inline-block;
}

section .widget-area{
  position: relative;
  text-align: center;
}

section .widget-area .lightHeadline{
	margin-bottom: 10px;
	font-family: "Neue Haas Unica W01 Light";
	
}


section .widget-area .widget-left,
section .widget-area .widget-right{
  padding: 10px 0px;
  vertical-align: top;
}
section .widget-area .align-middle{
  vertical-align: middle;
}

section .widget-area .widget-inner{
  padding: 0px 10px;
}

section .widget-area .widget-left{
  width: calc(26% - 5px);
  margin-right: 5px;
}
section .widget-area .widget-right{
  width: calc(74% - 5px);
}


section .dashErgonomicLight .widget-area .widget-left{
  width: calc(50% - 5px);
  margin-right: 5px;
}
section .dashErgonomicLight .widget-area .widget-right{
  width: calc(50% - 5px);
}

section .widget-area .error-not-connected{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	pointer-events: none;
  font-family: "Neue Haas Unica W01 Light";
  font-size: 16px;
  line-height: 20px;
}
section .widget-area.apiError-not_connected .error-not-connected{
	opacity: 1;
	pointer-events: all;
}
section .widget-area .error-not-connected .wrapError{
	position: absolute;
	top: 50%;
	width: 100%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
section .widget-area .error-not-connected .wrapError img{
	width: 50px;
	height: auto;
	display: block;
    margin: -12px auto 10px auto;
}

section .widget-area .widget-vertical-line{
  position: absolute;
  left: 26%;
  top: 0;
  transform: translateX(-50%);
  width: 10px;
  height: 100%;
}

section .dashErgonomicLight .widget-area .widget-vertical-line{
	left: 50%;
}

section .widget-area .widget-vertical-line::after{
  content: '';
  width: 1px;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  background: #aaaaaa;
}

section .widget-area p{
  font-size: 14px;
  font-family: "Neue Haas Unica W01 Regular";
  line-height: 16px;
  color: #777;
  margin: 10px 0 0 0;
}


section .illu{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
	transition: 0.2s;
	text-align: center;
	pointer-events: none;
}
section .illu img{
	display: inline-block;
    width: 50px;
    height: 50px;
}
section .illu span{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	line-height: 16px;
	color: #999;
	display: block;
}

.circle .loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	opacity: 0;
	background: #fff;
	pointer-events: none;
	transition: 0.1s;
}
.circle .loading img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 50%;
	height: 50%;
}
.connecting .circle .loading,
.configuring .circle .loading,
.checking .circle .loading{
	opacity: 1;
}


.disconnected section .illu,
.withoutLight section#section-light .illu{
	opacity: 1;
}


#section-light .yoyo-slider-arrow,
#section-workplace .yoyo-slider-arrow,
.disconnected #section-light .yoyo-slider-overlay .circle .num,
#section-light.notAvailable .yoyo-slider-overlay .circle .num{
	display: none;
}

.connected #section-workplace .yoyo-slider-arrow,
.connected.withLight #section-light .yoyo-slider-arrow{
	display: block;
}
section#section-dashboard .sliderWrap{
  display: inline-block;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin: 0px 10px;
}

.noLean section#section-dashboard .sliderWrap.leanSlider,
.noLean section#section-dashboard .leanInfo{
    display: none;
}

section#section-dashboard div[data-widget='trackings'] .info-area{
    text-align: center;
}

section#section-dashboard .sliderWrap.slider120{
    width: 120px;
    height: 120px;
}
section#section-dashboard .roundBtn{
    position: relative;
    vertical-align: middle;
}
section#section-dashboard .sitInfo{
  color: #1EC8B4;
  display: inline-block;
  width: 100px;
  text-align: center;
    margin: 0px 10px;
}
section#section-dashboard .sitInfo .icn{
  background: url(../img/icon/info/icon_info_20x24px_sit.svg) no-repeat center center;
  background-size: 18px 21px;
  width: 13px;
  left: -3px;
}
section#section-dashboard .leanInfo{
  color: #AAA01E;
  display: inline-block;
}
section#section-dashboard .leanInfo .icn{
  background: url(../img/icon/info/icon_info_20x24px_lean.svg) no-repeat center center;
  background-size: cover;
}
section#section-dashboard .standInfo{
  color: #00AAD2;
  display: inline-block;
  width: 100px;
  text-align: center;
    margin: 0px 10px;
}
section#section-dashboard .standInfo .icn{
  background: url(../img/icon/info/icon_info_20x24px_stand.svg) no-repeat center center;
  background-size: 18px 21px;
  margin-left: -5px;
}




section#section-dashboard .sitSlider .rs-range-color{
  background: #1EC8B4;
}
section#section-dashboard .standSlider .rs-range-color{
  background: #00AAD2;
}
section#section-dashboard .leanSlider .rs-range-color{
  background: #AAA01E;
}

section#section-dashboard .ergoLevel-0 .sitSlider .rs-range-color,
section#section-dashboard .ergoLevel-0 .standSlider .rs-range-color{
	background: #bbb;
}


.space-between {
  display: flex;
    justify-content: space-between;
}
section .split-50{
    width: calc(50% - 5px);
    display: inline-block;
}
.inputRow .split-50{
    width: calc(50% - 5px);
    display: inline-block;
}
/*
.hideHubSettings .fm-form.fm-user-login .inputRow .split-50,
.hideHubSettings #p18 .inputRow .split-50{
	 width: calc(100%);
}
*/
.inputRow .split-70{
    width: calc(70% - 5px);
    margin-right: 5px;
    display: inline-block;
}
.inputRow .split-30{
    width: calc(30% - 5px);
    margin-right: 0px;
    display: inline-block;
}
#p18 .inputRow .split-50{
	margin-right: 0;
	width: calc(50% - 5px);
}
section .split-50.noMargin{
	margin: 0;
}
section .split-25,
#p18 .split-25{
    width: calc(25% - 5px);
    display: inline-block;
}
#p18 .split-30{
    width: calc(30% - 5px);
    display: inline-block;
}

.inputRow .lefthead{
	display: inline-block;
	width: 110px;
	line-height: 38px;
}
.inputRow .lefthead.lower{
	position: relative;
	top: 20px;
}
.inputRow .split-wrap{
	display: flex;
    justify-content: space-between;
	width: 100%;
}

section .outputRow{
    margin: 20px 0px;
    color: #777;
    font-size: 16px;
    line-height: 20px;
}

section .button-area{
    margin: 20px 0px 0px 0px;
}

#section-devoptions .wp-list{
    border-top: 1px dotted #ccc;
}
#section-devoptions .wp-item{
    padding: 10px 0px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}

#section-devoptions .wp-name,
#section-dashboard .wp-name{
    font-family: "Neue Haas Unica W01 Light";
    font-size: 20px;
    line-height: 16px;
    margin: 0;
    padding-right: 40px;
}


#section-devoptions .wp-id span,
#section-devoptions .wp-type span{
        display: inline-block;
        width: 40px;
        font-size: 14px;
        font-family: "Neue Haas Unica W01 Light";
}

#section-devoptions .wp-sub,
#section-devoptions .wp-id,
#section-devoptions .wp-type,
#section-dashboard .wp-id{
    font-size: 14px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 16px;
    color: #777;
    margin: 10px 0 0 0;
    padding-right: 40px;
}
#section-devoptions .wp-type{
    margin-top: 5px;
}
#section-devoptions .wp-item.empty .wp-sub{
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 15px 0px;
}
#section-devoptions .wp-item .delete{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../img/icon_trash.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}
#section-devoptions .wp-item .delete:hover{
    background: url(../img/icon_trash_active.svg) no-repeat center center;
}
#section-devoptions .wp-item .delete:active{
    background: url(../img/icon_trash_click.svg) no-repeat center center;
}

#section-devoptions .wp-item .edit{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../img/icon_edit.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}
#section-devoptions .wp-item .edit:hover{
    background: url(../img/icon_edit_active.svg) no-repeat center center;
}
#section-devoptions .wp-item .edit:active{
    background: url(../img/icon_edit_click.svg) no-repeat center center;
}
#section-devoptions .inputWpIsMr{

    margin: 20px 0px;
}
#section-devoptions .inputWpIsMr .txt{
    font-size: 16px;
    padding-left: 15px;
    color: #777;
}

.inline-popup,
.inline-popup .bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s;
}
.inline-popup{
	overflow-y: auto;
}

.inline-popup .bg{
    background: #aaa;
    opacity: 0.5;
}
.workflow.dark .inline-popup .bg{
	background: #000;
    opacity: 0.7;
}
.inline-popup .content-area{
    position: absolute;
    left: 50%;
    top: 30px;
    transform: scale(0.9) translateX(-50%) translateY(0%);
    transform-origin: 0% 0%;
    background: #fff;
    padding: 20px 30px;
    opacity: 0;
    border-radius: 5px;
    transition: 0.2s;
    box-shadow: 2px 4px 8px rgba(0,0,0,0.3);
    max-height: 90vh;
}

.inline-popup .content-subheadline{
	margin-bottom: 10px;
}

.inline-popup .content-area.restcalls-form{
	width: 780px;
}

.inline-popup .content-area.restcalls-form .leftSide{
	width: 370px;
	float: left;
}
.inline-popup .content-area.restcalls-form .rightSide{
	width: 370px;
	float: right;
}


.inline-popup .content-area.addWp-form{
    text-align: center;
}

.inline-popup .close{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: url(../img/icon_close.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}
.inline-popup .close:hover{
    background: url(../img/icon_close_active.svg) no-repeat center center;
    background-size: cover;
}

.inline-popup .close:active{
    background: url(../img/icon_close_click.svg) no-repeat center center;
    background-size: cover;
}



.inline-popup.visible,
.inline-popup.visible .bg{
    opacity: 1;
    pointer-events: all;
}
.inline-popup.visible .bg{
	opacity: 0.5;
}
.inline-popup.visible{
	z-index: 999;
}
.inline-popup.visible .content-area{
    opacity: 1;
    transform: scale(1) translateX(-50%) translateY(0%);
    transition: 0.3s 0.1s;
    margin-bottom: 30px;
    
}


.badge .left img{
	width: 85px;
	height: auto;
}

.forInvenio,
.forWorlskills,
.forSmotive,
.forDahlinghausen,
.forFmPermanentBookingEnabled,
.fmRefreshDesc{
	display: none;
}
.hubInvenio .forInvenio,
.hubWorldskills .forWorlskills,
.hubSmotive .forSmotive,
.hubCustom .forCustom,
.hubDahlinghausen .forDahlinghausen,
.fmPermanentBookingEnabled .forFmPermanentBookingEnabled,
.fmPermanentBookingEnabled .fmRefreshDesc{
	display: block;
}
.hubInvenio .forInvenio.badge,
.hubWorldskills .forWorlskills.badge,
.hubCustom .forCustom.badge,
.hubSmotive .forSmotive.badge,
.hubDahlinghausen .forDahlinghausen.badge{
	display: flex;
}

.fmPermanentBookingEnabled .forFmPermanentBookingEnabled.gotoSupport{
	display: inline-block;
}



.fmRefreshDesc{
	width: 420px;
	padding-left: 18px;
}

#section-light .content-area-wide{
    width: 85%;
    margin: 0 auto;
    position: relative;
}
#section-light .curves{
    position: absolute;
    height: 80px;
    left: 20%;
    right: 10%;
    top: 10px;
    z-index: 50;
    transform: scale(0.9);
    transition: 0.4s;
    transform-origin: 50% 100%;
    display: none;
}
#section-light .chart,
#lightChart{
	height: 180px;
	display: block;
	pointer-events: none;
}
#section-light.lightDemo .curves,
#section-light.lightAuto .curves{
    transform: scale(1);
}
#section-light .curves img{
    height: 100%;
    width: 100%;
    filter: brightness(0);
    opacity: 0.1;
    transition: 0.6s;
}
#section-light.lightDemo .curves img,
#section-light.lightAuto .curves img{

    filter: brightness(1);
    opacity: 1;
}
#section-light .curves .curve{
    display: inline-block;
}
#section-light .curves .morning{
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


#section-light .curves .currentTime{
    width: 19px;
    height: 100%;
    position: relative;
    left: 0%;
    top: 40px;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.2s 0.4s;
}
#section-light.lightDemo .curves .currentTime{
    opacity: 1;
    top: 0px;
    -webkit-animation: demoCurve 45s linear forwards;
    -moz-animation: demoCurve 45s linear forwards;
    -ms-animation: demoCurve 45s linear forwards;
    -o-animation: demoCurve 45s linear forwards;
    animation: demoCurve 45s linear forwards;
}
.lightModel-waldmann #section-light.lightDemo .curves .currentTime{
    opacity: 1;
    top: 0px;
    -webkit-animation: demoCurve 60s linear forwards;
    -moz-animation: demoCurve 60s linear forwards;
    -ms-animation: demoCurve 60s linear forwards;
    -o-animation: demoCurve 60s linear forwards;
    animation: demoCurve 60s linear forwards;
}



#section-light .curves .currentTime .square{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    overflow: hidden;
    background: #ddd;
    border: 2px solid #ddd;
    position: relative;
    z-index: 12;
}
#section-light .curves .currentTime .needle{
    width: 3px;
    height: 65px;
    background: #ddd;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 15px;
    z-index: 10;
    transform: translateX(-50%);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

#section-light.lightDemo .curves .currentTime .square{
    -webkit-animation: demoCurveColor 45s linear forwards;
    -moz-animation: demoCurveColor 45s linear forwards;
    -ms-animation: demoCurveColor 45s linear forwards;
    -o-animation: demoCurveColor 45s linear forwards;
    animation: demoCurveColor 45s linear forwards;
}
.lightModel-waldmann #section-light.lightDemo .curves .currentTime .square{
    -webkit-animation: demoCurveColor 60s linear forwards;
    -moz-animation: demoCurveColor 60s linear forwards;
    -ms-animation: demoCurveColor 60s linear forwards;
    -o-animation: demoCurveColor 60s linear forwards;
    animation: demoCurveColor 60s linear forwards;
}


.lightSetting .statusText,
.light1 .statusText,
.light2 .statusText,
.goalTracking .statusText, 
.goalSetting .statusText,
.noTracking .yoyo-slider-arrow{
	opacity: 0;
}


.goalTracking.trackingFinished.score9 .statusFinished.score9,
.goalTracking.trackingFinished.score7 .statusFinished.score7,
.goalTracking.trackingFinished.score4 .statusFinished.score4,
.goalTracking.trackingFinished.score0 .statusFinished.score0 {
	display: inline-block;
	opacity: 1;
	z-index: 999;
}


.lightSetting.lightAuto .statusText.statusAuto,
.lightSetting.lightDemo .statusText.statusDemo,
.lightSetting.lightCustom.notPreset .statusText.statusCustomNotPreset,
.lightCustom .light1.notPreset .statusText.statusCustomNotPreset,
.lightCustom .light2.notPreset .statusText.statusCustomNotPreset,
.connected .apiError-not_connected .statusNotConnected,
.goalSetting.notSavedMyGoal .statusText{
	opacity: 1;
}

.lightSetting.lightCustom .statusText.statusCustom{
	-webkit-animation: infoTextShowAndHide 5s ease forwards;
	-moz-animation: infoTextShowAndHide 5s ease forwards;
	-ms-animation: infoTextShowAndHide 5s ease forwards;
	-o-animation: infoTextShowAndHide 5s ease forwards;
	animation: infoTextShowAndHide 5s ease forwards;
}

.disconnected .trackingTimes,
.noTracking .trackingTimes,
.ergoLevel-0 .trackingTimes{
	display: none;
}


@keyframes demoCurve {
    0%   {left: 0%;top: 0px; opacity: 0}
    5%   {left: 5%;top: 0px; opacity: 1}
    95%   {left: 95%; top: 0px; opacity: 1}
    100% {left: 100%; top: 0px; opacity: 0}
}
@keyframes demoCurveColor {
    0%   {background: #ff1701;}
    5%   {background: #47c4e4;}
    6%   {background: #47c4e4;}
    75%   {background: #47c4e4;}
    87%   {background: #fdd053;}
    100% {background: #ff1701;}
}
#section-light .curves .breaktime{
    width: 20%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 40%;
    top: 0;
}
#section-light .curves .afternoon{
    width: 40%;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

#section-light .break{
    margin-top: 0px;
    position: relative;
    z-index: 70;
}

#section-light .break .track{
    background: #ddd;
    border-radius: 15px;
    height: 30px;
    width: 100%;
}

#section-light .break .times span{
    font-size: 10px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 16px;
    color: #777;
}

#section-light .break .text{
    padding: 10px 0px;
    text-align: center;
    font-size: 16px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 20px;
}

#section-light .break .slider-range{
    position: absolute;
    left: 20%;
    right: 10%;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s;
}
#section-light.lightAuto .break .slider-range{
    opacity: 1;
    pointer-events: all;
    border-radius: 0;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}


#section-light .break .slider-range {
    position: absolute;
    left: 20%;
    right: 10%;
    height: 30px;
}
#section-light .break .ui-corner-all,
#section-light .break .ui-corner-bottom,
#section-light .break .ui-corner-right,
#section-light .break .ui-corner-br {
    border-bottom-right-radius: 15px;
}
#section-light .break .ui-corner-all,
#section-light .break .ui-corner-bottom,
#section-light .break .ui-corner-left,
#section-light .break .ui-corner-bl {
    border-bottom-left-radius: 15px;
}
#section-light .break .ui-corner-all,
#section-light .break .ui-corner-top,
#section-light .break .ui-corner-right,
#section-light .break .ui-corner-tr {
    border-top-right-radius: 15px;
}
#section-light .break .ui-corner-all,
#section-light .break .ui-corner-top,
#section-light .break .ui-corner-left,
#section-light .break .ui-corner-tl {
    border-top-left-radius: 15px;
}
#section-light .break .ui-widget-content {
    border: 0px;
    background: #999;
    color: #222222;
}
#section-light .break .ui-slider-range{
    background: #ddd;
    border-radius: 0 !important;
}
#section-light .break .ui-slider .ui-slider-handle{
    top: 0;
    width:  26px;
    height: 26px;
    background: #fff;
    border: 2px solid #999;
    outline: none;
    cursor: pointer;
}


#section-light .lightOff .yoyo-slider,
#section-light .lightOff .yoyo-slider-arrow,
#section-light .lightOff .yoyo-slider-overlay .circle .num{
    opacity: 0;
    pointer-events: none;
}
#section-light .lightOff .yoyo-slider-overlay .circle .num{
    transform: scale(0.5) translateX(-50%) translateY(-50%);
}

#section-light .lightOff .slider-bg{
    background: #ccc;
}

#section-light .lightOff .yoyo-slider-overlay .circleLeftButton .bg,
#section-light .lightOff .yoyo-slider-overlay .circleRightButton .bg{
    background: #999;
    pointer-events: none;
}
#section-light .lightOff .yoyo-slider-overlay .circleLeftButton .icon,
#section-light .lightOff .yoyo-slider-overlay .circleRightButton .icon{
    display: none;
}

#section-dashboard div[data-widget='lightSetting'] .yoyo-slider-overlay .circleRightButton,
#section-light .lightOff .yoyo-slider-overlay .circleRightButton{
    border-left: 0;
}

#section-light .split-1 .yoyo-slider,
#section-light .split-2 .yoyo-slider,
#section-light .split-3 .yoyo-slider,
#section-light .split-2.luminanceNotReadable .yoyo-slider-arrow,
#section-light .split-3.luminanceNotReadable .yoyo-slider-arrow,
#section-light .split-3.luminanceNotReadable .yoyo-slider-overlay .circle .num.transInputWrap,
.lightModel-waldmann #section-light.lightAuto .split-1 .yoyo-slider-arrow,
#section-dashboard div[data-widget='lightSetting'] .yoyo-slider,
#section-dashboard div[data-widget='lightSetting'] .yoyo-slider-overlay .circleLeftButton .icon,
#section-dashboard div[data-widget='lightSetting'] .yoyo-slider-overlay .circleRightButton .icon,
#section-light .split-1 .yoyo-slider-overlay .circleLeftButton .icon,
#section-light .split-1 .yoyo-slider-overlay .circleRightButton .icon,
#section-light .split-2 .yoyo-slider-overlay .circleLeftButton .icon,
#section-light .split-3 .yoyo-slider-overlay .circleLeftButton .icon,
#section-light .split-2 .yoyo-slider-overlay .circleRightButton .icon,
#section-light .split-3 .yoyo-slider-overlay .circleRightButton .icon{
    display: none;
}
#section-light.lightCustom .split-1.colTempControl .yoyo-slider,
#section-light.lightAuto .split-1.colTempControl .yoyo-slider,
#section-light .split-2.luminanceControl .yoyo-slider,
#section-light .split-3.luminanceControl .yoyo-slider,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider-overlay .circleLeftButton .icon,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider-overlay .circleRightButton .icon,
#section-light.lightCustom .split-1.colTempControl .yoyo-slider-overlay .circleLeftButton .icon,
#section-light.lightCustom .split-1.colTempControl .yoyo-slider-overlay .circleRightButton .icon,
#section-light .split-2.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .icon,
#section-light .split-3.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .icon,
#section-light .split-2.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .icon,
#section-light .split-3.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .icon{
    display: block;
}

#section-light .split-1 .yoyo-slider-overlay .circleRightButton,
#section-light .split-2 .yoyo-slider-overlay .circleRightButton,
#section-light .split-3 .yoyo-slider-overlay .circleRightButton{
    border-left: 0;
}

#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider-overlay .circleRightButton,
#section-light.lightCustom .split-1.colTempControl .yoyo-slider-overlay .circleRightButton,
#section-light .split-2.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton,
#section-light .split-3.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton{
    border-left: 2px solid #fff;
}


#section-light .split-2.lightOn .slider-bg.brightnessImage {
    background: #1EC8B4 url();
    transition: 0.2s;
}
#section-light .split-3.lightOn .slider-bg.brightnessImage {
    background: #1EC8B4 url();
    transition: 0.2s;
}

#section-light .split-2.luminanceControl.lightOn .slider-bg.brightnessImage {
    background: url(../img/slider_track_brightness.png);
    background-size: cover;
    transition: 0.2s;
}
#section-light .split-3.luminanceControl.lightOn .slider-bg.brightnessImage {
    background: url(../img/slider_track_brightness.png);
    background-size: cover;
    transition: 0.2s;
}
#section-light .split-1 .transInput,
#section-light.lightAuto .split-1 .transInput,
#section-light .split-2 .transInput,
#section-light .split-3 .transInput,
#section-dashboard div[data-widget='lightSetting'] .yoyo-slider,
#section-dashboard div[data-widget='lightSetting'] .transInput,
#section-dashboard div[data-widget='lightSetting'] .yoyo-slider-overlay .circleLeftButton .bg,
#section-dashboard div[data-widget='lightSetting'] .yoyo-slider-overlay .circleRightButton .bg,
#section-light .split-1 .yoyo-slider-overlay .circleLeftButton .bg,
#section-light .split-1 .yoyo-slider-overlay .circleRightButton .bg,
#section-light .split-2 .yoyo-slider-overlay .circleLeftButton .bg,
#section-light .split-3 .yoyo-slider-overlay .circleLeftButton .bg,
#section-light .split-2 .yoyo-slider-overlay .circleRightButton .bg,
#section-light .split-3 .yoyo-slider-overlay .circleRightButton .bg{
    pointer-events: none;
}
#section-light.lightCustom .split-1.colTempControl .transInput,
#section-light .split-2.luminanceControl.lightOn .transInput,
#section-light .split-3.luminanceControl.lightOn .transInput,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .transInput,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider-overlay .circleLeftButton .bg,
#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .yoyo-slider-overlay .circleRightButton .bg,
#section-light.lightCustom .split-1.colTempControl .yoyo-slider-overlay .circleLeftButton .bg,
#section-light.lightCustom .split-1.colTempControl .yoyo-slider-overlay .circleRightButton .bg,
#section-light .split-2.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .bg,
#section-light .split-3.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .bg,
#section-light .split-2.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .bg,
#section-light .split-3.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .bg{
    pointer-events: all;
}
#section-dashboard div[data-widget='lightSetting'] .transInputWrap label,
#section-light .split-1 .transInputWrap label,
#section-light .split-2 .transInputWrap label,
#section-light .split-3 .transInputWrap label,
#section-light.lightAuto .split-1 .transInputWrap label{
    border-top: 0;
}

#section-dashboard div.lightCustom.colTempControl[data-widget='lightSetting'] .transInputWrap label,
#section-light.lightCustom .split-1.colTempControl .transInputWrap label,
#section-light .split-2.luminanceControl .transInputWrap label,
#section-light .split-3.luminanceControl .transInputWrap label{
    border-top: 1px solid #ccc;
}

.lightCustom #lightChart {
    opacity: 0.3;
}


.lightModel-waldmann #section-light.lightAuto .yoyo-slider-overlay .circle .txtOverlay,
.lightModel-waldmann #section-light.lightDemo .yoyo-slider-overlay .circle .txtOverlay{
    opacity: 1;
}



.lightModel-waldmann #section-light .roundBtn.auto,
.lightModel-waldmann div[data-widget='lightSetting'] .roundBtn.auto,
.lightModel-bicult div[data-widget='lightSetting'] .roundBtn.demo{
	display: none;
}


section .console-hint{
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0px 30px;
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 14px;
    line-height: 40px;
    color: #ccc;
    background: #fafafa;
    cursor: pointer;
    transition: 0.2s;
    z-index: 200;
    border-radius: 20px;
}
section .content-area .console-hint{
    padding: 0px 10px;
    right: 0px;
    top: 0px;
}

.console-hint{
    display: none;
}

body.showDeveloperHintButtons .console-hint{
    display: inline-block;
}
body .li-hardwareDemo{
    display: none;
}
body.showDeveloperHintButtons .li-hardwareDemo{
    display: list-item;
}

section .content-area .info-area .console-hint{
    top: 50%;
    transform: translateY(-50%);
}
section .console-hint:hover{
    color: #aaa;
    background: #eee;
}
section .console-hint:active{
    color: #fff;
    background: #222;
}

section.consoleVisible .console-hint,
.content-area.consoleVisible .console-hint{
    opacity: 0;
    pointer-events: none;
}

section .console{
    background: #333;
    color: #ccc;
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 10px;
    line-height: 12px;
    position: relative;
    max-height: 0px;
    overflow: hidden;
    transition: 0.4s;
    opacity: 0;
}
section.consoleVisible .console,
.content-area.consoleVisible .console{
    max-height: 1000px;
    opacity: 1;
}
section .console .closer{
    position: absolute;
    right: 5px;
    top: 5px;
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 12px;
    line-height: 30px;
    padding: 0 30px;
    cursor: pointer;
    color: #999;
    background: #444;
    transition: 0.2s;
    border-radius: 15px;
}

section .console .closer:hover{
    color: #aaa;
    background: #555;
}
section .console .closer:active{
    color: #fff;
    background: #222;
}

section .console .console-headline{
    color: #fff;
    font-size: 18px;
    font-family: "Neue Haas Unica W01 Light";
    line-height: 40px;
    text-align: center;

}
section .console .console-inner-headline{
    color: #eee;
    font-size: 12px;
    font-family: "Neue Haas Unica W01 Light";
    line-height: 18px;
    text-align: center;
    padding-bottom: 4px;
    margin-top: 10px;
}

section .console .prop-name-field{
    font-family: "Neue Haas Unica W01 UltraLight";
    padding-right: 10px;
    width: 50%;
    text-align: right;
}
section .console table {
  border-collapse: collapse;
  font-family: "Neue Haas Unica W01 UltraLight";
  margin: 0 auto;
}

section .console .config{
    margin-bottom: 10px;
}
section .console .console-2{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 15px;
    box-sizing: border-box;
    padding-bottom: 30px;
}
section .console .console-1{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 15px;
    box-sizing: border-box;
    padding-bottom: 30px;
}
section .console .light,
section .console .console-3,
section .console .segment1,
section .console .segment2{
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 15px;
    box-sizing: border-box;
    padding-bottom: 30px;
}
section .console .segment2,
section .console .console-3.last{
    width: calc(33.3% - 10px);
}
section .console .console-2.last{
    width: calc(50% - 10px);
}


section .console .lock1,
section .console .lock2,
section .console .lock3{
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 15px;
    box-sizing: border-box;
    padding-bottom: 30px;
}
section .console .lock3{
    width: calc(33.3% - 10px);
}


.screensImg{
    width: 100%;
    height: auto;
}


.list{
	text-align: left;
}

.list .listHeader{
	border-bottom: 1px solid #707070;
	box-sizing: border-box;
	padding-bottom: 4px;
}
.list .listHeader .head-item{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	display: inline-block;
	color: #aaa;
}


.head-bookingtime{
	width: 30%;
}
.head-workplace{
	width: 20%;
}
.head-location{
	width: 48%;
}





.apiError-not_connected .slider-bg.kelvinImage,
.apiError-not_connected .slider-bg.brightnessImage {
    background: #ddd url() !important;
    background-size: cover;
    transition: 0.2s;
}

.inputHardwareMode{
	cursor: pointer;
}
.inputHardwareMode .right{
	pointer-events: none;
}

.workplace-selected .sessionId{
	display: none;
}

.box-status .status{
	display: none;
}
.devOptionsTrigger img{
	pointer-events: none;
}

#section-login .section-inner{
	display: none;
}
.state-booking .endBooking{
	display: none;
}
.developerModeActivated.disconnected .state-booking  .endBooking{
	display: block;
}


.lightSetting .roundBtn.demo{
	display: none;
}

body.hwDemoMode .wrapInputOnlineBooking{
	opacity: 0.3;
	pointer-events: none;
}



#toastInfo{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	z-index: 999;
}

.showToast #toastInfo{
	opacity: 1;
	pointer-events: all;
}

#toastInfo .bg{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.7);
}
#toastInfo .contentWrap{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	min-width: 300px;
	max-width: 640px;
	background: #fff;
	text-align: center;
	border-radius: 10px;
}

#toastInfo .contentWrap .head{
	background: #efefef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}
#toastInfo .contentWrap .head h2{
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 20px;
	margin: 0;
}
#toastInfo .contentWrap .content{
	padding-top: 16px;
}
#toastInfo .contentWrap .content p{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	color: #777;
	line-height: 24px;
}
#toastInfo .contentWrap .foot{
	padding: 15px;
}



div[data-widget="fm-login"] .fm-form{
	position: relative;
}
div[data-widget="fm-login"] .loading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s;
}
div[data-widget="fm-login"] .loading .bgLoading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
#p19 div[data-widget="fm-login"] .loading .bgLoading{
	background: rgba(0,0,0,0.85);
	z-index: 998;
}
div[data-widget="fm-login"] .loading .inner {
    position: absolute;
    text-align: center;
    padding: 20px;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translateY(-50%) translateX(-50%);
}
#p19 div[data-widget="fm-login"] .loading .inner{
	
	z-index: 999;
}
div[data-widget="fm-login"] .loading img {
    width: 80px;
    height: 80px;
}
div[data-widget="fm-login"] .loading label {
    font-family: "Neue Haas Unica W01 Regular";
    color: #999;
    margin-top: 10px;
    display: block;
}
#p19 div[data-widget="fm-login"] .loading label {
	color: #fff;
	font-size: 18px;
}

div[data-widget="fm-login"] .failed {
    position: relative;
    width: 100%;
    text-align: center;
}

div[data-widget="fm-login"].loadingPerson .loading,
.loadingPerson div[data-widget="fm-login"] .loading {
    opacity: 1;
    pointer-events: all;
}

.loadingPerson .fm-user-login .inputRow{
	opacity: 0;
}


.process.failed {
    opacity: 0;
    display: none;
    transition: 0.2s;
    position: relative;
    width: 100%;
    text-align: center;
}
#section-dashboard .process p {
    font-size: 16px;
    font-family: "Neue Haas Unica W01 Light";
    line-height: 20px;
    color: #999;
    display: block;
}
#section-dashboard .process p span.red{	
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 26px;
}
#section-booking-workplace .content-area-wide,
#section-booking-meetingroom .content-area-wide{
	position: relative;
}
#section-booking-workplace .fm-user-logout,
#section-booking-meetingroom .fm-user-logout{
	position: absolute;
	right: 0;
	top: 10px;
}
#section-booking-workplace .fm-user-logout .username,
#section-booking-meetingroom .fm-user-logout .username{
	float: left;
	margin-right: 30px;
	line-height: 40px;
}
#section-booking-workplace .fm-user-logout .mdl-button,
#section-booking-workplace .content-headline .mdl-button,
#section-booking-meetingroom .fm-user-logout .mdl-button,
#section-booking-meetingroom .content-headline .mdl-button {
    margin: 7px 0px 0px 0px;
}
#section-booking-workplace .content-headline .mdl-button,
#section-booking-meetingroom .content-headline .mdl-button{
	margin-top: -2px;
	margin-left: 10px;
}

.loginFail0 .process.failed.fail0, 
.loginFail101 .process.failed.fail101, 
.loginFail102 .process.failed.fail102, 
.loginFail401 .process.failed.fail401, 
.loginFail404 .process.failed.fail404, 
.loginFail408 .process.failed.fail408, 
.loginFail202 .process.failed.fail202 {
    opacity: 1;
    display: inline-block;
}



#section-booking-meetingroom .bookingList{
	margin-top: 73px;
}

#p19 .content-login .success{
	display: none;
}

#p19 .okIcon,
#p19 .notOkIcon{
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	top: -3px;
}
#p19 .notOkIcon{
	top: 0px;
}

#p19 .content-login.loginSuccess .success{
	display: block;
}


body.fmLoggedOut div[data-widget="actual-booking"],
body.fmLoggedIn div[data-widget="fm-login"] .widget-area.state-notLoggedIn,
div[data-widget="fm-bookings"],
.widget-area.state-loggedIn,
#section-booking-workplace .fmRefresh,
.section-inner-horizontal-line.fromFmLogin,
#section-booking-workplace .content-area-wide .info-area{
	display: none;
}

body.fmLoggedIn div[data-widget="fm-bookings"],
body.fmLoggedIn .widget-area.state-loggedIn,
body.fmLoggedIn .section-inner-horizontal-line.fromFmLogin,
body.fmLoggedIn #section-booking-workplace .content-area-wide .info-area{
	display: block;
}
body.fmLoggedIn #section-booking-workplace .fmRefresh{
	display: inline-block;
}

body.withoutLight #section-light .split,
body.disconnected #section-light .split,
body.disconnected #section-workplace .section-split-2 .split,
body.fmLoggedOut #section-dashboard .section-split-2 .split{
	width: 100%;
	text-align: center;
}

body.fmLoggedIn #section-booking-workplace .content-area-wide .content-headline{
	text-align: left;
}
body.disconnected #section-light .section-inner-vertical-line,
body.withoutLight #section-light .section-inner-vertical-line{
	display: none;
}


.chair.disconnected .ext-area,
.withoutChair #section-workplace .chair .slider-area,
.withoutChair #section-workplace .chair .btnWrapper-area{
	display: none;
}
section .content-area .notAvailableContent{
	text-align: center;
}
section .content-area .notAvailableContent p{
	font-family: "Neue Haas Unica W01 Light";
    font-size: 16px;
    line-height: 20px;
	text-align: center;
}
.chairHeightIllu{
	position: relative;
}
.chairHeightIllu .height{
	position: absolute;
	top: 30%;
	right: 18%;
	
}
.chairHeightIllu .height span.val{
	font-size: 32px;
    line-height: 38px;
    font-family: "Neue Haas Unica W01 Light";
}
.chairHeightIllu .height span.unit{
font-size: 14px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 16px;
    color: #777;
}
.textBtn{
	border-radius: 16px;
	line-height: 24px;
	border: 2px solid #777;
	padding: 0 20px 2px 20px;
	display: inline-block;
	cursor: pointer;
	color: #777;
	font-size: 16px;
	transition: 0.2s;
}
.textBtn:hover{
	border: 2px solid #333;
	color: #333;
}

.icontitle.autoheight{
	height: auto;
	margin-top: 20px;
}

#section-dashboard .textBtn{
	line-height: 42px;
	border-radius: 23px;
	padding: 0 50px;
	margin: 20px;
	font-size: 18px;
}


.notAvailableContent{
	display: none;
}
.withoutChair .notAvailableContent{
	display: block;
}

.yo-user-lean {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/fa-icon/icon_lean.svg) no-repeat center center;
    background-size: 40px 40px;
    position: relative;
    left: -12px;
    top: 2px;
}

.yo-user-stand {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/fa-icon/icon_stand.svg) no-repeat center center;
	background-size: 40px 40px;
	position: relative;
	left: -12px;
	top: 2px;
}
.yo-chair {
	display: inline-block;
	width: 24px;
	height: 50px;
	background: url(../img/nav/icon_menue_25px_workplace.svg) no-repeat center center;
}
.yo-chair {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/fa-icon/icon_chair.svg) no-repeat center center;
	background-size: 40px 40px;
	position: relative;
	left: -12px;
	top: 2px;
}
.yo-leanchair {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/fa-icon/icon_leanchair.svg) no-repeat center center;
	background-size: 21px 21px;
	position: relative;
	left: -12px;
	top: 2px;
}
.yo-room {
	display: inline-block;
	width: 24px;
	height: 50px;
	background: url(../img/nav/icon_menue_25px_meetingroom.svg) no-repeat center center;
}

.yo-user-sit {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/fa-icon/icon_sit.svg) no-repeat center center;
    background-size: 40px 40px;
    position: relative;
    left: -12px;
    top: 2px;
}

.yo-light-indirect{
	
	background: url(../img/fa-icon/icon_light_indirect.svg) no-repeat center center;
	background-size: 27px 27px;
    position: relative;
    left: -12px;
    top: 2px;
	
    display: inline-block;
    width: 40px;
    height: 40px;
	
}
.yo-light-direct{
	
	background: url(../img/fa-icon/icon_light_direct.svg) no-repeat center center;
	background-size: 27px 27px;
    position: relative;
    left: -12px;
    top: 2px;
	
    display: inline-block;
    width: 40px;
    height: 40px;
	
}





#splash {
    display: block;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    color: #fff;
    overflow: hidden;
}
.showWorkplaceIntroOnly #splash{
	background: #000;
	opacity: 0.7 !important;
	transition: 0.4s;
}
#splash .splashBg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#splash .splashBg div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.8s;
}

#splash .splashBg .kv-1{
	background: url(../img/intro/screen-kv-1.png) no-repeat center center;
	background-size: cover;
	opacity: 0;
}
#splash .splashBg .kv-2{
	background: url(../img/intro/screen-kv-2.png) no-repeat center center;
	background-size: cover;
	opacity: 0;
}
#splash .splashBg .kv-3{
	background: url(../img/intro/screen-kv-3.png) no-repeat center center;
	background-size: cover;
	opacity: 0;
}

#splash .version{
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 10px;
    font-family: "Neue Haas Unica W01 Regular";
    color: #999;
}

#splash .splashContent,
#splash .splashNavigation{
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	transform: translateX(50%);
	transition: 0.4s;
	overflow: hidden;
}
#splash .splashNavigation{
	left: 0;
	right: 50%;
	transform: translateX(-50%);
	text-align: center;
	background: rgba(0,0,0,0.3);
}

#splash .splashNavigation .headline{
	font-size: 32px;
    line-height: 38px;
    font-family: "Neue Haas Unica W01 Light";
	padding: 10px 0px;
	width: 320px;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	color: #777;
	transition: 0.2s;
}

.showLoginIntro #splash .splashNavigation .head-login,
.showProfileIntro #splash .splashNavigation .head-profile,
.showWorkplaceIntro #splash .splashNavigation .head-workplace{
	color: #fff;
}

.companypreset-form{
	width: 290px;
}


#splash .splashNavigation ul{
	margin: 0px auto 0px auto;
	padding: 0;
	width: 320px;
	text-align: left;
}
#splash .splashNavigation ul li{
	list-style: none;
	padding: 0px;
	margin: 0;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	line-height: 35px;
	transition: 0.2s;
	max-height: 0px;
	overflow: hidden;
}
.showProfileIntro #splash .splashNavigation ul.ul-profile li,
.showWorkplaceIntro #splash .splashNavigation ul.ul-permanentWorkplace li{
	max-height: 35px;
}
#splash .splashNavigation ul li.disabled a{
	pointer-events: none;
	color: #777;
}
#splash .splashNavigation ul li.focused a{
	pointer-events: none;
	color: #fff;
}

.showIntro #splash .splashContent,
.showLanguage #splash .splashContent,
.showLoginIntro #splash .splashNavigation,
.showProfileIntro #splash .splashNavigation,
.showWorkplaceIntro #splash .splashNavigation{
	transform: translateX(0%);
	opacity: 1;
	transition: 0.4s 0.4s;
}


.showWorkplaceIntro #splash .splashContent,
.showWorkplaceIntroOnly #splash .splashContent{
	transform: translateX(50%);
	opacity: 0;
	transition: 0s;
}

.showLanguage #splash .splashContent{
	transition: 0s;
	left: 0%;
}
#splash .splashContent .inner{
	width: 300px;
	margin: 0 auto;
	transition: 0.2s;
	display: none;
}
.showIntro #splash .splashContent .langSelect{
	display: none;
}
.showIntro #splash .splashContent .inner{
	display: block;
}

#splash .splashLogo{
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding: 30px 0px;
}
#splash .splashLogo img{
	width: 100%;
	height: auto;
}
#splash .inner{
	text-align: center;
	width: 100%;
	height: 100%;
}
#splash .head{
	font-size: 32px;
	line-height: 38px;
    font-family: "Neue Haas Unica W01 Light";
    margin-bottom: 30px;
    margin-top: 30px;
}

#splash .s-text p{
	font-size: 18px;
	line-height: 24px;
    font-family: "Neue Haas Unica W01 Regular";
    color: #fff;
}

#splash .mdl-radio__label{
	font-size: 18px;
	line-height: 24px;
    font-family: "Neue Haas Unica W01 Regular";
    color: #aaa;
}
#splash .is-checked .mdl-radio__label{
	color: #fff;
}
#splash .splashText {
    position: relative;
    opacity: 0;
    transition: 0.4s 0.4s;
}

.showIntro #splash .splashText {
    opacity: 1;
}

.showIntro.slide-1 #splash .splashText .s-text.text-1,
.showIntro.slide-2 #splash .splashText .s-text.text-2, 
.showIntro.slide-3 #splash .splashText .s-text.text-3 {
    opacity: 1;
    transform: translateX(0%);
}

.showIntro.slide-2 #splash .splashText .s-text.text-1, 
.showIntro.slide-3 #splash .splashText .s-text.text-2, 
.showIntro.slide-3 #splash .splashText .s-text.text-1 {
    transform: translateX(-100%);
    opacity: 0;
}

.showIntro.slide-1 #splash .splashText .s-text.text-3, 
.showIntro.slide-1 #splash .splashText .s-text.text-2, 
.showIntro.slide-2 #splash .splashText .s-text.text-3 {
    transform: translateX(100%);
}

#splash .splashText .s-text.text-1 {
    position: relative;
}
#splash .splashText .s-text {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
}


.showIntro.slide-1 #splash .splashBg .kv-1,
.showIntro.slide-2 #splash .splashBg .kv-2,
.showIntro.slide-3 #splash .splashBg .kv-3,
.showLanguage #splash .splashBg .kv-1{
	opacity: 1;
}
.showIntro.showWorkplaceIntroOnly.slide-1 #splash .splashBg .kv-1,
.showIntro.showWorkplaceIntroOnly.slide-2 #splash .splashBg .kv-2,
.showIntro.showWorkplaceIntroOnly.slide-3 #splash .splashBg .kv-3{
	display: none;
}

.showLoginIntro #splash .splashBg .kv-1,
.showLoginIntro #splash .splashBg .kv-2,
.showProfileIntro.slide-1 #splash .splashBg .kv-1,
.showProfileIntro.slide-2 #splash .splashBg .kv-2,
.showProfileIntro.slide-3 #splash .splashBg .kv-3,
.showWorkplaceIntro.slide-1 #splash .splashBg .kv-1,
.showWorkplaceIntro.slide-2 #splash .splashBg .kv-2,
.showWorkplaceIntro.slide-3 #splash .splashBg .kv-3{
	filter: brightness(30%);
	transform: scale(1.1);
}

#splash .splashText .prev,
#splash .splashText .next {
	font-size: 30px;
	font-family: "Neue Haas Unica W01 Thin";
	width: 50px;
	height: 100%;
	pointer-events: none;
	cursor: pointer;
	opacity: 0.2;
	transition: 0.4s;
}
#splash .splashText .prev {
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
}
#splash .splashText .next {
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
}

#splash .splashText .prev i,
#splash .splashText .next i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.showIntro.slide-1 #splash .splashText .prev,
.showIntro.slide-2 #splash .splashText .next {
	pointer-events: none;
	opacity: 0.2;
}
.showIntro.slide-2 #splash .splashText .prev,
.showIntro.slide-1 #splash .splashText .next {
	pointer-events: all;
	opacity: 1;
}



#splash .splashDots {
	opacity: 0;
	transition: 0.4s 0.4s;
	margin-bottom: 40px;
}
#splash .splashDots .dot {
	width: 10px;
	height: 10px;
	display: inline-block;
	padding: 4px;
	transition: 0.2s;
	cursor: pointer;
	pointer-events: none;
}
#splash .splashDots .dot .innerDot {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #777;
}
.showIntro #splash .splashDots .dot {
	pointer-events: all;
}
.showIntro.slide-1 #splash .splashDots .dot-1,
.showIntro.slide-2 #splash .splashDots .dot-2,
.showIntro.slide-3 #splash .splashDots .dot-3 {
	transform: scale(1.2);
}
.showIntro.slide-1 #splash .splashDots .dot-1 .innerDot,
.showIntro.slide-2 #splash .splashDots .dot-2 .innerDot,
.showIntro.slide-3 #splash .splashDots .dot-3 .innerDot {
	background: #fff;
}

.showIntro #splash .splashDots {
	opacity: 1;
}

.langSelected-en.showIntro.slide-2 #splash .splashDots{
	margin-top: 50px;
}

.showIntro.showProfileIntro #splash .splashContent .splashLogo,
.showIntro.showProfileIntro #splash .splashContent .inner,
.showLanguage.showProfileIntro #splash .splashContent .splashLogo,
.showLanguage.showProfileIntro #splash .splashContent .inner{
	opacity: 0;
	transform: scale(0.8);
}


#p17,
#p18,
#p19{
	width: 50%;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 10000;
	pointer-events: none;
	opacity: 0;
	transform: translateX(100%);
	transition: 0.2s;
}

.showLoginIntro #p19{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.2s;
	pointer-events: all;
}
.showProfileIntro #p17,
.showWorkplaceIntro #p18,
.showWorkplaceIntroOnly #p18{
	opacity: 1;
	transform: translateX(0%);
	transition: 0.2s 0.4s;
	pointer-events: all;
}

.workflow .header {
    width: 100%;
    height: 53px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(0, 0, 0);
    overflow: visible;
}

.workflow .header .left {
    position: absolute;
    left: 0px;
    height: 50px;
    z-index: 40;
    background: rgb(0, 0, 0);
}
.workflow .header .center{
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    color: rgb(255, 255, 255);
    height: 50px;
    z-index: 20;
    background: rgb(0, 0, 0);
}
.workflow .header .right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    z-index: 30;
    background: rgb(0, 0, 0);
}

.workflow .header .right .cancel{
	font-family: "Neue Haas Unica W01 Light";
	color: #aaa;
	cursor: pointer;
	transition: 0.2s;
	line-height: 50px;
	padding: 0 20px;
}

#p18.workflow .header .right .cancel{
	display: none;
}
.showWorkplaceIntroOnly #p18.workflow .header .right .cancel{
	display: inline-block;
}
.workflow .header .right .cancel:hover{
	color: #fff;
}
.workflow .header .center .headline {
    font-family: "Neue Haas Unica W01 Light";
    color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 50px;
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease 0s;
}


.workflow .contentWrap {
    position: absolute;
    top: 53px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow-x: hidden;
    background: #222;
}

.workflow .contentWrap .content, 
.workflow .contentWrap .subcontent {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
}

.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: 0px;
}

.back {
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.back .icon {
    display: block;
    width: 50px;
    height: 50px;
    pointer-events: none;
    background: url(../img/icon/icon_back.svg) 0px 0px / contain no-repeat;
}
.new-wp .back .icon,
.wp-info .back .icon{
    background: url(../img/icon/icon_back_black.svg) 0px 0px / contain no-repeat;
	
}
.workflow .contentWrap .content .btn {
    padding: 0px 80px;
    display: inline-block;
}
#p18.workflow .contentWrap .content .btn{
	padding: 0px 30px;
}
#p18.workflow .content-n4{
	text-align: center;
}
#section-booking-workplace{
	overflow-x: hidden;
}

.content-permanentworkplace .state-permanentWorkplace,
.content-permanentworkplace .state-noPermanentWorkplace,
.content-permanentworkplace.noWp .state-loading,
.content-permanentworkplace.wp .state-loading{
	display: none;
}
.content-permanentworkplace.noWp .state-noPermanentWorkplace,
.content-permanentworkplace.wp .state-permanentWorkplace{
	display: block;
}


.flowbox,
.new-wp{
	position: absolute;
	top: 0;
	left: 0;
    padding: 0px 30px;
    min-width: 640px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	opacity: 1;
	transform: scale(1) translateX(100%);
	transition: 0.2s;
	overflow-y: auto;
	overflow-x: hidden;
}


.showWpInfo #section-booking-workplace .wp-info,
.showRoomInfo #section-booking-meetingroom .wp-info,
.showNewWp .new-wp{
	opacity: 1;
	transform: scale(1) translateX(0%);
}

.booking-date{
	margin-bottom: 10px;
}


.flexContainer{
	display: flex;
}
.flexContainer .left,
.flexContainer .right{
	width: 100%;
}
.flexContainer.booking-data .left,
.booking-summary{
	width: 35%;
}
.flexContainer.booking-data .right{
	width: 65%;
}
.flexContainer.time-data .left{
	width: 50%;
	padding-right: 2px;
}
.flexContainer.time-data .right{
	width: 50%;
	padding-left: 3px;
	position: relative;
}

.flexContainer .booking-date,
.flexContainer .booking-location{
	padding-right: 25px;
}
.flexContainer .result-places{
	padding-left: 25px;
}


.flexContainer.booking-data{
	transition: 0.4s;
	transform: translateX(0%);
}
.new-wp.showDetailview .flexContainer.booking-data{
	
	transform: translateX(calc( -35% - 25px ));
}

.booking-summary{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	overflow-y: auto;
	background: #eee;
	box-sizing: border-box;
	padding-bottom: 30px;
	transition: 0.4s;
	transform: translateX(100%);
}
.new-wp.showDetailview .booking-summary{
	transform: translateX(0%);
}
.booking-summary .header,
.booking-summary .booking-info,
.booking-summary .workplace-features{
	padding: 0 20px;
}
.booking-summary .workplace-features{
	margin-top: 30px;
}
.flowbox .booking-summary .header{
	margin-left: 0;
}
.langSelected-de .flowbox .booking-summary .header{
	height: auto;
}
.langSelected-de .flowbox .booking-summary .header .center{
	line-height: 34px;
}
.flowbox .booking-summary .header .center{
	left: 0;
}

.booking-summary .booking .preloader,
.booking-summary .booking .error{
	display: none;
}
.booking-summary.creatingBooking .booking .preloader,
.booking-summary.createBookingFailed .booking .error{
	display: block;
}

.booking-summary .header .close{
	width: 50px;
	height: 50px;
	background: url(../img/icon_close_click.svg) no-repeat center center; 
	background-size: 30px 30px;
	opacity: 0.6;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.2s;
}
.flowbox .booking-summary .header{
	padding-right: 75px;
}
.booking-summary .header .close:hover{
	opacity: 1;
}



#popInfo .wpInfo{
	width: 100%;
	border-bottom: 1px dotted #666;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#popInfo .wp-name{
	font-size: 16px;
    font-family: "Neue Haas Unica W01 Bold";
    vertical-align: top;
    line-height: 22px;
    color: #333;
    padding-left: 3px;
    margin-top: 15px;
}

#popInfo .wp-booking{
	font-size: 14px;
    font-family: "Neue Haas Unica W01 Regular";
    color: #777;
    padding-left: 3px;
}


.clearer{
	clear: both;
	float: none;
}

.flowbox .header{
	padding-top: 6px;
	margin-bottom: 30px;
	margin-left: -30px;
	height: 48px;
}
.flowbox .header .left{
	display: inline-block;
	width: 50px;
	height: 48px;
}
.flowbox .header .left .back{
	opacity: 0.5;
	transition: 0.2s;
	cursor: pointer;
}
.flowbox .header .left .back:hover{
	opacity: 1;
	transform: scale(1.1);
}
.flowbox .header .center{
	display: inline-block;
	font-size: 24px;
	font-family: "Neue Haas Unica W01 Light";
	vertical-align: top;
	line-height: 48px;
	position: relative;
	left: -15px;
	pointer-events: none;
}

.flowbox .left .content,
.flowbox .left .workplace{
	padding-right: 15px;
}
.flowbox .right .content{
	padding-left: 15px;
}

.flowbox input[type=text], 
.flowbox input[type=number], 
.flowbox input[type=password]{
	font-size: 18px;
	font-family: "Neue Haas Unica W01 Light";
	color: #333;
	background: #fff;
	text-indent: 10px;
}


.flowbox .caldate input[type=text]{
	background: #fff url(../img/icon/input/icon_date.svg) no-repeat right top
}

.flowbox .timefrom input{
	background: #fff url(../img/icon/input/icon_timefrom.svg) no-repeat right top;
}
.flowbox .timeto input{
	background: #fff url(../img/icon/input/icon_timeto.svg) no-repeat right top;
}



.flowbox .innerHeader,
#popInfo .innerHeader{
	color: #aaa;
	border-bottom: 1px solid #707070;
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 21px;
	padding-bottom: 4px;
	padding-left: 3px;
}

.flowbox .innerHeader.withoutBorder{
	border-bottom: 0;
}

.flowbox .workplace,
.flowbox .content{
	margin-bottom: 20px;
}

.flowbox .workplace .innerHeader,
.booking-summary .booking-info .innerHeader,
#p18 .booking-info .innerHeader{
	margin-bottom: 20px;
}

.flowbox .workplace .icon,
.booking-summary .booking-info .icon,
#p18 .booking-info .icon{
	display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    background: url(../img/list_wp_vacant.svg) center center / contain no-repeat;
    margin: 0px;
}

#p18 .booking-info.ergo .icon,
.wp-info.ergo .workplace .icon{
	background: url(../media/map_wp_ergo.svg) center center / contain no-repeat;
}
#p18 .booking-info.nonergo .icon,
.wp-info.nonergo .workplace .icon{
	background: url(../media/map_wp_nonergo.svg) center center / contain no-repeat;
}


.booking-summary.ergo .booking-info .icon{
    background: url(../media/map_wp_ergo_vacant.svg) center center / contain no-repeat;
}
.booking-summary.nonergo .booking-info .icon{
    background: url(../media/map_wp_nonergo_vacant.svg) center center / contain no-repeat;
}

#section-booking-meetingroom .flowbox .workplace .icon{
    background: url(../img/list_mr_vacant.svg) center center / contain no-repeat;
}

#p18 .booking-info .icon{
	width: 50px;
    height: 50px;
    float: none;
    margin-right: 10px;
}
#p18 .booking-info .name{
	display: inline-block;
	vertical-align: top;
}
#p18 .booking-info .desc{
	margin-bottom: 30px;
}
#p18 .confirmWorkplaceButton{
	margin: 0px 0px 30px 0px;
}
#p18 .workplace-features{
	text-align: left;
	color: #aaa;
}
#p18 .workplace-features .listWrap{
	margin-top: 10px;
	border-top: 1px solid #777;
}
.flowbox .workplace .rating,
.booking-summary .booking-info .rating{
	float: right;
	padding-top: 4px;
}
.flowbox .workplace .rating .label,
.booking-summary .booking-info .rating .label{
	font-size: 12px;
	font-family: "Neue Haas Unica W01 Regular";
	color: #aaa;
	text-align: center;
}
.flowbox .workplace .rating .star,
.booking-summary .booking-info .rating .star{
	width: 22px;
    height: 20px;
    display: inline-block;
    background: url(../img/icon_star.svg) center center / 18px 18px no-repeat;
}

.flowbox .workplace .name,
.booking-summary .booking-info .name,
#p18 .booking-info .name{
	font-size: 32px;
	font-family: "Neue Haas Unica W01 Light";
	color: #333;
	line-height: 48px;
	padding-left: 3px;
}
#p18 .booking-info .name{
	color: #fff;
}
.flowbox .workplace .desc,
.booking-summary .desc,
.booking-summary .confirmDetails,
#p18 .content .desk,
#p18 .content .confirmDetails{
	font-size: 16px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 20px;
	color: #777;
	padding-left: 3px;
}
#p18 .content .desk,
#p18 .content .confirmDetails{
	color: #aaa;
}

#section-booking-workplace .booking-summary .mdl-button{
	margin-top: 10px;
}

.flowbox .workplace .actions,
.flowbox .content-booking .actions,
.booking-summary .confirmDetails{
	margin-top: 25px;
	border-top: 1px dotted #707070;
	border-bottom: 1px dotted #707070;
	padding: 15px 0px 15px 3px;
}
.booking-summary .confirmDetails{
	border-bottom: 0;
	padding-bottom: 0;
}

.flowbox .workplace .actions .btns{
	margin-left: -10px;
	margin-right: -10px;
	min-height: 45px;
}
.flowbox .workplace .actions .btns .btn{
	margin-bottom: 5px;
}

.flowbox.booked .actions .btns .btn.use,
.flowbox.booked .actions .btns .btn.end,
.flowbox.started .actions .btns .btn.use,
.flowbox.finished .workplace .actions .btns{
	display: none;
}
.flowbox.booked.live .actions .btns .btn.use{
	display: inline-block;
}

.flowbox .actions .btn.use,
.flowbox .actions .btn.end{
	float: right;
}
.flowbox .actions .btn.delete{
	float: left;
}

.flowbox.started .actions .btns .btn.delete{
	opacity: 0.2;
	pointer-events: none;
	background: linear-gradient(90deg, #999 0%, #777 100%);
}

.flowbox .actions .text{
	font-size: 15px;
	font-family: "Neue Haas Unica W01 Medium";
	line-height: 20px;
	color: #777;
}
.flowbox.started .actions .text{
	color: #1EC8B4;
}
.flowbox.booked.live .actions .text{
	color: #C81E1E;
}

.flowbox .infoContainer{
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding: 15px 0px;
}

.flowbox .box-status{
	font-size: 12px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 16px;
	color: #aaa;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-left: 3px;
}
.flowbox .workplace .box-status{
	display: none;
}

.infoContainer .name{
	font-size: 20px;
    font-family: "Neue Haas Unica W01 Medium";
    color: #333;
    padding: 0px 0px 10px 0px;
}
.infoContainer .desc{
	font-size: 16px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 20px;
    color: #777;
}



.flowbox .workplace .box-status .state,
.flowbox .workplace .box-status .signal{
	display: inline-block;
	margin-right: 10px;
}

.flowbox .inner-content{
	position: relative;
}

.flowbox .inner-content.dottedBottom,
.flowbox .inner-content .users,
.listWrap .listItem{
	font-size: 16px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 20px;
	color: #777;
	border-bottom: 1px dotted #707070;
	padding: 10px 3px 10px 3px;
}

.workflow.dark .listWrap .listItem{
	color: #aaa;
}

.flowbox .inner-content label{
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
}

.content-floorplan .plan{
	background: #fff;
}

.content-floorplan .loading,
.content-floorplan .loadingFailed{
	display: none;
}
.content-floorplan.loading .loading{
	display: block;
}
.content-floorplan .loading img,
.labelLoading img,
.flowbox .preloader img{
	display: inline-block;
    height: 46px;
    width: auto;
    position: relative;
    top: -2px;
}
.flowbox .preloader p{
	margin-bottom: 0;
}

.new-wp .booking-location .inputWrap input{
	background: #eee;
	pointer-events: none;
}
.new-wp .booking-location .inputWrap.loaded input{
	background: #fff;
	pointer-events: auto;
	cursor: pointer;
}
.new-wp .booking-location .inputWrap.loaded .icon{
	background: url(../img/icon/input/icon_select.svg) no-repeat right top;
	pointer-events: none;
	width: 100%;
	height: 38px;
	position: absolute;
	right: 0;
}
.result-places .innerHeader{
	position: relative;
	padding-left: 10px;
}

.workflow.dark .result-places .innerHeader{
	margin-bottom: 20px;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
}




.innerHeader .toggle-view{
	position: absolute;
	right: 0;
	top: 0;	
}
.workflow.dark  .innerHeader .toggle-view{
	right: 20px;
}
.result-places .toggle-view{
	display: none;
}
.result-places.withMap .toggle-view{
	display: inline-block;
}
.result-places .toggle-view{
	color: #fff;
}
.toggle-view .toList{
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}


.toggle-view .toList .icon{
	background: url(../img/icon/icon_list.svg) no-repeat right top;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 0px;
}
	
.workflow.dark .toggle-view .toList{
	width: auto;
	height: auto;
	background: url('')  !important;
}
.workflow.dark .toggle-view .toList .icon,
.workflow.dark .toggle-view .toMap .icon{
	background: url(../img/icon/icon_list_white.svg) no-repeat right top;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 0px;
}
.workflow.dark .toggle-view .toMap .icon{
	background: url(../img/icon/icon_map_white.svg) no-repeat right top;
}
.workflow.dark .toggle-view .toList,
.workflow.dark .toggle-view .toMap{
	margin-left: 15px;
}
.workflow.dark .toggle-view .toList .text,
.workflow.dark .toggle-view .toMap .text{
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 2px;

}
.toggle-view .toMap{
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
.toggle-view .toMap .icon{
	background: url(../img/icon/icon_map.svg) no-repeat right top;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 0px;
}
.toggle-view .toMap .text,
.toggle-view .toList .text{
	color: #333;
	display: inline-block;
	vertical-align: top;
}
.workflow.dark .toggle-view .toMap .text,
.workflow.dark .toggle-view .toList .text{
	color: #fff;
}
.workflow.dark .toggle-view .toMap{
	width: auto;
	height: auto;
	background: url('') !important;
}
.workflow.dark .toggle-view .toMap{
	background: url(../img/icon/icon_map_white.svg) no-repeat right top;
}
.toggle-view .toMap:hover,
.toggle-view .toList:hover{
	opacity: 1;
}
.result-places.showMap .toMap,
.result-places.showList .toList{
	pointer-events: none;
	opacity: 1;
}


.content-place-map .marker .ttip{
	position: absolute;
	top: 40px;
	display: inline-block;
	white-space: nowrap;
	background: #fff;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	opacity: 0;
	transition: 0.2s;
	pointer-events: none;
	z-index: 9999;
}
.marker:hover .ttip{
	opacity: 1;
}

.marker.bookingAllowed.ergo.state-vacant,
.marker.bookingAllowed.nonergo.state-vacant{
	cursor: pointer;
}

.flexContainer.booking-data{
	height: calc( 100% - 100px );
}

.result-places{
	height: 100%;
	position: relative;
	display: none;
}
#p18 .result-places{
	height: calc(100% - 40px);
}

.result-places .preloader,
.workplace-features .preloader,
.new-wp .workplace-features .listWrap{
	display: none;
}
.result-places.loading .preloader,
.new-wp.loadDetailview .workplace-features .preloader{
	display: block;
}

.result-places .preloader img{
	width: 30px;
	height: 30px;
	display: inline-block;
}

.new-wp.loadedDetailview .workplace-features .listWrap{
	display: block;
}

.result-places.loading,
.result-places.loaded{
	display: block;
}

.result-places .content-place-map, .result-places .content-place-list {
	position: relative;
    height: calc( 100% - 30px );
    width: 100%;
    background: #fff;
    transition: 0.4s 0s;
    display: none;
}
.result-places .content-place-list{
	background: transparent;
}

.result-places .content-place-list{
	overflow-y: auto;
}
#p18 .result-places .content-place-list{
	border-top: 1px solid #777;
}
.result-places .content-place-list .innerHeader{
	padding-left: 10px;
}
.result-places .content-place-list .listItem.vacant.bookingAllowed{
	cursor: pointer;
	transition: 0.2s;
	position: relative;
	overflow-x: visible;
}
.result-places .content-place-list .listWrap{
	overflow-x: visible;
}
.result-places .content-place-list .listItem.focus::before{
	content: '';
	display: inline-block;
	width: 4px;
	border-radius: 2px;
	background: #00AAD2;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0px;
}

.result-places .content-place-list .listItem.vacant.bookingAllowed:hover{
	background: #D8FFFF;
}
.result-places .content-place-list .listItem .name{
	font-size: 15px;
    font-family: "Neue Haas Unica W01 Medium";
    color: #333;
    width: 30%;
    display: inline-block;
}
.workflow.dark .result-places .content-place-list .listItem .name{
	color: #fff;
	transition: 0.2s;
}
.workflow.dark .result-places .content-place-list .listItem:hover .name{
	color: #333;
}
.result-places .content-place-list .listItem .desc{
	font-size: 14px;
    font-family: "Neue Haas Unica W01 Regular";
    color: #777;
    width: 70%;
    display: inline-block;
}
.workflow.dark .result-places .content-place-list .listItem .desc{
	color: #aaa;
	transition: 0.2s;
}
.workflow.dark .result-places .content-place-list .listItem:hover .desc{
	color: #777;
}
.result-places .content-place-list .listItem .icon{
	width: 28px;
	height: 28px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
	
}
.result-places .content-place-list .listItem.ergo.vacant .icon{
	background: url(../media/map_wp_ergo_vacant.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.nonergo.vacant .icon{
	background: url(../media/map_wp_nonergo_vacant.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.nonergo.occupied .icon{
	background: url(../media/map_wp_nonergo_occupied.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.ergo.occupied .icon{
	background: url(../media/map_wp_ergo_occupied.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.nonergo.bookingNotAllowed .icon{
	background: url(../media/map_wp_nonergo_notbookable.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.ergo.bookingNotAllowed .icon{
	background: url(../media/map_wp_ergo_notbookable.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.workplaceType0{
	pointer-events: none;
}
.result-places .content-place-list .listItem.workplaceType0 .icon{
	background: url(../media/map_mr_grey.svg) no-repeat center center !important;
	background-size: contain !important;
}
.result-places .content-place-list .listItem.workplaceType0.bookingNotAllowed .icon{
	background: url(../media/map_mr_notbookable.svg) no-repeat center center !important;
	background-size: contain !important;
}

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

#section-booking-workplace .fmRefresh span.refreshWorkplace,
.fmPermanentBookingEnabled #section-booking-workplace .fmRefresh span.refresh,
.wrapPresetType{
	display: none;
}


#p17 .valTimeEnd,
#p17 .valTimeStart{
	color: #fff;
}



#section-booking-workplace .fmRefresh span.refresh,
.fmPermanentBookingEnabled #section-booking-workplace .fmRefresh span.refreshWorkplace{
	display: inline-block;
}

.listPerson .stateAsset{
	display: none;
}

.listPerson .isOrganizer .forOrganizer,
.listPerson .isGuest .forGuest{
	display: inline-block;
}

.listPerson .isOrganizer .forOrganizer.p-name{
	display: block;
}
.listPerson .p-name{
	color: #333;
    font-family: "Neue Haas Unica W01 Medium";
	
}
.listPerson .left{
	width: 70%;
}



.langSelected-de.showIntro.slide-3 .splashText{
	height: 110px;
}

#p18 .booking-info{
	text-align: left;
}

.inputWrap{
	box-sizing: border-box;
}
.inputWrap .labelLoading,
.inputWrap .labelPlease{
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 46px;
	pointer-events: none;
	opacity: 0;
	background: #fff;
	border-radius: 5px;
	font-size: 18px;
	height: 46px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
    font-family: "Neue Haas Unica W01 Light";
    color: #777;
	transition: 0.2s;
}
.inputWrap .labelLoading img{
	top: -3px;
	position: absolute;
	right: 0;
	left: auto;
}
.inputWrap .labelPlease i,
.inputWrap .labelLoading i{
	text-indent: 10px;
	display: inline-block;
}
.inputWrap.loading .labelLoading,
.inputWrap.loaded .labelPlease{
	opacity: 1;
}
.locationSelected .inputWrap.location.loaded .labelPlease,
.buildingSelected .inputWrap.building.loaded .labelPlease,
.floorSelected .inputWrap.storey.loaded .labelPlease{
	opacity: 0;
}

.innerHeader.inputAfter{
	padding-left: 10px;
}



.box-status {
	border-top: 1px solid #ccc;
	margin: 0px;
	position: relative;
	display: none;
}
.box-status .status {
	position: relative;
	display: none;
	padding: 5px 0px;
}
.box-status .scanning,
.box-status .pausing {
	background: linear-gradient(90deg, #cccccc 0%, #aaaaaa 100%);
}
.box-status .connecting,
.box-status .disconnecting,
.connectionState-connected .box-status .connected {
	background: linear-gradient(90deg, #ea7400 0%, #eab400 100%);
}
.connectionState-connected.sessionState-ready .box-status .connected {
	background: linear-gradient(90deg, #1ec8b4 0%, #00aad2 100%);
}
.box-status .disconnected,
.box-status .stopped {
	background: linear-gradient(90deg, #c81e1e 0%, #aa1919 100%);
}

.box-status .connected img.ok,
.box-status .connected img.loading,
.box-status .connected p.ok,
.box-status .connected p.starting,
.box-status .connected p.configuring{
	display: none;
}
.box-status .connected .right .state{
	display: none
}

.sessionState-ready .box-status .connected img.ok,
.sessionState-ready .box-status .connected p.ok,
.sessionState-starting .box-status .connected img.loading,
.sessionState-starting .box-status .connected p.starting,
.sessionState-configuring .box-status .connected p.configuring,
.sessionState-configuring .box-status .connected img.loading{
	display: inline-block;
}

.box-status .connected .signal,
.connectionState-connected.sessionState-ready .box-status .connected .state {
	display: none;
}
.connectionState-scanning .box-status,
.connectionState-pausing .box-status,
.connectionState-scan_pausing .box-status,
.connectionState-connecting .box-status,
.connectionState-connected .box-status,
.connectionState-disconnecting .box-status,
.connectionState-disconnected .box-status,
.connectionState-stopped .box-status,
.connectionState-scanning .box-status .scanning,
.connectionState-pausing .box-status .pausing,
.connectionState-scan_pausing .box-status .pausing,
.connectionState-connecting .box-status .connecting,
.connectionState-stopped.sessionState-starting .box-status .connecting,
.connectionState-connected.sessionState-starting .box-status .connecting,
.connectionState-connected.sessionState-pattern .box-status .connecting,
.connectionState-stopped.sessionState-stopped .box-status .stopped,
.connectionState-stopped.sessionState-stopping .box-status .stopped,
.connectionState-connected.sessionState-configuring .box-status .connected,
.connectionState-connected.sessionState-ready .box-status .connected,
.connectionState-disconnecting .box-status .disconnecting,
.connectionState-disconnected .box-status .disconnected,
.connectionState-stopped .box-status .disconnected.status {
	display: block;
}

.connected .right .signal,
.status-finishing.connectionState-disconnected .box-status .disconnected,
.connectionState-disconnected.past .box-status .disconnected,
.status-finished .box-status .connecting,
.status-finished .box-status .disconnected.status,
.status-finishing .box-status .disconnected.status{
	display: none;
}

.box-status .left {
	width: 45%;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 20px;
}
.box-status .stopped .left{
	width: 65%;
}
.box-status .left img {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	left: -5px;
	margin-right: -5px;
}

.box-status .stopped .left img {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: -1px;
	margin-right: 5px;
}
.box-status .left p {
	display: inline-block;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0;
	color: #fff;
}
.box-status .right {
	width: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	text-align: right;
	padding-right: 20px;
	box-sizing: border-box;
	color: #eee;

	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	line-height: 18px;
}
.box-status .right .small {
	font-family: "Neue Haas Unica W01 Light";
}
.box-status .right .btn{
	margin: 0;
}



.status-progress {
	height: 6px;
	width: 100%;
	border-radius: 3px;
	margin: 10px 0px;
	overflow: hidden;
	position: relative;
	display: none;
}

.wp-info.booked .status span{
	color: #d59030;
}

.wp-info.started .status-progress,
.status-started .status-progress,
.room .today.in .status-progress{
	display: block;
}


.wpStatus .status-progress{
	margin-right: 260px;
	margin-bottom: 0px;
	margin-top: 5px;
}
.status-progress .track {
	width: 100%;
	height: 100%;
	background: #ccc;
}
.status-progress .progress {
	width: 0%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #0FB9C3;
}


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

.zoomHolder .marker span {
    position: absolute;
    left: 0;
    top: 19px;
    display: block;
    transform: translateX(-50%);
    font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
    color: #333;
    pointer-events: none;
    opacity: 0;
    white-space: nowrap; 
}
.zoomHolder.showLabels .marker span{
    opacity: 1;
}

.mapTooltips{
	display: none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: #fff;
	border: 1px solid #707070;
	border-radius: 4px;
	box-shadow: 2px 5px 5px rgba(0,0,0,0.4);
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	padding: 8px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .name{
	color: #333;
	font-family: "Neue Haas Unica W01 Medium";
    font-size: 15px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .desc{
	color: #777;
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .state-vacant{
	color: #00C8AF;
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .state-occupied,
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .bookingNotAllowed{
	color: #C81E1E;
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
}


.langAsset{
	display: none;
}
.langSelected-de .langAsset.forDe,
.langSelected-en .langAsset.forEn{
 	display: inline-block;
}


.new-wp .zoomHolder .marker,
.new-wp .zoomHolder .floorplanImage{
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.new-wp.showDetailview .zoomHolder .marker,
.new-wp.showDetailview .zoomHolder .floorplanImage{
	-webkit-filter: brightness(0.6);
	filter: brightness(0.6);
}
.new-wp.showDetailview .zoomHolder .marker.focus{
	-webkit-filter: brightness(1);
	filter: brightness(1);
	z-index: 1000 !important;
}
.new-wp.showDetailview .zoomHolder .marker.focus img{
	transform: scale(1.5);
	transition: 0.2s;
	transform-origin: 150% 150%;
}

.new-wp.showDetailview .zoomHolder .marker.focus span{
	transition: 0.2s;
	top: 30px;
	color: #fff;
}

.dark .content-area {
    color: #ccc;
    text-align: left;
}
.dark .content-area.align-center{
	text-align: center;
}
.workflow .contentWrap .inputWrap label {
    position: absolute;
    left: 100%;
    top: 0;
    line-height: 38px;
    font-family: "Neue Haas Unica W01 Light";
    font-size: 18px;
    color: #aaa;
    pointer-events: none;
    padding: 0 14px;
    transition: 0.2s;
    display: inline-block;
    white-space: nowrap;
    transform: translateX(-100%);
}

.workflow .darkSlider .rs-path-color {
    background: #444;
}

.workflow .contentWrap .content .yoyo-slider-overlay .circle .circleInner {
    background: #222;
    box-shadow: 0px 0px 30px rgba(255,255,255,0.2);
}
.workflow .darkSlider .rs-handle {
    margin: -21px 0px 0px 0px !important;
}

.workflow .yoyo-slider-overlay .circleLeftButton .bg, 
.workflow .yoyo-slider-overlay .circleRightButton{
    border-left: 2px solid #333;
}
#p18.workflow .yoyo-slider-overlay .circleLeftButton .bg, 
#p18.workflow .yoyo-slider-overlay .circleRightButton{
    border-left: 2px solid #000;
}
.workflow .yoyo-slider-overlay .circleLeftButton:hover .bg,
.workflow .yoyo-slider-overlay .circleRightButton:hover .bg{
	background: #777;
}

.workflow .contentWrap .content .yoyo-slider-overlay .circle input.transInput {
    color: #eee;
    font-size: 42px;
    line-height: 48px;
    font-family: "YOYONumbers Thin";
}
.workflow .transInputWrap label{
	width: 60%;
	color: #777;
	border-top: 1px solid #777;
}
.workflow .yoyo-slider-overlay .circleRightButton .bg {
    border-right: 2px solid #222;
}

.workflow .slider-area .yoyo-slider-overlay .circleLeftButton .icon img, 
.workflow .slider-area .yoyo-slider-overlay .circleRightButton .icon img {
    height: 40px;
    bottom: 0px;
}


#p17 .slider-area,
#p18 .slider-area {
    height: 360px;
    width: 360px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: -20vw;
}

#p17 .slider-area{
	margin-bottom: 0;
}
#p17 .btnWrapper-area{
	position: relative;
	height: 100px;
}

#p17 .yoyo-slider-overlay .circle,
#p18 .yoyo-slider-overlay .circle{
	background: #222;
}
#p17 .slider-area .yoyo-slider-overlay .circle,
#p18 .slider-area .yoyo-slider-overlay .circle {
    width: calc(100% - 85px);
    height: calc(100% - 85px);
}

#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);
}

.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,
.measureSelected-cm .measureAsset.forInch,
.measureSelected-inch .measureAsset.forCm{
	display: none;
}



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

.summ-item{
	border-radius: 5px;
	background: #444;
	color: #fff;
	padding: 10px 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
	text-align: left;
}
#p19 .summ-item{
	margin-bottom: 5px;
}

.summ-item label{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	display: block;
	color: #777;
	margin-bottom: 4px;
}
.summ-item .value{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	color: #fff;
}



.summ-item .loc{
	 font-size: 16px;
    line-height: 18px;
    color: #ccc;
}





.changeTime{
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    font-family: "Neue Haas Unica W01 Light";
    margin-top: 4px;
}
.changeTime .value{
    font-size: 12px;
    font-family: "Neue Haas Unica W01 Light";
}

.workflow .content-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 .btn.save,
.workflow .contentWrap .content .btn.next,
.workflow .contentWrap .content .btn.nextTimeframe,
.workflow .contentWrap .content .btn.retry{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}

.showWorkplaceIntroOnly .workflow .contentWrap .content-permanentworkplace.wp .btn.nextTimeframe{
	display: none;
}


.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 .selectWrap{
	position: relative;
	margin: 0;
}

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





#p17 .inputWrap input,
#p18 .inputWrap input,
#p19 .inputWrap input {
    background: #555;
    color: #fff;
    box-shadow: none;
}

#p17 .contentWrap .content,
#p18 .contentWrap .content,
#p19 .contentWrap .content {
    transition: all 0.4s ease 0s;
}

#p17 .content-area,
#p18 .content-area,
#p19 .content-area {
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    max-width: 340px;
    margin: 0 auto;
}
#p17.dark .content-n2 .content-area{
	padding-top: 0;
}
#p18.dark .content-n4 .content-area{
	position: relative;
}
#p18.dark .inline-popup .content-area,
#p19.dark .inline-popup .content-area{
	background: #333;
	padding-top: 23px;
}
#p17.dark .content-n1 .content-area{
	height: 100%;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}

#p17 .content-n2 .num .val{
	font-size: 42px;
	color: #fff;
	font-family: "YOYONumbers Thin";
	margin-bottom: 15px;
}

#p17 .contentWrap .content h2,
#p18 .contentWrap .content h2,
#p19 .contentWrap .content h2 {
    font-family: "Neue Haas Unica W01 Thin";
    font-size: 36px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    margin-bottom: 25px;
}

#p17 .contentWrap .content p,
#p18 .contentWrap .content p,
#p19 .contentWrap .content p {
    color: #aaa;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-family: "Neue Haas Unica W01 Light";
}

#p17 .contentWrap .content .textinfo,
#p18 .contentWrap .content .textinfo,
#p19 .contentWrap .content .textinfo {
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 14px;
    color: rgb(119, 119, 119);
    line-height: 18px;
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 340px;
}

#p17 .contentWrap .content-n2 .textinfo{
	bottom: 80px;
}
#p19 .contentWrap .content.content-login .textinfo{
	margin: 15px 0px 30px 0px;
}
#p19 .contentWrap .content.content-login .textinfo,
#p19.workflow .contentWrap .content.content-login .btn{
	position: relative;
	bottom: auto;
	left: auto;
	transform: translateX(0%);
}



#p17 .header .left .back,
#p18 .header .left .back,
#p19 .header .left .back  {
    pointer-events: none;
    opacity: 0;
}




.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 Regular";
    font-size: 16px;
	color: #fff;
    background: linear-gradient(90deg, #999 0%, #888 100%);
	
	height: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mbsc-ios .mbsc-fr-btn1{
	font-family: "Neue Haas Unica W01 Regular";
	color: #fff;
	font-size: 16px;
    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: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.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: 0px;
}
.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: #eee;
	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-cal-cell-txt {
    opacity: 1;
    color: #333;
}
.mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt {
    opacity: 0.5;
    color: #777;
}

.mbsc-yoyotheme .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
    border-color: transparent;
    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%);
}

.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;
}









#p17.show-n0 .contentWrap .content-n0, 
#p17.show-n1 .contentWrap .content-n1, 
#p17.show-n2 .contentWrap .content-n2, 
#p17.show-n3 .contentWrap .content-n3, 
#p17.show-n4 .contentWrap .content-n4, 
#p17.show-n5 .contentWrap .content-n5,
#p18.show-n0 .contentWrap .content-n0, 
#p18.show-n1 .contentWrap .content-n1, 
#p18.show-n2 .contentWrap .content-n2, 
#p18.show-n3 .contentWrap .content-n3, 
#p18.show-n4 .contentWrap .content-n4, 
#p18.show-n5 .contentWrap .content-n5,
#p19.show-n0 .contentWrap .content-n0, 
#p19.show-n1 .contentWrap .content-n1, 
#p19.show-n2 .contentWrap .content-n2   {
    opacity: 1;
    transform: translateX(0%);
    pointer-events: all;
}

#p17.show-n1 .contentWrap .content-n0, 
#p17.show-n2 .contentWrap .content-n0, 
#p17.show-n2 .contentWrap .content-n1, 
#p17.show-n3 .contentWrap .content-n0, 
#p17.show-n3 .contentWrap .content-n1, 
#p17.show-n3 .contentWrap .content-n2, 
#p17.show-n4 .contentWrap .content-n0, 
#p17.show-n4 .contentWrap .content-n1, 
#p17.show-n4 .contentWrap .content-n2, 
#p17.show-n4 .contentWrap .content-n3, 
#p17.show-n5 .contentWrap .content-n0, 
#p17.show-n5 .contentWrap .content-n1, 
#p17.show-n5 .contentWrap .content-n2, 
#p17.show-n5 .contentWrap .content-n3, 
#p17.show-n5 .contentWrap .content-n4,
#p18.show-n1 .contentWrap .content-n0, 
#p18.show-n2 .contentWrap .content-n0, 
#p18.show-n2 .contentWrap .content-n1, 
#p18.show-n3 .contentWrap .content-n0, 
#p18.show-n3 .contentWrap .content-n1, 
#p18.show-n3 .contentWrap .content-n2, 
#p18.show-n4 .contentWrap .content-n0, 
#p18.show-n4 .contentWrap .content-n1, 
#p18.show-n4 .contentWrap .content-n2, 
#p18.show-n4 .contentWrap .content-n3,
#p18.show-n5 .contentWrap .content-n0, 
#p18.show-n5 .contentWrap .content-n1, 
#p18.show-n5 .contentWrap .content-n2, 
#p18.show-n5 .contentWrap .content-n3, 
#p18.show-n5 .contentWrap .content-n4,
#p19.show-n1 .contentWrap .content-n0,
#p19.show-n2 .contentWrap .content-n0 {
    transform: translateX(-100%);
}

#p17.show-n0 .header .center .headline.headline-n0, 
#p17.show-n1 .header .center .headline.headline-n1, 
#p17.show-n2 .header .center .headline.headline-n2, 
#p17.show-n3 .header .center .headline.headline-n3, 
#p17.show-n4 .header .center .headline.headline-n4, 
#p17.show-n5 .header .center .headline.headline-n5,
#p18.show-n0 .header .center .headline.headline-n0, 
#p18.show-n1 .header .center .headline.headline-n1, 
#p18.show-n2 .header .center .headline.headline-n2, 
#p18.show-n3 .header .center .headline.headline-n3, 
#p18.show-n4 .header .center .headline.headline-n4, 
#p18.show-n5 .header .center .headline.headline-n5,
#p19.show-n0 .header .center .headline.headline-n0, 
#p19.show-n1 .header .center .headline.headline-n1, 
#p19.show-n2 .header .center .headline.headline-n2  {
    opacity: 1;
}

#p17.show-n1 .header .left .back, 
#p17.show-n2 .header .left .back, 
#p17.show-n3 .header .left .back, 
#p17.show-n4 .header .left .back, 
#p17.show-n5 .header .left .back,
#p18.show-n1 .header .left .back, 
#p18.show-n2 .header .left .back, 
#p18.show-n3 .header .left .back, 
#p18.show-n4 .header .left .back, 
#p18.show-n5 .header .left .back,
#p19.show-n1 .header .left .back  {
    pointer-events: all;
    opacity: 1;
}


.showWorkplaceIntroOnly #p18.show-n1 .header .left .back{
	pointer-events: none;
	opacity: 0;
}

.showWorkplaceIntroOnly #p18 .contentWrap .content-n0 .textinfo{
	display: none;
}

i{
	font-style: normal;
	font-weight: normal;
}

.li-profile a{
	background: -webkit-linear-gradient(top, #000 0%,#000 100%);
	font-size: 14px;
}
.li-profile a:hover{
	background: -webkit-linear-gradient(top, #000 0%,#111 100%);
	font-size: 14px;
}
.li-profile .fa{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.li-profile a span{
	display: inline-block;
	line-height: 24px;
	padding: 10px 0px;
	padding-left: 20px;
}


span.red{
	color: #ff0000;
}
span.green{
	color: #5AB332;
}

.bookingList .item p{
	margin-bottom: 0;
}

.noUpcomingBookings,
.itemLoadingBookings,
.itemLoadingBookingsFail,
.itemCreatingBookingFail,
.checkingPermanent .bookingList .itemCheckingPermanentBooking,
.creatingPermanent .bookingList .itemCreatingPermanentBooking,
.checkingPermanentFail .bookingList .itemCheckingPermanentBookingFail,
.itemPermanentBookingAfterTimeframe,
.itemCheckingPermanentBookingStatusFail,
.itemCreatingPermanentBookingFail,
.itemStartingPermanentBookingFail,
.itemStartingPermanentBooking{
	color: #777;
	padding: 20px 0px;
	border-bottom: 1px solid #707070;
}

.bookingList .bookingItem.permanentItem .fm-info{
	pointer-events: none;
}

.status-text.vacant p{
	color: #1ec8b4;
}

.bookingList .bookingItem{
	border-bottom: 1px solid #707070;
}
.bookingList .bookingItem .fm-info{
	padding: 10px 0px;
	cursor: pointer;
}
.bookingList .bookingItem .fm-info:hover{
	background: #D8FFFF;
}

#section-booking-workplace .item .mdl-button{
	margin: 0;
	margin-top: 10px;
}


.bookingItem .fm-info .left{
	width: 30%;
	vertical-align: top;
	display: inline-block;
	color: #777;
}

.bookingItem .fm-info > *{
	pointer-events: none;
}

.bookingItem .fm-info .left .date,
.bookingItem .fm-info .left .time{
	font-size: 14px;
	vertical-align: top;
	width: 90px;
	display: inline-block;
	font-family: "Neue Haas Unica W01 Regular";
}
.bookingItem .fm-info .left .time{
	width: auto;
	display: inline-block;
}
.bookingItem .fm-info .right{
	width: 68%;
	vertical-align: top;
	display: inline-block;
	position: relative;
}
.bookingItem .fm-info .right .icn{
	display: none;
}
.bookingItem .fm-info .right .info{
	padding-right: 50px;
}
.bookingItem.ergoWorkplace .fm-info .right .icn,
.bookingItem.nonErgoWorkplace .fm-info .right .icn{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 25px;
	background: url(../media/map_wp_ergo.svg) center center / contain no-repeat;
}
.bookingItem.nonErgoWorkplace .fm-info .right .icn{
	background: url(../media/map_wp_nonergo.svg) center center / contain no-repeat;
}
.bookingItem .fm-info .right .wp-name{
	width: 29.5%;
	vertical-align: top;
	display: inline-block;
	font-size: 15px;
	font-family: "Neue Haas Unica W01 Bold";
	font-weight: normal;
	color: #666;
}
.rb-title{
	
	font-size: 15px;
	font-family: "Neue Haas Unica W01 Bold";
	font-weight: normal;
	color: #666;
}
.bookingItem .fm-info .right .wp-sub{
	width: 69.5%;
	vertical-align: top;
	display: inline-block;
}

.loadingDetailsWrap, 
.loadingDetailsFailWrap{
	padding: 10px 0px;
}

.bookingItem .wpStatus,
.bookingItem .wp-action {
	display: none;
}

.bookingItem .wp-action{
	border-top: 1px dotted #ccc;
	padding: 20px 0px 20px 0px;
	min-height: 30px;
}

.rb-info{
	position: relative;
	border-top: 1px dotted #ccc;
	padding: 10px 0px 10px 0px;
	min-height: 30px;
}

.rb-info .personAmount{
	position: absolute;
	right: 5px;
	top: 50%;
	transform:translateY(-50%);
}

.bookingItem .wp-action .wpStatus{
	position: relative;
	box-sizing: border-box;
}
.bookingItem .wp-action .wpStatus .status-text{
	padding-right: 50%;
}
.bookingItem .wp-action .wpStatus .status-action{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.bookingItem .wp-action .wpStatus .status-action button{
	margin: 0;
	vertical-align: top;
	white-space: nowrap;
}

.bookingItem.today .wp-action {
	display: block;
}

.bookingItem.status-started .wpStatus p{
	color: #1EC8B4;
}
.bookingItem.status-booked .wpStatus.booked-in p{
	color: #1EC8B4;
}

.bookingItem.status-booked .wpStatus.booked-before p{
	color: #1EC8B4;
}


.bookingItem.status-booked.today.in .wpStatus.booked-in,
.bookingItem.status-booked.today.prein .wpStatus.booked-prein,
.bookingItem.status-booked.today.before .wpStatus.booked-before,
.bookingItem.status-starting .wpStatus.booked-starting,
.bookingItem.status-cancelling .wpStatus.booked-cancelling,
.bookingItem.status-startingFail .wpStatus.booked-startingFail,
.bookingItem.status-started.today.in .wpStatus.started-in,
.bookingItem.status-started.today.prein .wpStatus.started-prein,
.bookingItem.status-finishing .wpStatus.finishing,
.bookingItem.status-finishingFail .wpStatus.booked-finishingFail,
.bookingItem.status-finished .wpStatus.finished,
.bookingItem.status-started.past .wpStatus.started-past,
.permanentItem .wpStatus.prebooked {
	display: block;
}
body.bookingModeOnline .onlyBookingModeOnline,
body.bookingModeOffline .onlyBookingModeOffline {
	display: block;
}

.bookingItem.status-started.today.in.status-finished .wpStatus.started-in,
body.bookingModeOnline .onlyBookingModeOffline,
body.bookingModeOffline .onlyBookingModeOnline,
.bookingItem.status-finished .wpStatus.finishing,
.bookingItem.status-booked.today.prein .wpStatus.booked-before,
.permanentItem.status-prebooked .status-text.occupied,
.permanentItem.status-occupied .status-text.vacant,
.checkingPermanentFail .code-404,
.itemCheckingPermanentBookingStatusFail,
.itemCreatingPermanentBookingFail,
.itemStartingPermanentBookingFail,
.itemCreatingBookingFail,
.itemStartingPermanentBooking {
	display: none;
}



.room .bookingItem.status-booked.today.before .wpStatus.booked-before,
.creatingPermanent .bookingList .item.itemCreatingPermanentBooking,
.checkingPermanent .bookingList .itemCheckingPermanentBooking,
.loadingBookings .bookingList .itemLoadingBookings,
.loadingBookingsFail .bookingList .itemLoadingBookingsFail,
.creatingBookingFail .bookingList .itemCreatingBookingFail,
.loadingDetails .loadingDetailsWrap,
.loadingDetailsFail .loadingDetailsFailWrap,
.checkingPermanentAfterTimeframe .bookingList .itemPermanentBookingAfterTimeframe,
.checkingPermanentFail .bookingList .itemCheckingPermanentBookingFail,
.checkingPermanentFail.checkingPermanentFail-404 .code-404,
.checkingPermanentWorkplaceStatusFail .itemCheckingPermanentBookingStatusFail,
.creatingPermanentFail .itemCreatingPermanentBookingFail,
.startingPermanentFail .itemStartingPermanentBookingFail,
.startingPermanent .itemStartingPermanentBooking {
	display: block;
}


.template_bookingListItem,
.bookingList .itemCheckingPermanentBookingFail,
.bookingList .itemCheckingPermanentBooking,
.bookingList .itemLoadingBookingsFail,
.bookingList .itemLoadingBookings,
.bookingList .item.itemCreatingPermanentBooking,
.creatingPermanent .bookingList .noUpcomingBookings,
.creatingPermanentFail .bookingList .noUpcomingBookings,
.checkingPermanent .bookingList .noUpcomingBookings,
.checkingPermanentFail .bookingList .noUpcomingBookings,
.checkingPermanentWorkplaceStatusFail .bookingList .noUpcomingBookings,
.creatingBookingFail .bookingList .noUpcomingBookings,
.loadingBookings .bookingList .noUpcomingBookings,
.loadingBookingsFail .bookingList .noUpcomingBookings,
.startingPermanent .bookingList .noUpcomingBookings,
.startingPermanentFail .bookingList .noUpcomingBookings,
.startingPermanent .bookingList .permanentItem,
.creatingPermanent .bookingList .permanentItem,
.creatingPermanentFail .bookingList .permanentItem,
.startingPermanentFail .bookingList .permanentItem,
.checkingPermanentWorkplaceStatusFail .bookingList .permanentItem,
.selectedPresetItem,
.offlineWpSelected .wpPresetList, 
.offlineWpSelected .place .noUpcomingBookings, 
section.upcomingBookings .noUpcomingBookings, 
.permanentBooking .noUpcomingBookings,
.loadingDetailsWrap, 
.loadingDetailsFailWrap,
.loadingDetailsFail .fm-info,
.loadingDetails .fm-info,
.checkingPermanentAfterTimeframe .bookingList .noUpcomingBookings,
.itemPermanentBookingAfterTimeframe  {
	display: none;
}

.itemCreatingBookingFail img,
.itemStartingPermanentBooking img,
.itemStartingPermanentBookingFail img,
.itemCreatingPermanentBookingFail img,
.itemCreatingPermanentBooking img,
.itemCheckingPermanentBookingFail img,
.itemCheckingPermanentBookingStatusFail img,
.itemCheckingPermanentBooking img,
.itemLoadingBookingsFail img,
.itemLoadingBookings img,
.loadingDetailsWrap img,
.loadingDetailsFailWrap img,
.booked-cancelling img,
.booked-starting img,
.booked-startingFail img,
.finishingFail img,
.finishing img {
	display: inline-block;
	height: 46px;
	width: auto;
	position: relative;
	top: -2px;
}

.itemCreatingBookingFail img{
	float: left;
}

.itemCheckingPermanentBookingFail img,
.itemLoadingBookingsFail img,
.loadingDetailsFailWrap img,
.finishingFail img,
.booked-startingFail img,
.booked-finishingFail img,
.itemCheckingPermanentBookingStatusFail img,
.itemCreatingPermanentBookingFail img,
.itemStartingPermanentBookingFail img {
	height: 20px;
	margin-right: 5px;
}



.status-text.occupied p,
.itemCreatingBookingFail p{
	color: #e60e0e;
}

.occupiedInfo{
	font-size: 14px; 
	line-height: 18px;
	font-family: "Neue Haas Unica W01 Regular";
	display: none;
}
.booking.occupied .occupiedInfo{
	display: none;
}

#popInfo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transition: 0.2s;
	z-index: 9999;
}
.showPopInfo #popInfo {
	opacity: 1;
	pointer-events: auto;
}

#popInfo .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #aaa;
	opacity: 0.5;
}
#popInfo .inner {
	width: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: scale(0.8) translateY(-50%) translateX(-50%);
	opacity: 0;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	padding: 20px 30px 25px 30px;
	transition: 0.3s;
	transform-origin: 0 0;
	box-shadow: 2px 4px 8px rgba(0,0,0,0.3);
}
#popInfo .head {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}
#popInfo .content {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	color: #777;
	margin-bottom: 15px;
}
#popInfo .action {
	text-align: center;
	position: relative;
}
#popInfo.withAbort .action {
	text-align: center;
}
#popInfo .action .btn {
	display: none;
	margin: 0;
}
#popInfo .action .checkoutBtn{
	margin-top: 10px;
}
#popInfo .action .deletebookingBtn,
#popInfo .action .delete {
	margin-top: 10px;
}

#popInfo .action .abort {
	margin: 0 auto;
}
#popInfo .forcheckout,
#popInfo .forcleanprofile,
#popInfo .forcancel,
#popInfo .forHW,
#popInfo .forColorProximity {
	display: none;
}

#popInfo.withClean .forcleanprofile,
#popInfo.withCheckout .forcheckout,
#popInfo.withDelete .forcancel,
#popInfo.withAbort .forHW,
#popInfo.withColorProximity .forColorProximity {
	display: inline-block;
}

#popInfo.withCancel .cancel,
#popInfo.withCheckout .checkoutBtn,
#popInfo.withDelete .deletebookingBtn,
#popInfo.withAbort .abort {
	display: inline-block;
}

.nonErgoWorkplace .box-status{
	display: none !important;
}

.fmLoggedOut #section-booking-workplace .split-1{
	width: 100%;
}

.wrapInputFmAutoLogin{
	display: none;
}


.showPopInfo #popInfo .inner {
	transform: scale(1) translateY(-50%) translateX(-50%);
	opacity: 1;
}

.mbsc-sc-itm-sel{
	background: #D8FFFF;
}
.mbsc-fr-overlay,
.mbsc-fr-pointer.mbsc-fr .mbsc-fr-overlay {
    z-index: 1;
    background: rgba(255,255,255,0.3);
}
.mbsc-mobiscroll .mbsc-fr-w {
    min-width: 16em;
    background: #ffffff;
    color: #454545;
    font-size: 16px;
    border: 1px solid #999;
}
.mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w, .mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w {
    border-radius: 8px;
}
.mbsc-mobiscroll .mbsc-sc-whl-l {
    border-top: 0;
    border-bottom: 0;
}

.mbsc-yoyotheme.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-w {
    box-shadow: 0 0.25em 1em rgba(0,0,0,0.2);
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
    padding: 0 10px;
}

.mbsc-yoyotheme.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w, .mbsc-yoyotheme.mbsc-fr-pointer .mbsc-fr-persp .mbsc-cal-picker {
    background: #fff;
    border: 1px solid #999;
}
.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm{
	font-size: 18px;
}
.mbsc-yoyotheme.mbsc-fr-pointer .mbsc-sc-itm {
    color: #555;
}

.mbsc-ios .mbsc-sc-itm {
	text-indent: 0px;
}

.mbsc-ic-ion-ios7-checkmark-empty::before {
    content: "";
    display: none;
}

.mbsc-yoyotheme.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
    background: #D8FFFF;
}
.mbsc-yoyotheme.mbsc-fr-pointer .mbsc-sc-itm-sel {
    color: #333;
    background: #D8FFFF;
}

.mbsc-cal-month{
	color: #333;
}

.mbsc-ios .mbsc-cal .mbsc-cal-btn{
	width: 50px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 20px;
    margin: 10px 0px;
    border-radius: 5px;
}



#p17 .mbsc-yoyotheme .mbsc-sc-whl-gr-3d .mbsc-sc-itm.mbsc-sc-itm-sel {
    color: #000;
}




.yoyo-slider-overlay .circleLeftArea {
	position: absolute;
	width: 50%;
	height: 50%;
	left: 0.03em;
	top: 50%;
	border-bottom-left-radius: 100%;
	overflow: hidden;
}
.yoyo-slider-overlay .circleRightArea {
	position: absolute;
	width: 50%;
	height: 50%;
	right: 0;
	top: 50%;
	border-bottom-right-radius: 100%;
	overflow: hidden;
}
.yoyo-slider-overlay .circleButtonGroup3 {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: all;
	transform: translateX(-100%) rotate(0deg);
	border-bottom-right-radius: 100%;
	background: url(../img/slider_singleButton_3_black.svg) no-repeat 0 0;
	background-size: cover;
	cursor: pointer;
}
.yoyo-slider-overlay .circleButtonNum {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50%;
	height: 50%;
	overflow: visible;
	pointer-events: none;
}
.yoyo-slider-overlay .circleButtonNum span {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-50%);
	font-family: "Neue Haas Unica W01 Regular";
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
}
#section-goals .yoyo-slider-overlay .circleButtonNum span img{
	width: 27px;
	height: 27px;
}
.yoyo-slider-overlay .circleButtonNum1 {
	transform-origin: left top;
	transform: rotate(26.7deg);
}
.yoyo-slider-overlay .circleButtonNum3 {
	transform-origin: left top;
	transform: rotate(-26.7deg);
}
.yoyo-slider-overlay .circleRightArea .circleButtonGroup3 {
	background: url(../img/slider_singleButton_3_right_black.svg) no-repeat 0 0;
	background-size: cover;
	border-bottom-right-radius: 0%;
	border-bottom-left-radius: 100%;
}
.yoyo-slider-overlay .circleButtonGroup3.active {
	background: url(../img/slider_singleButton_3_active.svg) no-repeat 0 0;
	background-size: cover;
	cursor: default;
	pointer-events: none;
}
.yoyo-slider-overlay .circleRightArea .circleButtonGroup3.active {
	background: url(../img/slider_singleButton_3_right_active.svg) no-repeat 0 0;
	background-size: cover;
}
.yoyo-slider-overlay .circleLeftArea .circleButtonGroup3.circleButton1 {
	transform-origin: 0 0;
	transform: translateX(100%) rotate(40deg);
}
.yoyo-slider-overlay .circleLeftArea .circleButtonGroup3.circleButton2 {
	transform-origin: 0 0;
	transform: translateX(100%) rotate(13.34deg);
}
.yoyo-slider-overlay .circleRightArea .circleButtonGroup3.circleButton2 {
	transform-origin: right top;
	transform: translateX(-100%) rotate(-13.34deg);
}
.yoyo-slider-overlay .circleRightArea .circleButtonGroup3.circleButton3 {
	transform-origin: right top;
	transform: translateX(-100%) rotate(-40deg);
}

.goalsTrackingSlider.yoyo-slider .rs-handle {
	height: 2px !important;
	width: 60px !important;
	border: 0px solid #fff;
	margin: -2px 0 0 0 !important;
	border-radius: 0;
	border-top: 2px solid #fff;
}

.goalsTrackingSlider.yoyo-slider .rs-range-color {
	background: #bbb;
}
.noTracking .goalsTrackingSlider.yoyo-slider .rs-range-color {
	background: #bbb;
}
/*

.goalsTrackingSlider.yoyo-slider .rs-range-color{
	background: #baccca;
}
.goalsTrackingSlider.yoyo-slider .rs-path-color{
	background: #b7c9cd;
}
*/
.goalsSettingSlider.yoyo-slider .rs-range-color,
.trackingActive .goalsTrackingSlider.yoyo-slider .rs-range-color {
	background: #1ec8b4;
}
.goalsSettingSlider.yoyo-slider .rs-path-color,
.trackingActive .goalsTrackingSlider.yoyo-slider .rs-path-color {
	background: #00aad2;
}

.trackingActive .goalsTrackingActualSlider.yoyo-slider-arrow .rs-range-color {
	background: #999;
}
.trackingActive .goalsTrackingActualSlider.yoyo-slider-arrow .rs-path-color {
	background: #ccc;
}


.trackingActive .goalsTrackingSlider.yoyo-slider.noHandle .rs-handle{
	display: block;
}

.goalsTrackingActualSlider.yoyo-slider-arrow .rs-handle{
	display: none;
}

.trackingActive .goalsTrackingActualSlider.yoyo-slider-arrow.showOnlyHandle .rs-inner-container{
	opacity: 1;
}
.trackingActive .goalsTrackingActualSlider .rs-path-color{
	
}

#section-goals .history{
	margin-top: 30px;
	margin-bottom: 30px;
}

.history{
	position: relative;
}

.history .historyHead {
	border-bottom: 1px solid #aaa;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	line-height: 16px;
	color: #aaa;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 100%;
	text-transform: uppercase;
}

.history .historyItems{
	width: calc(100% - 80px);
}

.history .historyItems .historyItem{
	width: 25px;
}

.historyListItem{
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #777;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	line-height: 26px;
}

.historyListItem.timeToChangeToStand p,
.historyListItem.timeToChangeToSit p{
	color: #ff004b; 
}

#section-dashboard .historyListItem{
	padding: 15px 30px;
    box-sizing: border-box;
}

.history .historyListItem.trackingDone{
	display: none;
}

.history .historyErgoScore{
	position: absolute;
	right: 0;
	top: 76px;
	text-align: center;
}
.history .historyErgoScore .num{
	font-family: "YOYONumbers Thin";
	font-size: 48px;
	font-weight: normal;
	margin-bottom: 7px;
	letter-spacing: -0.05em;
}
.history .historyErgoScore label{
	color: #777;
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 14px;
}
.history .historyHead .weekScore {
	color: #333;
	display: inline-block;
	margin-left: 5px;
}



.history .scoreNum {
	color: #777;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}

.history .dayString {
	color: #777;
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 14px;
	line-height: 16px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	text-align: center;
}

.history .dateString {
	color: #777;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	display: none;
}

.history .today .dayString {
	border-radius: 100%;
	background: #777;
	color: #fff;
}
.history .bars {
	height: 45px;
	width: 4px;

	margin: 5px auto;
	position: relative;
}
.history .bars .inner {
	height: 100%;
	width: 100%;
	transform: rotate(180deg);
	background: #eee;
}
.history .bars .track{
	position: relative;
}
.history .bars .sit {
	width: 100%;
	height: 0%;
	background: #ddd;
	position: relative;
}
.history .bars .sep{
	position: absolute;
	bottom: 0;
	height: 1px;
	background: #fff;
	width: 100%;
}
.history .bars .sit .track {
	width: 100%;
	height: 100%;
	display: block;
	background: #1EC8B4;
	opacity: 0;
}
.history .bars .lean {
	width: 100%;
	height: 0%;
	background: #ddd;
	display: block;
	position: relative;
}
.history .bars .lean .track {
	width: 100%;
	height: 100%;
	display: block;
	background: #D0C800;
	opacity: 0;
}
.history .bars .stand {
	width: 100%;
	height: 0%;
	background: #ddd;
	display: block;
	position: relative;
}
.history .bars .stand .track {
	width: 100%;
	height: 100%;
	display: block;
	background: #00aad2;
	opacity: 0;
}
.history .bars .sit.tracked .track,
.history .bars .lean.tracked .track,
.history .bars .stand.tracked .track{
	opacity: 1;
}

.history.before{
	display: none;
}


#section-goals .goalTracking .sitTracking,
#section-goals .goalTracking .sitTrackingOver,
#section-goals .goalTracking .standTracking,
#section-goals .goalTracking .standTrackingOver,
#section-goals .seperators,
#section-goals .sliderIcons {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	transition: 0.2s;
}

#section-goals .goalTracking .sitTrackingOver,
#section-goals .goalTracking .standTrackingOver {
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
}
#section-goals .goalTracking .sitTracking .bar,
#section-goals .goalTracking .sitTrackingOver .bar,
#section-goals .goalTracking .standTracking .bar,
#section-goals .goalTracking .standTrackingOver .bar {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	overflow: hidden;
	transform-origin: 50% 100%;
}

#section-goals .goalTracking .sitTracking .second-bar,
#section-goals .goalTracking .standTracking .second-bar {
	top: auto;
	bottom: 0;
	transform-origin: 50% 0%;
}
#section-goals .goalTracking .sitTracking .first-bar.grey .inner,
#section-goals .goalTracking .sitTracking .second-bar.grey .inner,
#section-goals .goalTracking .standTracking .first-bar.grey .inner,
#section-goals .goalTracking .standTracking .second-bar.grey .inner {
	width: 100%;
	height: 100%;
	background: #3fd4c5;
	transform: rotate(0deg) translateY(100%);

	transform-origin: 50% 100%;
}
#section-goals .goalTracking .standTracking .first-bar.grey .inner,
#section-goals .goalTracking .standTracking .second-bar.grey .inner {
	background: #00aad2;
}
#section-goals .goalTracking .sitTracking .second-bar.grey .inner,
#section-goals .goalTracking .standTracking .second-bar.grey .inner {
	transform: rotate(0deg) translateY(-100%);
	transform-origin: 50% 0%;
}
#section-goals .goalTracking .sitTrackingOver .first-bar.red .inner,
#section-goals .goalTracking .standTrackingOver .first-bar.red .inner {
	width: 100%;
	height: 100%;
	transform: rotate(0deg) translateY(100%);
	background: #ff0000;
	transform-origin: 50% 100%;
}
#section-goals .goalTracking .standTrackingOver .first-bar.red .inner {
	background: #194a64;
	background: #ff0000;
}
#section-goals .goalTracking .sitTrackingOver .first-bar.red .inner {
	background: #1f6a62;
	background: #ff0000;
}

#section-goals .goalTracking .seperators .currentSitStand,
#section-goals .seperators .dyn .cycle {
	width: 100%;
	height: 50%;
	transform-origin: 50% 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(0deg);
}
#section-goals .goalTracking .seperators .currentSitStand {
	transition: 0.2s;
}
#section-goals .goalTracking .seperators .currentSitStand span,
#section-goals .seperators .dyn .cycle span {
	position: absolute;
	height: 2px;
	width: 50%;
	bottom: -1px;
	left: 0;
	background: #fff;
	transition: 0.2s;
}
#section-goals .seperators .dyn .cycle span {
	height: 1px;
	opacity: 0.6;
	transition: 1s;
}

#section-goals .seperators .dyn .cycle.toDo span {
	background: #ffffff;
}
#section-goals .seperators .dyn .cycle.done span {
	height: 4px;
	opacity: 0.6;
	width: 4px;
	transition: 1s;
	transform: translateY(50%);
	left: 7%;
	border-radius: 100%;
	background: #ffffff;
}
#section-goals .seperators .dyn .cycle.skipped span {
	background: #ff0000;
}

#section-goals .trackingActive .seperators .dyn .cycle.sitCycle.active span {
	-webkit-animation: pulseMeGreen 1s ease infinite;
	-moz-animation: pulseMeGreen 1s ease infinite;
	-ms-animation: pulseMeGreen 1s ease infinite;
	-o-animation: pulseMeGreen 1s ease infinite;
	animation: pulseMeGreen 1s ease infinite;
}
#section-goals .trackingActive .seperators .dyn .cycle.standCycle.active span {
	-webkit-animation: pulseMeBlue 1s ease infinite;
	-moz-animation: pulseMeBlue 1s ease infinite;
	-ms-animation: pulseMeBlue 1s ease infinite;
	-o-animation: pulseMeBlue 1s ease infinite;
	animation: pulseMeBlue 1s ease infinite;
}

#section-goals .goalTracking .sliderIcons .sit.areaIcon,
#section-goals .goalTracking .sliderIcons .stand.areaIcon{
	opacity: 0;
	transition: 0.2s;
}

#section-goals .goalTracking.trackingActive .sliderIcons .sit.areaIcon,
#section-goals .goalTracking.trackingActive .sliderIcons .stand.areaIcon{
	opacity: 1;
}

#section-goals .goalTracking.onlyStandIcon .sliderIcons .sit.areaIcon,
#section-goals .goalTracking.onlySitIcon .sliderIcons .stand.areaIcon{
	opacity: 0;
}

#section-goals .goalTracking.trackingActive .sliderIcons{
	opacity: 1;
}
#section-goals .seperators .dyn .line span {
	height: 1px;
	bottom: 0px;
}
#section-goals .seperators .dyn .line.green span {
	background: #1f6a63;
}
#section-goals .seperators .dyn .line.blue span {
	background: #1a4b65;
}

#section-goals .history.today{
	max-height: 50px;
	transition: 0.4s;
}
.disconnected #section-goals .history.today,
#section-goals .noTracking .history.today,
#section-goals .ergoLevel-0 .history.today{
	display: none;
}

#section-goals .history.today .historyListItem{
	opacity: 0;
	transition: 0.2s;
}

#section-goals .noTrackingText,
#section-goals .trackingLoadingText{
	color: #777;
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 16px;
    line-height: 26px;
    opacity: 0;
    transition: 0.2s;
    position: absolute;
    top: 32px;
    left: 0;
}
#section-goals .noTracking .noTrackingText,
#section-goals .trackingLoading .trackingLoadingText,
#section-goals .trackingActive .history.today .historyListItem,
#section-goals .trackingFinished .history.today .historyListItem.trackingDone{
	opacity: 1;
}
#section-dashboard .trackingLoading .historyListItem,
#section-goals .trackingActive.ergoLevel-3 .history.today .historyListItem.timeToNotify,
#section-goals .trackingActive.ergoLevel-2 .history.today .historyListItem.timeToNextChange,
#section-dashboard .trackingActive.ergoLevel-3 .historyListItem.timeToNotify,
#section-dashboard .trackingActive.ergoLevel-2 .historyListItem.timeToNextChange,
#section-dashboard .historyListItem.timeToChangeToSit,
#section-dashboard .historyListItem.timeToChangeToStand,
#section-dashboard .ergoLevel-0 .historyListItem.timeToNotify,
#section-dashboard .ergoLevel-0 .historyListItem.timeToNextChange,
#section-dashboard .ergoLevel-2 .historyListItem.timeToNextChange,
#section-dashboard .ergoLevel-3 .historyListItem.timeToNextChange,
#section-dashboard .changeNow .historyListItem.timeToNotify,
#section-dashboard .changeNow .historyListItem.timeToNextChange,
#section-dashboard .ergoLevel-0 .yoyo-slider-overlay .circle .num{
	display: none;
}
#section-dashboard .changeNow.toStand .historyListItem.timeToChangeToStand,
#section-dashboard .changeNow.toSit .historyListItem.timeToChangeToSit{
	display: block;
}
#section-dashboard .changeNow.toStand.ergoLevel-0 .historyListItem.timeToChangeToStand,
#section-dashboard .changeNow.toSit.ergoLevel-0 .historyListItem.timeToChangeToSit{
	display: none;
}
#section-goals .trackingFinished .history.today .historyListItem.trackingDone,
#section-dashboard .trackingActive.ergoLevel-3 .historyListItem.timeToNotify{
	display: flex;
}
#section-goals .trackingActive .history.today{
	max-height: 200px;
}

#section-goals .sliderIcons img{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(50%);
	transform-origin: 50% 50%;
}
#section-goals .sliderIcons .areaIcon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	transform-origin: 50% 100%;
}

#section-goals .goalSetting.notSavedMyGoal p.note {
    transform: translateY(100%);
    margin-top: 0px;
    padding-top: 10px;
}
#section-goals p.note {
    transition: 0.4s;
    margin: 0 -15px;
}
section .content-area p.note {
    margin-top: 15px;
    color: #777;
    font-size: 14px;
    line-height: 18px;
    font-family: "Neue Haas Unica W01 Light";
    text-align: left;
}
#section-goals .content-area p.note{
	text-align: center;
	margin-top: 30px;
}



#section-goals .goalTracking .defaultNum .val,
#section-goals .goalTracking .defaultNum .txt {
	display: none;
}

#section-goals .goalTracking .circle .val.big {
	line-height: 0.9;
	margin-bottom: 5px;
}

#section-goals .valNoTracking,
#section-goals .valTrackingDisabled {
	color: #777;
}

#section-goals .circle .valTimeToChange .unit,
#section-goals .circle .valTimeToNotify .unit{
	margin-left: -5px;
}

#section-goals .circle .valTimeToChange .unit i,
#section-goals .circle .valTimeToChange.useHour .timeLeftSecValue,
#section-goals .circle .valTimeToChange.useMin .timeLeftSecValue,
#section-goals .circle .valTimeToChange.useSec .timeLeftHourValue,
#section-goals .circle .valTimeToChange.useSec .timeLeftMinValue,
#section-goals .circle .valTimeToChange.useSec .timeLeftSeperator {
	display: none;
}
#section-goals .circle .valTimeToChange.useHour .unit i.hours,
#section-goals .circle .valTimeToChange.useMin .unit i.minutes,
#section-goals .circle .valTimeToChange.useSec .unit i.seconds {
	display: inline-block;
}


.connected #section-goals .noTracking .circle .valNoTracking,
#section-goals .noTracking .circle .txtNoTracking,
#section-goals .trackingLoading .circle .num .val.valLoading,
#section-goals .trackingPaused .circle .valTrackingPaused,
#section-goals .trackingActive.ergoLevel-3 .circle .valTimeToChange,
#section-goals .trackingActive.ergoLevel-3 .circle .valTimeToChange .val,
#section-goals .trackingActive.ergoLevel-2 .circle .valTimeToNotify,
#section-goals .trackingActive.ergoLevel-2 .circle .valTimeToNotify .val,
#section-goals .trackingActive.toStand .circle .txtUntilChangeToStand,
#section-goals .trackingActive.toSit .circle .txtUntilChangeToSit,
#section-goals .trackingActive.changeNow .circle .valChangeNow,
#section-goals .trackingActive.changeNow.toStand .circle .txtChangeToStand,
#section-goals .trackingActive.changeNow.toSit .circle .txtChangeToSit,
#section-goals .ergoLevel-0 .circle .valTrackingDisabled {
	display: inline-block;
}
.disconnected #section-goals .trackingFinished .circle .txtTrackingFinished,
.disconnected #section-goals .ergoLevel-0 .circle .valTrackingDisabled,
#section-goals .trackingActive.changeNow .circle .valTimeToChange,
#section-goals .trackingActive.changeNow .circle .valTimeToNotify,
#section-goals .trackingActive.changeNow .circle .txtUntilChangeToStand,
#section-goals .trackingActive.changeNow .circle .txtUntilChangeToSit {
	display: none !important;
}

#section-goals .trackingActive.toStand .totalSittingTimeVal,
#section-goals .trackingActive.toSit .totalStandingTimeVal,
#section-goals .trackingActive.toSit .info-right .unit,
#section-goals .trackingActive.toStand .info-left .unit{
	color: #666;
}

#section-goals .trackingActive.toStand .totalStandingTimeVal,
#section-goals .trackingActive.toSit .totalSittingTimeVal,
#section-goals .trackingActive.toStand .info-right .unit,
#section-goals .trackingActive.toSit .info-left .unit{
	color: #ccc;
}

#section-goals .trackingActive .timeLeftSeperator {
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal; /* not "linear" */
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: steps(3, end);
}

#section-goals .goalTracking .labelPause,
#section-goals .goalTracking .labelResume {
	display: none;
}

#section-goals .goalTracking.trackingActive .labelPause,
#section-goals .goalTracking.trackingPaused .labelResume {
	display: inline-block;
}


.trackingFinished .yoyo-slider-overlay .circleLeftButton .bg, .trackingFinished .yoyo-slider-overlay .circleRightButton .bg, .noTracking .yoyo-slider-overlay .circleLeftButton .bg, .noTracking .yoyo-slider-overlay .circleRightButton .bg, .disconnected .yoyo-slider-overlay .circleLeftButton .bg, .disconnected .yoyo-slider-overlay .circleRightButton .bg, .notAvailable .yoyo-slider-overlay .circleLeftButton .bg, .notAvailable .yoyo-slider-overlay .circleRightButton .bg, .apiError-not_connected .yoyo-slider-overlay .circleLeftButton .bg, .apiError-not_connected .yoyo-slider-overlay .circleRightButton .bg, .proximity .yoyo-slider-overlay .circleLeftButton .bg, .proximity .yoyo-slider-overlay .circleRightButton .bg {
    background: -webkit-linear-gradient(left, #aaa 0%, #aaa 100%);
    pointer-events: none !important;
}

#p17 .yoyo-slider-overlay .circleRightButton .bg, 
#p17 .yoyo-slider-overlay .circleLeftButton .bg{
	background: -webkit-linear-gradient(left, #000 0%, #000 100%);
}
#p17 .contentSize .yoyo-slider-overlay .circleRightButton .bg, 
#p17 .contentSize .yoyo-slider-overlay .circleLeftButton .bg{
	pointer-events: all !important;
}



#p17 .yoyo-slider-overlay .circleLeftButton.selected .bg,
#p17 .yoyo-slider-overlay .circleLeftButton:active .bg,
#p17 .yoyo-slider-overlay .circleRightButton.selected .bg,
#p17 .yoyo-slider-overlay .circleRightButton:active .bg {
	background: -webkit-linear-gradient(left, #3ea6d4 0%, #3fd4c5 100%);
}


.apiError-not_connected .yoyo-slider-overlay .circleLeftButton .icon, .apiError-not_connected .yoyo-slider-overlay .circleRightButton .icon, .proximity .yoyo-slider-overlay .circleLeftButton .icon, .proximity .yoyo-slider-overlay .circleRightButton .icon, .noTracking .standTracking, .noTracking .standTrackingOver, .noTracking .sitTracking, .noTracking .sitTrackingOver, .noTracking .seperators {
    display: none !important;
}


.paddingLeft15{
	padding-left: 15px;
}
.paddingLeft35{
	padding-left: 35px;
}

.content-area.fm-form .button-area{
	margin: 0;
}
.content-area.fm-form .button-area .btn-loadDefaults{
	margin-top: 10px;
	margin-bottom: 15px;
}


.split-40-20-40 .split-40{
	width: 42.5%;
	display: inline-block;
}
.split-40-20-40 .split-20{
	width: 15%;
	display: inline-block;
	padding: 0 5px;
}


.hclParams,
#hcl-curve-table {
	margin: 20px 0px;
	text-align: left;
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Light";
	color: #777;
}
#hcl-curve-table {
	display: none;
}

#hcl-curve-table .heads td {
	font-family: "Neue Haas Unica W01 Regular";
}

.hclParams label {
	display: inline-block;
	font-family: "Neue Haas Unica W01 Regular";
	width: 100px;
}
.hclParams div div {
	display: inline-block;
}


div[data-widget="busylight"] .roundBtn.switch .labelOn,
.light1.lightOff .roundBtn.switch .labelOn,
.light1.lightOn .roundBtn.switch .labelOff,
.light2.lightOff .roundBtn.switch .labelOn,
.light2.lightOn .roundBtn.switch .labelOff,
.lightSetting.lightAuto .roundBtn.hclToggle .labelOn,
.lightSetting.lightCustom .roundBtn.hclToggle .labelOff{
	display: block;
}
div[data-widget="busylight"] .roundBtn.switch .labelOff,
.light1.lightOn .roundBtn.switch .labelOn,
.light1.lightOff .roundBtn.switch .labelOff,
.light2.lightOn .roundBtn.switch .labelOn,
.light2.lightOff .roundBtn.switch .labelOff,
.lightSetting.lightCustom .roundBtn.hclToggle .labelOn,
.lightSetting.lightAuto .roundBtn.hclToggle .labelOff{
	display: none;
}

div[data-widget="busylight"].isBusy .roundBtn.switch .labelOn,
.roundBtn.switch.active .labelOn,
.roundBtn.switch .labelOff,
.roundBtn.powerToggle.active .labelOn,
.roundBtn.powerToggle .labelOff{
	display: none;
}
div[data-widget="busylight"].isBusy .roundBtn.switch .labelOff,
.roundBtn.switch.active .labelOff,
.roundBtn.powerToggle.active .labelOff{
	display: block;
}

.wrapInputFmAutoLogin{
	margin-top: 10px;
	margin-right: 15px;
}
#section-booking-workplace .wrapInputFmAutoLogin{
	margin-right: 2px;
}
.wrapInputFmAutoLogin .txt{
	padding-left: 3px;
}
#section-booking-workplace .wrapInputFmAutoLogin .txt{
	padding-left: 5px;
}
#p18 .content-login .inputWrap .right .mdl-switch,
#p19 .content-login .inputWrap .right .mdl-switch{
	pointer-events: all;
}



#p18 .info-area .info-text {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 16px;
}
#p18 .info-area .info-text .icn {
	width: 18px;
	height: 24px;
	display: inline-block;
	position: relative;
	top: 4px;
}
#p18 .info-area .info-text .valWrap {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 20px;
	color: #999;
}

#p18 .info-area.split-50-50 .left,
#p18 .info-area.split-50-50 .right {
	display: inline-block;
	width: 49%;
}
#p18 .info-area.split-50-50 .left img,
#p18 .info-area.split-50-50 .right img {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
}
#p18.dark .info-area .sub {
	color: #ccc;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 16px;
	margin-bottom: 4px;
}
#p18.dark .info-area .val {
	color: #fff;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 20px;
}

#p18 .content-timeframe .info-area .left .sub {
	color: #1ec8b4;
}
#p18 .content-timeframe .info-area .right .sub {
	color: #00aad2;
}


.wvg-style #p18 .contentWrap {
    background: #f0f0f0;
}


#p18 .confirmWorkplaceButton,
#section-booking-workplace .booking-summary .mdl-button{
	height: auto;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav .li-more{
	display: none;
}


#p18 .back .icon{
	background: url(../img/icon/icon_back_black.svg) 0px 0px / contain no-repeat;
}


#p18 .inputWrap{
	pointer-events: none;
}

#p18 .inputWrap.loaded{
	pointer-events: all;
}

#p18 .inputWrap input{
	background: #ccc;
}

#p18 .inputWrap.loaded input{
	cursor: pointer;
	background: #fff;
	color: #000;
}
#p18 .booking-info .name{
	
	color: #000;
}

#p18 .result-places .innerHeader{
	padding: 20px;
}
#p18 .innerHeader .toggle-view{
	right: 20px;
	top: 20px;
}




/* SLIDER-AREA */
.slider-area {
	height: 180px;
	width: 180px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: -10px;
}
.slider-area .sliderWrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.slider-area .sliderWrap .yoyo-slider {
	position: absolute;
	left: 0;
	top: 0;
}
.slider-area .sliderWrap .yoyo-slider-range {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	pointer-events: none;
}

#p18 .yoyo-slider-overlay .circleLeftButton .bg,
#p18 .yoyo-slider-overlay .circleRightButton .bg{
	background: #000;
}

#p18 .workflow .yoyo-slider-overlay .circleRightButton{
	border-left: 2px solid #000;
}

#p18 .yoyo-slider-overlay .circle .num .val{
	font-family: "YOYONumbers Thin";
    font-size: 42px;
    line-height: 48px;
}
#p18 .yoyo-slider-overlay .circle .num .val .noVal{
	font-family: "Neue Haas Unica W01 Light";
	font-size: 24px;
}

#section-profile p.small{
	font-size: 14px;
	text-align: center;
}

#section-workplace .chair input[type=text], 
#section-workplace .chair input[type=number], 
#section-profile input[type=text], 
#section-profile input[type=number], 
#section-profile input[type=password]{
	font-size: 18px;
    font-family: "Neue Haas Unica W01 Regular";
    color: #333;
    background: #eee;
    text-indent: 10px;
    transition: 0.1s;
}
#section-profile input[type=text]:focus, 
#section-profile input[type=number]:focus, 
#section-profile input[type=password]:focus{
    background-color: #ddd;
}

#section-profile .timefrom input {
    background: #eee url(../img/icon/input/icon_timefrom.svg) no-repeat right top;
}
#section-profile .timeto input {
    background: #eee url(../img/icon/input/icon_timeto.svg) no-repeat right top;
}
.wrapPermanentWorkplace,
.wrapPermanentTimeframe{
	transition: 0.2s;
}
.fmPermanentBookingDisabled .wrapPermanentWorkplace{
	pointer-events: none;
	opacity: 0.3;
}

#section-dashboard .lightSetting input.transInput{
	font-size: 20px;
}
#popInfo.withColorProximity .inner{
	width: auto;
}
#popInfo .availableColors{
	
	display: flex;
    justify-content: space-between;
}

#popInfo .availableColors .colorCircle{
	width: 46px;
	height: 46px;
	margin: 5px;
	margin-top: 10px;
	border-radius: 5px;
	border: 2px solid #777;
	cursor: pointer;
	position: relative;
	transition: 0.4s;
	transform: scale(0.5);
	opacity: 0;
	
  animation-name: showColor;
  animation-fill-mode: forwards;
  animation-duration: 0.2s;
  animation-delay: 0.2s;
}
#popInfo .availableColors .colorCircle:hover{
	border: 2px solid #333;
}

#popInfo .availableColors.selected .colorCircle{
	opacity: 0.5;
	animation-name: hideColor;
  animation-fill-mode: forwards;
  animation-duration: 0.2s;
  animation-delay: 0.2s;
}
#popInfo .availableColors.selected .colorCircle.active{
	opacity: 1;
	background-image: url(../img/icon/icon_circle_92px_OK_white.svg);
	border: 2px solid #222;
	transform: scale(1);
	animation-name: showColor;
  animation-fill-mode: forwards;
  animation-duration: 0.2s;
  animation-delay: 0.2s;
}

#popInfo .availableColors .color-red{
	background: #ff004b;
}
#popInfo .availableColors .color-green{
	background: #22e81c;
}
#popInfo .availableColors .color-magenta{
	background: #dc45ff;
}
#popInfo .availableColors .color-blue{
	background: #4238ff;
}
#popInfo .availableColors .color-white{
	background: #eeeeee;
}
#popInfo .availableColors .color-orange{
	background: #f4951a;
}
#popInfo .availableColors .color-cyan{
	background: #00dbff;
}
#popInfo .availableColors .color-yellow{
	background: #f1f209;
}

#popInfo p.busy,
#popInfo p.box{
	display: none;
}
#popInfo.yoyobox p.box,
#popInfo.busylight p.busy{
	display: block;
}

#popInfo .cancelProxmity{
	display: none;
}
#popInfo.withColorProximity .cancelProxmity{
	display: inline-block;
}


#popInfo.checkAmount1 .availableColors-1,
#popInfo.checkAmount1 .availableColors-2,
#popInfo.checkAmount2 .availableColors-2,
#popInfo.checkAmount1 .innerHeader-1,
#popInfo.checkAmount1 .innerHeader-2,
#popInfo.checkAmount2 .innerHeader-2{
	display: none;
}
.showOnHubSettings{
	display: block;
}

 .hideOnHubSettings{
	display: none;
}



@keyframes showColor {
  from {transform: scale(0.5); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

@keyframes hideColor {
  from {transform: scale(1); opacity: 1;}
  to {transform: scale(0.5); opacity: 0.5;}
}

@keyframes pulseMeGreen {
	0% {
		background: #ffffff;
		opacity: 1;
	}
	50% {
		background: #000000;
		opacity: 1;
	}
	100% {
		background: #ffffff;
		opacity: 1;
	}
}

@keyframes pulseMeBlue {
	0% {
		background: #ffffff;
		opacity: 1;
	}
	50% {
		background: #000000;
		opacity: 1;
	}
	100% {
		background: #ffffff;
		opacity: 1;
	}
}


@keyframes textRedGlow {
	0% {
		color: #bb004b;
	}
	50% {
		color: #ff004b;
	}
	100% {
		color: #bb004b;
	}
}


@keyframes bgPulseGrey {
	0% {
		background: #000000;
	}
	50% {
		background: #999;
	}
	100% {
		background:#000000;
	}
}


@media (min-width: 1400px) { 
	#splash .splashContent{
		left: 65%;
	}
}



@keyframes showFromRight {
    0%   {transform: translateX(100%)}
    100% {transform: translateX(0%)}
}


#contentSlideView{
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
	z-index: 40000;
	background: rgba(0,0,0,0.8);
}

#contentSlideView .main{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
    transform: translateX(0%);
    transition: 0.2s;
}

#contentSlideView .main .main-head{
    width: 100%;
    height: 53px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(0, 0, 0);
    overflow: visible;
}

#contentSlideView .main-head-title{
	position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    color: rgb(255, 255, 255);
    height: 50px;
    z-index: 20;
    background: rgb(0, 0, 0);
    font-family: "Neue Haas Unica W01 Light";
    color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 50px;
}

#contentSlideView .main-head .closeBtn{
	position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    z-index: 30;
    background: rgb(0, 0, 0);
    cursor: pointer;
    opacity: 0.6;
    transition: 0.15s;
   
	background: url(../media/icon_close_white.svg) no-repeat center center;
	background-size: 30px 30px;
	display: inline-block;
}
#contentSlideView .main-head .closeBtn:hover{
	opacity: 1;
	transform: scale(1.1);
}

#contentSlideView .main-content{
	 position: absolute;
    top: 53px;
    height: calc(100% - 53px);
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #222;
}

#contentSlideView.show{
	opacity: 1;
	pointer-events: all;
}
#contentSlideView.show .main{
	-webkit-animation: showFromRight 0.2s ease forwards;
	animation: showFromRight 0.2s ease forwards;
	
}

#contentSlideView .content-area{
	max-width: 340px;
	margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.pageinfo{
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	color: #999;
	line-height: 50px;
	border-radius: 100%;
	cursor: pointer;
	text-align: center;
}
.section-split-3 .pageinfo{
	right: -45px;
}

.connected.withLight #section-light .pageinfo{
}

.goalTracking .pageinfo{
	bottom: -50px;
}
.pageinfo:hover{
	color: #333;
}

.icontitle {
    height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    font-family: "Neue Haas Unica W01 Medium";
    color: #fff;
}


.main.dark.infos .main-content p{
	    font-family: "Neue Haas Unica W01 Regular";
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    margin: 0 0 7px 0;
    padding: 0;
    color: #ccc;
}

.icontitle img {
    width: 30px;
    height: auto;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

p .list-icon {
    display: inline-block;
    height: 14px;
    width: auto;
    margin-right: 5px;
}


.withoutErgonomics #p17 .contentSize,
.withoutErgonomics #splash .splashNavigation ul li.li-1,
.withoutErgonomics .ergonomics-asset,
.withoutErgonomics nav ul li.li-dashboard,
.withoutErgonomics nav ul li.li-goals,
.withoutErgonomics nav ul li.li-light,
.withoutErgonomics nav ul li.li-workplace{
	display: none !important;
}

.withoutErgonomics section#section-profile .section-split-2 .split{
	width: 100%;
}

	#a2hs{
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 9999;
		display: block;
		opacity: 0;
		pointer-events: none;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		transition: 0.4s;
	}
	
	
	#a2hsIos{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: rgba(0,0,0,0.8);
		transition: 0.4s;
		pointer-events: none;
		opacity: 0;
	}
	
	.isApple #a2hsIos{
		opacity: 1;
		pointer-events: all;
		transition: 0.4s 0.5s;
	}
	.isApple #a2hsIos.hide{
		
		opacity: 0;
		pointer-events: none;
	}
	#a2hsIos .box{
		background: #ffffff;
		width: 80%;
		max-width: 400px;
		transform: translateX(-50%);
		position: absolute;
		left: 50%;
		bottom: 38px;
		box-sizing: border-box;
		padding: 20px;
		border-radius: 5px;
	}
	
	#a2hsIos .box .title{
		font-size: 20px;
		line-height: 24px;
		color: #333;
		margin-bottom: 10px;
		font-family: "Neue Haas Unica W01 Regular";
	}
	#a2hsIos .box .text{
		font-size: 14px;
		line-height: 18px;
		color: #777;
		position: relative;
		z-index: 20;
		
	}
	#a2hsIos .box .arrow{
		transform-origin: 50% 50%;
		transform: rotate(45deg) translateX(-50%);
		background: #fff;
		position: absolute;
		left: 50%;
		bottom: -40px;
		width: 50px;
		height: 50px;
		z-index: 10;
		
	}
	
	
	#a2hs_cancelIos.mdl-button--raised.mdl-button--colored{
		background: #f0f0f0;
		color: #bb1e10;
		margin: 15px 0px;
		position: relative;
		z-index: 15;
	}