* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Likely future */
	-webkit-user-callout: none;
	-webkit-touch-callout: none;
}

html {
	touch-action: manipulation;
}

html,
body,
#allWrap {
	height: 100%;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Likely future */
	-webkit-user-callout: none;
	-webkit-touch-callout: none;
}

body {
	margin: 0;
	background: #000;
	color: #111;
	font-family: 'Neue Haas Unica W01 Regular';
	font-size: 18px;
	font-weight: normal;
	overflow-x: hidden;
}
body.noscroll {
	overflow: hidden;
}


body{
	padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

img {
	display: block;
}

a {
	color: #00aad2;
}
a:active {
	color: #000;
}
.dark a:active {
	color: #fff;
}




.posBottom{
	position: absolute;
	bottom: 40px;
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
}



.btnGroup{
	width: 100%;
}


.btnTextwrap{
	min-width: 80%;
}

.content p.desc{
	color: #AAAAAA;
	font-size: 18px;
	line-height: 27px;
	font-family: "Neue Haas Unica W01 Light";
	box-sizing: border-box;
	padding: 0px 20px;
	margin-bottom: 15px;
	min-width: 85%;
}

.content .bottomAction p{
	width: 100%;
	font-size: 18px;
	line-height: 27px;
	color: #aaa;
	font-family: "Neue Haas Unica W01 Light";
}

.content .bottomAction .btnTextWrap{
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
	pointer-events: none;
}

.bgInfo{
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	color: #ccc;
	z-index: 0;
}
.bgInfo p{
	position: absolute;
	top: 40%;
	left: 50%;
	font-family: 'Neue Haas Unica W01 Light';
	font-size: 20px;
	transform: translateY(-50%) translateX(-50%);
}

.bgLoadingStatic{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
	color: #ccc;
	width: 100vw;
	height: 100vh;
}
.bgLoadingStatic p{
	position: absolute;
	bottom: 50%;
	left: 50%;
	font-family: 'Neue Haas Unica W01 Light';
	font-size: 20px;
	transform: translateY(-100%) translateX(-50%);
}
.bgLoadingStatic img{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 45%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.workflow .content-summary .dark-wrap .txt{
	line-height: 26px;
}

.textBtn {
	border-radius: 18px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-decoration: none;
	padding: 0 15px;
	transition: 0.1s;
	border: 2px solid #777;
	outline: none !important;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	white-space: nowrap;
}
.textBtn.small {
	border-radius: 15px;
	line-height: 25px;
	font-size: 14px;
	padding: 0 10px;
	padding-bottom: 1px;
	margin-top: 10px;
}

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

.btn-2 {
	position: relative;
}

.btn2 svg {
	width: 20px;
	height: 20px;
	position: absolute;
	margin-top: 15px;
	margin-left: -30px;
}


.btn.startBookingBtn,
.btn.deleteBookingBtn{
	padding: 0 25px;
}

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

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

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

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

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


.main .header .right .close {
    width: 60px;
    height: 60px;
    position: relative;
}

.main .header .right .close img.closeImg {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}


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

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

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

.stateAsset,
#page-booking-infobooking.isWorkroom .actions,
#page-booking-infobooking.isWorkplace .persons,
#page-booking-infobooking.isWorkplace .content-persons,
#page-booking-infobooking.isWorkplace .content-informations{
	display: none;
}
.isWorkplace .stateAsset.forWorkplace,
.isWorkroom .stateAsset.forWorkroom,
#page-booking-infobooking.isWorkroom .content-persons,
#page-booking-infobooking.isWorkroom .content-informations{
	display: block;
}
.chairdeltaillu {
    width: 80% !important;
    margin: 0 auto;
    margin-bottom: 30px;
}

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


#page-chairdelta .chairDelta-form{
	width: 120px;
    margin: 0 auto;
}


#page-booking-infobooking .content-persons{
	border-bottom: 1px solid #777;
}
#page-booking-infobooking .content-persons .person{
	display: flex;
	justify-content: space-between;
	
}

.room.upcomingBookings .status-action{
	display: none !important;
}


#page-booking-infobooking .content-informations .infoContainer{
	background: #000;
	color: #aaa;
	text-align: left;
	padding: 20px;
	border-bottom: 1px solid #777;
}
#page-booking-infobooking .content-informations .infoContainer .name{
	color: #fff;
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 22px;
	line-height: 26px;
	display: block;
	margin-bottom: 10px;
}
#page-booking-infobooking .content-informations .infoContainer .desc{
	color: #aaa;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	line-height: 22px;
}

#page-booking-infobooking .content-persons .isOrganizer .forGuest,
#page-booking-infobooking .content-persons .isGuest .forOrganizer{
	display: none;
}

#page-booking-infobooking .content-persons .isOrganizer .forOrganizer,
#page-booking-infobooking .content-persons .isGuest .forGuest{
	display: inline-block;
}
#page-booking-infobooking .content-persons .isOrganizer .p-name{
	display: block;
}
h1 {
	font-family: "Neue Haas Unica W01 Thin";
	font-size: 35px;
	font-weight: normal;
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #fff;
}

h2 {
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

h3 {
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	color: #333;
}

hr {
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.dark hr {
	border-top: 1px solid #444;
}

i {
	font-style: normal;
}

p {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	font-weight: normal;

	margin: 0 0 7px 0;
	padding: 0;
}
p.sub {
	font-size: 14px;
	color: #9e9e9e;
}

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

input {
	-webkit-user-select: auto;
}

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

.space-between {
	display: flex;
	justify-content: space-between;
}

.noEvent {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none !important;
}

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

.radiosWrap {
	padding: 20px;
}



.main-head .main-head-logo{
	background: url(../media/y_logo_header.svg) no-repeat center center;
	width:50px;
	height: 50px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.list {
	box-sizing: border-box;
	text-align: left;
}

.listHeader {
	border-bottom: 0px;
	text-transform: uppercase;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	color: #666;
	padding: 0px 20px;
	line-height: 40px;
}
#p1 .info-area {
	position: relative;
}
#p1 .listHeader {
	position: absolute;
	bottom: 0;
	left: 0;
}
#p1 .refreshBtn {
	position: relative;
	bottom: 0;
	right: 0;
	border-radius: 15px;
    line-height: 25px;
    font-size: 14px;
    padding: 0 10px;
}

.radio-list {
	border-top: 0px solid #444;
}

.list .item {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 18px;
	line-height: 50px;
	padding: 0px 20px;
}

.list .item p {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 18px;
	line-height: 50px;
	margin-bottom: 0;
}
.list .item.bookingItem p.wp-name {
    font-family: "Neue Haas Unica W01 Medium";
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #666;
}
.list .item.bookingItem p.wp-sub{
	font-family: "Neue Haas Unica W01 Light";
	font-size: 14px;
	line-height: 16px;
	color: #666;
}
.personAmount{
	line-height: 20px;
}
.personAmount i{
	margin-right: 5px;
}


#p1 .rb-info{
	padding: 15px 0px;
	border-bottom: 1px dashed #aaa;
	display: flex;
	justify-content: space-between;
}

#p1 .room .list .item p.wp-name,
#p1 .room .list .item p.rb-title{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	line-height: 20px;
}
#p1 .room .list .item p.rb-title {
	margin-bottom: 5px;
}
#p1 .room .list .item p.rb-desc, 
#p1 .room .list .item p.rb-desc div{
	font-family: "Neue Haas Unica W01 Light" !important;
	font-size: 14px !important;
	line-height: 18px !important;
}

#p1 .room .list .item p.rb-desc{
	display: none;
}

.list .item b {
	font-family: "Neue Haas Unica W01 Medium";
	font-weight: normal;
}
.list .item b.y-fontlogo{
	font-family: "YOYONumbers Light";
}
.list .item p.align-center {
	text-align: center;
}

h1.align-center{
	text-align: center;
}
.list.bookingList {
	text-align: center;
	padding: 10px;
}

.list.bookingList .item {
	text-align: left;
}
.list.bookingList .item.wpPresetList {
	text-align: center;
}

.offlineWpSelected .wpPresetList,
.offlineWpSelected .place .noUpcomingBookings,
.bookingModeOnline .upcomingBookings .noUpcomingBookings,
.bookingModeOnline .permanentBooking .noUpcomingBookings {
	display: none;
}


.selectedPresetItem {
	display: none;
}

.wpBack {
	clear: left;
	display: inline-block;
	line-height: 30px;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	border-radius: 15px;
	border: 2px solid #ccc;
	color: #ccc;
	padding: 0 15px;
	display: none;
}
.offlineWpSelected .wpBack {
	display: inline-block;
}
.offlineWpSelected .connectionState-connected .wpBack,
.hwDemoMode.offlineWpSelected .wpBack {
	display: none;
}

.offlineWpSelected .selectedPresetItem {
	display: block;
}

.list.bookingList .item {
	background: #eee;
	padding-bottom: 0;
	margin-bottom: 10px;
}


.list.bookingList .item.noUpcomingBookings p {
	line-height: 26px;
	padding: 10px 0px;
}

.offlineWpSelected .wpPresetItem.textBtn,
.bookingModeOnline .wpPresetItem.textBtn {
	display: none;
}

.pop-content .item,
.radio-list .item {
	padding: 0px;
	border-bottom: 0px solid #444;
}
#splash .radio-list .item{
	text-align: center;
}
.list .item.noBorder {
	border-bottom: 0px solid #333;
}
.list .item .icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 10px;
}
.list .item.goals .icon {
	background: url("../media/nav/icon_menue_25px_goals.svg") no-repeat center center;
	background-size: contain;
}
.list .item.lockersAppLink .icon,
.list .nav-item.locker .icon {
	background: url("../media/nav/icon_menue_25px_locker.svg") no-repeat center center;
	background-size: contain;
}
.dark .list .item {
	color: #ccc;
}

.list .bookingItem {
	padding: 0;
}

.template_bookingListItem {
	display: none;
}

.item {
	position: relative;
}

.item .recheckPermanentBooking.btn,
.item .reloadBookings.btn,
.item .reloadDetails.btn {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

.creatingPermanent .bookingList .item.itemCreatingPermanentBooking,
.checkingPermanent .bookingList .itemCheckingPermanentBooking,
.loadingBookings .bookingList .itemLoadingBookings,
.loadingBookingsFail .bookingList .itemLoadingBookingsFail,
.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,
.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, 
.bookingModeOnline .upcomingBookings .noUpcomingBookings, 
.bookingModeOnline .permanentBooking .noUpcomingBookings,
.loadingDetailsWrap, 
.loadingDetailsFailWrap,
.loadingDetailsFail .fm-info,
.loadingDetails .fm-info,
.checkingPermanentAfterTimeframe .bookingList .noUpcomingBookings,
.itemPermanentBookingAfterTimeframe  {
	display: none;
}

.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,
.finishing-fail img,
.finishing img {
	display: inline-block;
	height: 46px;
	width: auto;
	position: relative;
	top: -2px;
}

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

.wp-action .booked-starting .left,
.wp-action .finished .left {
	color: #333;
}

.loadingDetailsWrap,
.loadingDetailsFailWrap {
	display: none;
}
.loadingDetails .loadingDetailsWrap,
.loadingDetailsFail .loadingDetailsFailWrap {
	display: block;
}

.fm-info,
.fm-info .right p,
.wp-action .left p,
.list .item .loadingDetailsWrap p,
.list .item .loadingDetailsFailWrap p,
.list .item.itemLoadingBookings p,
.list .item.noUpcomingBookings p,
.list .item.itemCheckingPermanentBooking p,
.list .item.itemCreatingPermanentBooking p,
.list .item.itemCheckingPermanentBookingStatusFail p,
.list .item.itemCreatingPermanentBookingFail p,
.list .item.itemStartingPermanentBookingFail p,
.list .item.itemStartingPermanentBooking p,
.list .item.itemPermanentBookingAfterTimeframe p  {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
}
.list .item .loadingDetailsWrap p,
.list .item .loadingDetailsFailWrap p,
.list .item.itemLoadingBookings p,
.list .item.itemCheckingPermanentBooking p,
.list .item.itemCreatingPermanentBooking p,
.list .item.itemCheckingPermanentBookingStatusFail p,
.list .item.itemCreatingPermanentBookingFail p,
.list .item.itemStartingPermanentBookingFail p,
.list .item.itemStartingPermanentBooking p,
.list .item.itemPermanentBookingAfterTimeframe p {
	padding: 15px 0px;
	color: #333;
}

.fm-info .right .info{
	padding-right: 50px;	
}

.textlink{
	color: #00aad2;
	cursor: pointer;
}

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

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

.fm-info .time,
.fm-info .right p.small {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
}
.fm-info .right .icn {
	position: absolute;
	right: 0;
	top: 0;
}




.bookingItem .fm-info .right .icn{
	width: 50px;
	height: 50px;
	text-align: center;
	color: #aaa;
	font-size: 33px;
	line-height: 33px;
}


.bookingItem.ergoWorkplace .fm-info .right .icn{
	background: url(../media/map_wp_ergo.svg) no-repeat center center;
}

.bookingItem.nonErgoWorkplace .fm-info .right .icn{
	background: url(../media/map_wp_nonergo.svg) no-repeat center center;
}


.fm-info .right .icn .yo-chair {
	height: 30px;
}
.fm-info,
.wp-action,
.status-text.history {
	position: relative;
	padding-bottom: 0px;
}
.status-text.history {
	margin-bottom: 15px;
}
.wp-action .status-text.history p {
	margin-bottom: 0;
}


#page-booking-infobooking .content-type p{
	display: none;
}
#page-booking-infobooking.ergo .content-type p.ergo,
#page-booking-infobooking.nonergo .content-type p.nonergo{
	display: block;
}

.list.bookingList .item.loadingDetails,
.list.bookingList .item.loadingDetailsFail {
	padding-top: 0;
}

.loadingDetailsFail .fm-info,
.loadingDetails .fm-info {
	display: none;
}

.wp-action {
	padding: 0px;
	border-top: 1px dotted #707070;
	padding-top: 10px;
	margin-top: 10px;
	
}
.fm-info{
	display: flex;
	border-top: 1px solid #bbb;
	border-radius: 5px;
	border-bottom: 1px solid #bbb;
	overflow: hidden;
	
    min-height: 115px;
}
.fm-info .left {
	background: url("../media/booking-ticket-left.svg") no-repeat left center;
	width: 25%;
	color: #fff;
	padding: 13px 10px 15px 15px;
	position: relative;
	pointer-events: all;
}

.fm-info .right {
	width: 75%;
	padding: 10px 10px 15px 10px;
	background: url("../media/booking-ticket-right.svg") no-repeat right center;
}
.fm-info .left .date-time-wrap{
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.fm-info .sub{
	margin-top: 5px;
}

.fm-info .left .date{
	font-size: 15px;
	font-family: "Neue Haas Unica W01 Medium";
}
.fm-info .left .time{
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Light";
}

.item .fm-info .left .icon{
	width: 42px;
	height: 42px;
}

.item.nonErgoWorkplace .fm-info .left .icon{
	background: url(../media/icon_wp_nonergo.svg) no-repeat center center;
}

.item.ergoWorkplace .fm-info .left .icon{
	background: url(../media/icon_wp_ergo.svg) no-repeat center center;
}

.wp-action .right {
	width: 80px;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
}
.wp-action .status-action .btn {
	margin: 0;
	margin-top: 10px;
	border-radius: 16px;
    line-height: 33px;
    padding: 0 20px;
	font-family: "Neue Haas Unica W01 Medium";
    font-size: 16px;
    pointer-events: all;
}
.wp-action .status-text,
#page-booking-infobooking .content-status p {
	display: block;
	color: #1ec8b4;
}
.status-text.occupied,
.wp-action .booked-startingFail .status-text,
.wp-action .status-finishingFail .status-text {
	color: #d40404;
}
.finishing-fail .status-action .endBookingBtn,
.booked-startingFail .status-action .startBookingBtn {
	right: 50%;
	transform: translateX(50%);
}

.wp-action .status-text.history {
	color: #777;
}
.wp-action .status-text.history .valueHistory {
	color: #333;
}
.wp-action .status-text p,
#page-booking-infobooking .content-status p {
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
}
.status-action {
	position: relative;
	text-align: left;
}
.status-action .confirmPrebookingBtn,
.status-action .startBookingBtn,
.status-action .endBookingBtn,
.status-action .stopSessionBtn,
.status-action .startSessionBtn {
	
}

.status-progress {
	height: 10px;
	width: 100%;
	border-radius: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}
.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: linear-gradient(90deg, #1ec8b4 0%, #00aad2 100%);
}
.box-status {
	position: relative;
	display: none;
}
.box-status .status {
	position: relative;
	display: none;
}
.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-stopped.sessionState-stopped .box-status .stopped,
.connectionState-stopped.sessionState-stopping .box-status .stopped,
.connectionState-connected .box-status .connected,
.connectionState-disconnecting .box-status .disconnecting,
.connectionState-disconnected .box-status .disconnected,
.connectionState-connected.sessionState-ready .box-status .connected .signal {
	display: block;
}

.box-status .left {
	width: 80%;
	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;
}

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

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

.bookingItem.status-booked.today.in .wpStatus.booked-in,
.bookingItem.status-booked.today.prein .wpStatus.booked-prein,
.room .bookingItem.status-booked.today.prein .wpStatus.booked-before,
.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-finishingFail .wpStatus.finishing-fail,
.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,
.bookingItem.status-booked.past .wpStatus.booked-past,
.permanentItem .wpStatus.prebooked {
	display: block;
}
body.bookingModeOnline .onlyBookingModeOnline,
body.bookingModeOffline .onlyBookingModeOffline {
	display: block;
}
body.bookingModeOnline .onlyBookingModeOffline,
body.bookingModeOffline .onlyBookingModeOnline,
.bookingItem.status-booked.today.prein .wpStatus.booked-before,
.permanentItem.status-prebooked .status-text.occupied,
.permanentItem.status-occupied .status-text.vacant,
.checkingPermanentFail .code-404,
.bookingItem.status-finished .wpStatus.finishing,
.itemCheckingPermanentBookingStatusFail,
.itemCreatingPermanentBookingFail,
.itemStartingPermanentBookingFail,
.itemStartingPermanentBooking  {
	display: none;
}
.bookingItem.status-finished .box-status{
	display: none !important;
}

.spacer-5 {
	height: 5px;
	width: 100%;
	display: block;
}
.spacer-10 {
	height: 10px;
	width: 100%;
	display: block;
}
.spacer-20 {
	height: 20px;
	width: 100%;
	display: block;
}
.spacer-30 {
	height: 30px;
	width: 100%;
	display: block;
}

#page-booking-newbooking .detailView .btn.select,
.btnLogin,
.btn.confirmbooking{
	padding: 0 50px;
}

#page-booking-newbooking .notbookable .detailView .btn.select,
#page-booking-newbooking .occupied .detailView .btn.select{
	background: linear-gradient(
90deg, #999 0%, #777 100%);
    opacity: 0.3;
    pointer-events: none;
}


#page-booking-newbooking .vacant .feature-status{
	color: #00C8AF;
}
#page-booking-newbooking .notbookable .feature-status,
#page-booking-newbooking .occupied .feature-status{
	color: #C81E1E;
}

.newBooking {
	margin: 30px auto;
	padding: 0 50px;
}

.newBooking.rounded{
	padding: 0;
	margin: 0;
	width: 38px;
	text-align: center;
	font-size: 25px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	
	border-radius: 19px;
    line-height: 38px;
}

.bookingModeOffline.no-workplaces .newBooking {
	opacity: 0.3;
	pointer-events: none;
}
.hwDemoMode.bookingModeOffline.no-workplaces .newBooking {
	opacity: 1;
	pointer-events: all;
}



.page,
#contentSlideView,
#contentSlideRightView,
#contentInView{
	height: calc( 100vh - env(safe-area-inset-bottom, 0px) );
	width: 100vw;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
#contentInView{
	transition: 0.2s;
	opacity: 0;
}
#contentInView.show{
	opacity: 1;
}

#contentSlideView{
	transform: translateY(100%);
	transition: 0.2s;
	z-index: 9995;
}
#contentSlideView.show{
	transform: translateY(0%);
}

#contentSlideView.show .main{
	pointer-events: all;
}

#contentSlideRightView{
	transform: translateX(100%);
	transition: 0.2s;
	z-index: 9998;
}
#contentSlideRightView.show{
	transform: translateX(0%);
}

#contentSlideView.show .main,
#contentSlideRightView.show .main,
#contentInView.show .main{
	pointer-events: all;
	opacity: 1;
}
#contentSlideView.show .main .main-content,
#contentSlideRightView.show .main .main-content {
    transform: scale(1);
    opacity: 1;
}

#contentSlideRightView .main{
	bottom: 0 !important;
}


.page.paginated .header .headline,
.page.typed .header .headline{
	opacity: 0;
}

.page.typed.type-chair .header .headline.for-type-chair,
.page.typed.type-stool .header .headline.for-type-stool,
.page.typed.type-sensor .header .headline.for-type-sensor,
.page.paginated.visible-content-1 .header .left .back,
.page.paginated.visible-content-2 .header .left .back,
.page.paginated.visible-content-3 .header .left .back,
.page.paginated.visible-content-4 .header .left .back,
.page.paginated.visible-content-5 .header .left .back,
.page.paginated.visible-content-0 .header .headline-n0,
.page.paginated.visible-content-1 .header .headline-n1,
.page.paginated.visible-content-2 .header .headline-n2,
.page.paginated.visible-content-3 .header .headline-n3,
.page.paginated.visible-content-4 .header .headline-n4,
.page.paginated.visible-content-5 .header .headline-n5{
	opacity: 1;
}
.page.paginated.visible-content-1 .header .left .back,
.page.paginated.visible-content-2 .header .left .back,
.page.paginated.visible-content-3 .header .left .back,
.page.paginated.visible-content-4 .header .left .back,
.page.paginated.visible-content-5 .header .left .back{
	pointer-events: all;
}



.page.paginated .contentWrap .content{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transform: translateX(100%);
	width: 100vw;
	pointer-events: none;
}
.page.paginated.visible-content-0 .contentWrap .content-n0,
.page.paginated.visible-content-1 .contentWrap .content-n1,
.page.paginated.visible-content-2 .contentWrap .content-n2,
.page.paginated.visible-content-3 .contentWrap .content-n3,
.page.paginated.visible-content-4 .contentWrap .content-n4,
.page.paginated.visible-content-5 .contentWrap .content-n5{
	opacity: 1;
	transform: translateX(0%);
	pointer-events: all;
}

.page.paginated.visible-content-1 .contentWrap .content-n0,
.page.paginated.visible-content-2 .contentWrap .content-n0,
.page.paginated.visible-content-3 .contentWrap .content-n0,
.page.paginated.visible-content-4 .contentWrap .content-n0,
.page.paginated.visible-content-5 .contentWrap .content-n0,
.page.paginated.visible-content-2 .contentWrap .content-n1,
.page.paginated.visible-content-3 .contentWrap .content-n1,
.page.paginated.visible-content-4 .contentWrap .content-n1,
.page.paginated.visible-content-5 .contentWrap .content-n1,
.page.paginated.visible-content-3 .contentWrap .content-n2,
.page.paginated.visible-content-4 .contentWrap .content-n2,
.page.paginated.visible-content-5 .contentWrap .content-n2,
.page.paginated.visible-content-4 .contentWrap .content-n3,
.page.paginated.visible-content-5 .contentWrap .content-n3,
.page.paginated.visible-content-5 .contentWrap .content-n4{
	opacity: 1;
	transform: translateX(-100%);
	pointer-events: all;
}




#page-scanloginqr .content-passcode .errorPasscode{
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
}

#page-scanloginqr .content-passcode .errorPasscode p{
	color: #FF0000 !important;
}
#page-scanloginqr .content-passcode .error .errorPasscode{
	opacity: 1;
}
#page-scanloginqr .form-passcode.error{
	-webkit-animation: shakeError 0.4s linear forwards;
	-moz-animation: shakeError 0.4s linear forwards;
	-ms-animation: shakeError 0.4s linear forwards;
	-o-animation: shakeError 0.4s linear forwards;
	animation: shakeError 0.4s linear forwards;
}

#page-scanloginqr .content-passcode #input_passcode{
	border: 1px solid #fff;
	color: #fff;
}

#page-scanloginqr .content .processing.show{
	display: block;
}

#page-scanloginqr .content-scanqr .textOverlayTop,
#page-scanloginqr .content-scanqr .textOverlayBottom{
	background: rgba(0,0,0,0.7);
	width: 100%;
	display: block;
	padding: 30px 0px;
}
#page-scanloginqr .content-scanqr .textOverlayTop{
	position: absolute;
	top: 0;
}
#page-scanloginqr .content-scanqr .textOverlayTop p{
	padding: 0 30px;
	margin-bottom: 0;
	color: #fff;
	font-size: 20px;
	font-family: "Neue Haas Unica W01 Light";
}
#page-scanloginqr .content-scanqr .textOverlayBottom{
	position: absolute;
	bottom: 0;
}

#page-scanloginqr .content-passcode p{
	color: #fff;
	font-size: 20px;
}


#page-scanloginqr.visible-content-0 .header .left .back{
	opacity: 0;
	pointer-events: none;
}



body.qrScannerActive .main,
body.qrScannerActive .page,
body.qrScannerActive .modal{
	background: transparent !important;
}
body.qrScannerActive .bgInfo,
body.qrScannerActive .bgLoadingStatic{
	display: none;
}

body.qrScannerActive #contentSlideView{
	opacity: 1;
}


.scan-scope{
	position: absolute;
	width: 50vw;
	height: 50vw;
	left: 50%;
	top: 40%;
	transform: translateY(-50%) translateX(-50%);
}

.scan-scope .left-top{
	width: 30%;
	height: 30%;
	position: absolute;
	left: 0;
	top: 0;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
}
.scan-scope .right-top{
	width: 30%;
	height: 30%;
	position: absolute;
	right: 0;
	top: 0;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
}
.scan-scope .left-bottom{
	width: 30%;
	height: 30%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.scan-scope .right-bottom{
	width: 30%;
	height: 30%;
	position: absolute;
	right: 0;
	bottom: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}



@keyframes shakeError{
	0% { transform: translate(30px); }
	20% { transform: translate(-30px); }
	40% { transform: translate(15px); }
	60% { transform: translate(-15px); }
	80% { transform: translate(8px); }
	100% { transform: translate(0px); }
}


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

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

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

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

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

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

#allWrap {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	height: calc( 100vh - env(safe-area-inset-bottom, 0px) );
	width: 100%;
}
.appleStyle #application .main .main-head {
	background: #191919;
}

.main-head .backBtn,
.main-head .overlayBackBtn {
	height: 60px;
	width: 50px;
	background: url(../media/icon/icon_back.svg) no-repeat center center;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
.main-head .closeBtn {
	height: 60px;
	width: 60px;
	background: url(../media/icon_close_white.svg) no-repeat center center;
	background-size: 30px 30px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}
.main-head .overlayBackBtn {
	background: url(../media/icon_close_white.svg) no-repeat center center;
	background-size: 30px 30px;
}


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


.content-box-wrap{
	position: relative;
}

.overlayUpgradeContent{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 800;
	display: none;
}
.overlayUpgradeContent .bg{
	background: rgba(255,255,255,0.8);
	height: 100%;
}
.content-box-wrap .overlayUpgradeContent .bg{
	background: rgba(0,0,0,0.6);
	height: 100%;
	margin: 0 -20px;
}
.overlayUpgradeContent .content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 80%;
	margin: 0 auto;
	color: #d00000;
}
.overlayUpgradeContent .content .icon{
	font-size: 40px;
	margin-bottom: 20px;
}
.content-box-wrap .overlayUpgradeContent .content .icon{
	margin: 0 auto;
	text-align: center;
}
.overlayUpgradeContent .content p{
	font-size: 20px;
	line-height: 28px;
}
.content-box-wrap .overlayUpgradeContent .content p{
	text-align: center;
}
.sessionType,
.sessionPresets,
.sessionConsole {
	margin: 0px 20px;
}
.sessionPresets {
	display: none;
}
.sessionType {
	margin-top: 20px;
}
.sessionConsole {
	margin-bottom: 20px;
}
.inputWrap input {
	width: 100%;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	padding: 0px 14px;
	margin-bottom: 10px;
	line-height: 44px;
	box-sizing: border-box;
	border-radius: 4px;
	background: #eee;
	border: 0px;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.inputWrap input:focus {
	outline: none;
	background: #fff;
}


.fmPermanentBookingDisabled .wrapPermanentWorkplace{
	pointer-events: none;
	opacity: 0.5;
}


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

.sessionType.use-ble span.ble,
.sessionType.use-ws span.ws {
	color: #333;
	display: inline-block;
}
.sessionType.use-ble span.ws,
.sessionType.use-ws span.ble {
	color: #aaa;
	display: none;
}
.sessionType.use-ble .ws-inputs,
.sessionType.use-ws .ble-outputs {
	display: none;
}

.sessionType .ble-outputs .icn {
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 100%;
	display: inline-block;
	margin-right: 4px;
}
.sessionType .ble-outputs.isOn .icn {
	background: #1ec8b4;
}
.sessionType .ble-outputs.isOn {
	color: #1ec8b4;
}
.sessionType .ble-outputs.isOff .icn {
	background: #cf0d16;
}
.sessionType .ble-outputs.isOff {
	color: #cf0d16;
}
.sessionType .ble-outputs div {
	display: none;
}
.sessionType .ble-outputs.isOn .enabled,
.sessionType .ble-outputs.isOff .disabled {
	display: block;
}

.apiConnectorIs-ws .startSessionBtn .fa-bluetooth,
.apiConnectorIs-ble .startSessionBtn .fa-wifi,
.hwDemoMode .startSessionBtn .fa-wifi,
.hwDemoMode .startSessionBtn .fa-bluetooth {
	display: none;
}

.inputWrap {
	position: relative;
}
.inputWrap label {
	position: absolute;
	left: 100%;
	top: 0;
	line-height: 44px;
	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%);
}
.inputWrap.empty label {
	right: auto;
	left: 0%;
	transform: translateX(0%);
}

.outputWrap p {
	text-align: left;
}

.console-hint {
	line-height: 30px;
	height: 30px;
	padding: 0px 15px;
	border-radius: 15px;
	background: #ccc;
	color: #fff;
	display: inline-block;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	transition: 0.2s;
	display: none;
}
.showConsole .console-hint {
	opacity: 0;
	transform: scale(0.5);
}

.console {
	display: none;
	opacity: 0;
	transition: 0.4s;
	overflow: hidden;
}

.showConsole .console {
	display: block;
	opacity: 1;
}

.console .output {
	background: #000;
	color: #00ff00;
	box-sizing: border-box;
	padding: 15px;
	font-size: 12px;
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
	margin-top: 5px;
	position: relative;
}

.console .output .closer {
	color: #ccc;
	background: #333;
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 30px;
	height: 30px;
	padding: 0px 15px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 15px;
}

.console .output b {
	color: #999;
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Regular";
	font-weight: normal;
}
.console .output p {
	color: #999;
	margin-bottom: 10px;
}

.console table {
	border-collapse: collapse;
}
.console table .prop-name-field {
	padding-right: 10px;
}

.consoleStateOutput {
	border-top: 1px solid #666;
	margin-bottom: 15px;
}

.main-content-sub.desk .console,
.main-content-sub.desk .console-hint,
.main-content-sub.chair .console,
.main-content-sub.chair .console-hint {
	display: none;
}


.chair.notAvailable .slider-area,
.chair.notAvailable .info-area{
	display: none;
}
.notAvailableContent{
	padding-top: 23px;
	display: none;
}
.chair.notAvailable .notAvailableContent{
	display: block;
}
.chairHeightIllu{
	display: inline-block;
	margin: 0 auto;
	position: relative;
	width: 80%;
}
.chairHeightIllu .height{
	position: absolute;
	right: 18%;
	bottom: 55%;
}
.chairHeightIllu .height .val{
	color: #333;
    font-size: 9vw;
    font-family: "YOYONumbers Thin";
}
.chairHeightIllu .height .unit{
	    font-size: 16px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 18px;
    color: #777;
}
.notAvailableContent p{
	font-family: "Neue Haas Unica W01 Light";
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    font-weight: normal;
    color: #777;
}
.chairHeightIllu img{
	width: 100%;
}

.content-headline {
	width: 100%;
	text-align: center;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 26px;
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.content-headline b {
	font-weight: normal;
	font-family: "Neue Haas Unica W01 Bold";
}

.dark .content-headline {
	color: #fff;
}

.content-subline {
	width: 100%;
	text-align: center;
	font-family: "Neue Haas Unica W01 Medium";
	font-size: 18px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 7px;
}
.content-subline b {
	font-weight: normal;
	font-family: "Neue Haas Unica W01 Bold";
}
.content-subline b.y-fontlogo {
	font-weight: normal;
	font-family: "YOYONumbers Regular";
}

.dark .content-subline {
	color: #fff;
}

.content-headline.align-left,
.content-subline.align-left {
	text-align: left;
}
.content-area .content-headline {
	font-size: 22px;
	line-height: 44px;
}

/* INFO-AREA over YOYO-Sliders! */

.info-area {
	padding: 0 10px;
	height: 66px;
	vertical-align: middle;
	position: relative;
}

.info-area .content-headline {
	font-size: 20px;
	line-height: 66px;
}

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


#p6 .info-area .info-left {
	color: #1ec8b4;
}
#p6 .info-area .info-right {
	color: #00aad2;
}
#p6 .info-area .info-center {
	color: #777;
}
#p6 .info-area .info-center span {
	position: relative;
	top: 6px;
}
#p6 .info-area .info-center .cycleWrap {
	margin-top: 9px;
}
#p6 .info-area .info-center .cycleWrap .c {
	width: 14px;
	height: 10px;
	float: left;
	border: 1px solid #777;
	margin: 2px;
	transition: 0.2s;
}
#p6 .info-area .info-center .cycleWrap .c.done {
	background: #777;
}
#p6 .s1.cycles-1 .info-area .info-center .cycleWrap .c2,
#p6 .s1.cycles-2 .info-area .info-center .cycleWrap .c3,
#p6 .s1.cycles-3 .info-area .info-center .cycleWrap .c4 {
	margin-left: 10px;
}
#p6 .ext-area img {
	width: 100%;
	height: auto;
}
#p6 .slider-area img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	bottom: -3px;
}

#p6 .dotSlide{
	display: none;
}

.support-area {
	position: relative;
	margin-top: 30px;
	display: none;
}
.apiError-not_connected .support-area {
	display: block;
}

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

#p6 .s1 .ext-area .statusText {
	position: relative;
}

#p6 p.note {
	transition: 0.4s;
	margin: 0 -15px;
}
#p6 .notSavedMyGoal p.note {
	transform: translateY(100%);
}

.info-area .statusText img {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 48%;
	transform: translateY(-50%);
}
.info-area .statusText p,
.ext-area .statusText p {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    display: inline-block;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    margin: 0 auto;
    font-family: "Neue Haas Unica W01 Light";
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    font-weight: normal;
    color: #777;
}
.ext-area .statusText p b {
	font-family: "Neue Haas Unica W01 Medium";
	font-weight: normal;
}
.info-area .statusText.withIcon p {
	left: 55%;
	width: 80%;
}

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

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

.inputRow{
	margin-bottom: 15px;
}

.inputRow .split-50 {
    width: calc(50% - 10px);
    margin-right: 5px;
    display: inline-block;
}
.inputRow .split-50.last{
	width: calc(50% - 5px);
    margin-left: 5px;
    margin-right: 0;
}
.inputRow .split-50.noMargin{
	margin-right: 0px;
	width: calc(50% - 0px);
}
.inputRow .split-70{
    width: calc(70% - 0px);
    margin-right: 0px;
    display: inline-block;
}

.inputRow .split-30{
    width: calc(30% - 15px);
    display: inline-block;
    margin-left: 10px;
}

.content-timeframe .info-area .left .sub {
	color: #1ec8b4;
}
.content-timeframe .info-area .right .sub {
	color: #00aad2;
}
.offlineFloorplanImage {
	position: relative;
}
.offlineFloorplanImage img.map {
	width: 100%;
	height: auto;
}
.offlineFloorplanImage .pos {
	position: absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
	overflow: visible;
	transition: 0.2s;
	opacity: 0;
	pointer-events: none;
}
.offlineFloorplanImage.tapped .pos {
	opacity: 1;
	pointer-events: all;
}
.offlineFloorplanImage.dragging .pos {
	transition: 0s;
}
.offlineFloorplanImage .pos img {
	position: relative;
	left: -19px;
	top: -19px;
}

.splitWrap .left,
.splitWrap .right {
	width: 49%;
	display: inline-block;
}

#page-booking-newbooking .preloader .inner {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	border-radius: 5px;
	background: #111;
	color: #fff;
	padding: 20px;
}

#page-booking-newbooking .preloader .inner .progressBar {
	height: 6px;
	background: linear-gradient(90deg, #1ec8b4 0%, #00aad2 100%);
	border-radius: 3px;
}

/* Content */

.content-area {
	padding: 20px;
}
.content-area.content-timeframe{
	padding: 0;
}
.dark .content-area {
	color: #ccc;
	text-align: left;
}
.dark .content-area p b {
	color: #fff;
}

.dark .content-area .overlayUpgradeContent p b{
	color: #d00000;
}

.dark .content-area.align-center {
	text-align: center;
}

#page-help.dark .content-area {
	text-align: center;
}
#page-help.dark .content-area p {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
}
#page-help.dark .content-area p a{
	text-decoration: none;
}

.hwDemoMode #p2 .main-content-sub.chair .yoyo-slider.noHandle {
	pointer-events: all;
}
.badge{
	display: flex;
	margin-bottom: 12px;
}
.badge .left{
	width: 85px;
}
.badge .left i{
	font-size: 85px;
}
.badge .left img{
	width: 85px;
	height: auto;
}
.badge .right{
	padding-left: 15px;
}



.forSmotive,
.forDahlinghausen,
.forFmPermanentBookingEnabled,
.fmRefreshDesc{
	display: none;
}
.hubSmotive .forSmotive,
.hubDahlinghausen .forDahlinghausen,
.fmPermanentBookingEnabled .forFmPermanentBookingEnabled,
.fmPermanentBookingEnabled .fmRefreshDesc{
	display: block;
}
.hubSmotive .forSmotive.badge,
.hubDahlinghausen .forDahlinghausen.badge{
	display: flex;
}

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

#p1 p.forFmPermanentBookingEnabled{
	padding-right: 15px;
	padding-left: 15px;
}

/* SLIDER-AREA */
.slider-area {
	height: 100vw;
	width: 100vw;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: -20vw;
}
.pop-content .slider-area {
	height: 260px;
	width: 260px;
	margin-bottom: 0;
	margin-top: 10px;
}
.slider-area .sliderWrap {
	position: absolute;
	left: 10vw;
	right: 10vw;
	top: 0vw;
	bottom: 20vw;
}
.pop-content .slider-area .sliderWrap {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.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;
}

.yoyo-slider .rs-handle {
	background: #fff;
	margin: -19px 0px 0px 2px;
	border: 2px solid #54bbe0;
	transition: 0.2s;
}
.yoyo-slider-arrow .rs-handle {
	background: transparent url(../media/slider_handle_arrow.svg) no-repeat center center;
	background-size: cover;
	margin: -17px 0px 0px 0px !important;
	border: 2px solid transparent;
}
.yoyo-slider-arrow.blueHandle .rs-handle {
	background: transparent url(../media/slider_handle_arrow_blue.svg) no-repeat center center;
	background-size: cover;
	margin: -17px 0px 0px 0px !important;
}
.yoyo-slider-arrow.greenHandle .rs-handle {
	background: transparent url(../media/slider_handle_arrow_green.svg) no-repeat center center;
	background-size: cover;
	margin: -17px 0px 0px 0px !important;
}
.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;
}

.goalTracking .yoyo-slider-overlay .circleButtonOverlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#p6 .goalTracking .yoyo-slider-overlay .circleButtonOverlay img{
	width: 100%;
	height: 100%;
	margin: 0;
}


.goalsTrackingSlider.yoyo-slider .rs-range-color {
	background: #aaa;
}
.noTracking .goalsTrackingSlider.yoyo-slider .rs-range-color,
.ergoLevel-0 .goalsTrackingSlider.yoyo-slider .rs-range-color {
	background: #ddd;
}
/*

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

.yoyo-slider .rs-path-color {
	background: #bbbbbb;
}

.ergoLevel-0 .yoyo-slider .rs-path-color,
.noTracking .yoyo-slider .rs-path-color {
	background: #ddd;
}

.pop-content .yoyo-slider .rs-path-color {
	background: #777;
}

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

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

.desk.disconnected .yoyo-slider-arrow.blueHandle .rs-handle {
	opacity: 0;
}
.history{
	position: relative;
}




.pageinfo{
	position: fixed;
	z-index: 100;
	bottom: calc( 70px + env(safe-area-inset-bottom, 0px) );
	right: 10px;
	width: 50px;
	height: 50px;
	color: #999;
	line-height: 50px;
	background: rgba(255,255,255,0.8);
	border-radius: 100%;
}





#p6 .history{
	margin-top: 30px;
}

.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;
	text-transform: uppercase;
}
.s1 .history .historyHead {
    margin-left: 25px;
    margin-right: 25px;
    box-sizing: border-box;
}

.history .trackingLoadingText, 
.history .noTrackingText,
.s1 .history .historyListItem .left {
    padding-left: 25px;
}
.s1 .history .historyListItem .right {
    padding-right: 25px;
}


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

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

.history .historyListItem{
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #777;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0;
}
.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;
}

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

.history .dateString {
	color: #777;
	font-family: "Neue Haas Unica W01 Light";
	font-size: 14px;
	line-height: 16px;
	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;
}


#p6 .yoyo-slider-overlay .circleButtonNum span img {
    width: 44px;
    height: 44px;
}


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

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

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

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

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

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

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

#p6 .ergoLevel-active .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;
}
#p6 .ergoLevel-active .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;
}

#p6 .seperators .dyn .line span {
	height: 1px;
	bottom: 0px;
}
#p6 .seperators .dyn .line.green span {
	background: #1f6a63;
}
#p6 .seperators .dyn .line.blue span {
	background: #1a4b65;
}


#p6 .history.today{
	max-height: 50px;
	transition: 0.4s;
}

#p6 .history.today .historyListItem{
	opacity: 0;
	transition: 0.2s;
}

#p6 .s1 .sliderIcons .sit.areaIcon,
#p6 .s1 .sliderIcons .stand.areaIcon{
	opacity: 0;
	transition: 0.2s;
}

#p6 .s1.ergoLevel-active .sliderIcons .sit.areaIcon,
#p6 .s1.ergoLevel-active .sliderIcons .stand.areaIcon{
	opacity: 1;
}

#p6 .s1.onlyStandIcon .sliderIcons .sit.areaIcon,
#p6 .s1.onlySitIcon .sliderIcons .stand.areaIcon{
	opacity: 0;
}

#p6 .s1.ergoLevel-active .sliderIcons{
	opacity: 1;
}

#p6 .noTrackingText,
#p6 .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;
}
#p6 .noTracking .noTrackingText,
#p6 .trackingLoading .trackingLoadingText,
#p6 .ergoLevel-active .history.today .historyListItem,
#p6 .trackingFinished .history.today .historyListItem.trackingDone{
	opacity: 1;
}
#p6 .trackingFinished .history.today .historyListItem.trackingDone{
	display: flex;
}
#p6 .ergoLevel-active .history.today{
	max-height: 200px;
}

#p6 .goalTracking .yoyo-slider-overlay .circle {
    overflow: hidden;
}

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

#p6 .ergoLevel-active.toStand .totalStandingTimeVal, 
#p6 .ergoLevel-active.toSit .totalSittingTimeVal, 
#p6 .ergoLevel-active.toStand .info-right .unit, 
#p6 .ergoLevel-active.toSit .info-left .unit {
    color: #ccc;
}

#p6 .ergoLevel-active.ergoLevel-2 .history.today .historyListItem.timeToNextChange,
#p6 .ergoLevel-active.ergoLevel-3 .history.today .historyListItem.timeToNotify{
	display: none;
}
p.green, span.green{
	color: #5ab332;
}

p.red, span.red{
	color: #D3143C;
}

.ergoLevel-active .goalsTrackingActualSlider.yoyo-slider-arrow .rs-range-color {
    background: #ccc;
}

.ergoLevel-active .goalsTrackingActualSlider.yoyo-slider-arrow .rs-path-color {
    background: #999;
}

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

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

.ergoLevel-active .goalsTrackingActualSlider.yoyo-slider-arrow.showOnlyHandle .rs-inner-container {
    opacity: 1;
}

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

input.transInput {
	background: transparent;
	color: #333;
	font-size: 12vw;
	font-family: "YOYONumbers Thin";
	text-indent: 0;
	font-weight: normal;
	line-height: 28px;
	text-align: center;
	transition: 0.2s;
	border: 0;
	padding: 0px 0px 0px 0px;
	outline: none !important;
	width: 100%;
	border-radius: 0;
	display: inline-block;
	margin: 0;
}
.pop-content input.transInput {
	color: #fff;
}
#p12 .pop-content input.transInput{
	font-size: 7vw;
}
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;
}

.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;
}
.rs-border {
	border: 0;
}
.rs-animation .rs-transition {
	transition: transform 0.2s linear;
}
.desk .yoyo-slider-arrow.rs-animation .rs-transition {
	transition: transform 0s linear;
}

.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 .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(../media/slider_singleButton_3_black.svg) no-repeat 0 0;
	background-size: cover;
}
.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 Light";
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	line-height: 46px;
}
.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(../media/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(../media/slider_singleButton_3_active.svg) no-repeat 0 0;
	background-size: cover;
}
.yoyo-slider-overlay .circleRightArea .circleButtonGroup3.active {
	background: url(../media/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);
}

.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;
}
.yoyo-slider-overlay .circleRightButton,
.overlayActualTrackingRight {
	left: auto;
	right: 0;
	border-bottom-right-radius: 100%;
	border-bottom-left-radius: 0%;
	border-left: 2px solid #fff;
}
.pop-content .yoyo-slider-overlay .circleRightButton {
	border-left: 2px solid #555;
}
.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;
}

.noTracking .yoyo-slider-overlay .circleRightButton,
.ergoLevel-0 .yoyo-slider-overlay .circleRightButton,
.noTracking .yoyo-slider-overlay .circleRightButton .bg,
.ergoLevel-0 .yoyo-slider-overlay .circleRightButton .bg{
	border-left: 0;
}
.yoyo-slider-overlay .circleLeftButton.disabled .bg,
.yoyo-slider-overlay .circleRightButton.disabled .bg {
	pointer-events: none;
}
.yoyo-slider-overlay .circleLeftButton:active .bg,
.yoyo-slider-overlay .circleRightButton:active .bg {
	background: -webkit-linear-gradient(left, #333 0%, #333 100%);
}

.workflow .yoyo-slider-overlay .circleLeftButton:active .bg,
.workflow .yoyo-slider-overlay .circleRightButton:active .bg {
	background: -webkit-linear-gradient(left, #777 0%, #777 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%);
}
.yoyo-slider-overlay .circleRightButton .bg {
	border-right: 2px solid #fff;
	right: auto;
	left: 0;
	transform-origin: right top;
	transform: translateX(-100%) rotate(-40deg);
}
.pop-content .yoyo-slider-overlay .circleLeftButton .bg {
	border-left: 2px solid #555;
}
.pop-content .yoyo-slider-overlay .circleRightButton .bg {
	border-right: 2px solid #555;
}
.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;
}

.overlayActualTrackingLeft, .overlayActualTrackingRight {
    cursor: default;
}

.overlayActualTrackingLeft {
    z-index: 8;
}
.overlayActualTrackingRight {
    z-index: 9;
}

.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;
}
.noTracking .yoyo-slider-overlay .circleLeftButton .icon,
.noTracking .yoyo-slider-overlay .circleRightButton .icon,
.ergoLevel-0 .yoyo-slider-overlay .circleLeftButton .icon,
.ergoLevel-0 .yoyo-slider-overlay .circleRightButton .icon{
	display: none;
}
.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: 30px;
	bottom: 5px;
}

.yoyo-slider-overlay .circleRightButton .icon img {
	left: 0;
	right: auto;
	transform: translateX(-50%);
}
.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;
}
.pop-content .yoyo-slider-overlay .circle {
	background: #222;
}
.slider-area .yoyo-slider-overlay .circle {
	width: calc(100% - 88px);
	height: calc(100% - 88px);
}

.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 .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;
}
.pop-content .yoyo-slider-overlay .circle .circleInner {
	background: #222;
	box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.4);
}

.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 .s1.noTracking .history.today,
#p6 .s1.ergoLevel-0 .history.today,
#p6 .s1.noTracking .info-area .info-left,
#p6 .s1.noTracking .info-area .info-right{
	display: none;
}

#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: 20px;
	transform: scale(1) translateX(-50%);
	transform-origin: 0 0;
	display: none;
	text-align: center;
}
.yoyo-slider-overlay .circle .dotSlide .dot {
	width: 6px;
	height: 6px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 100%;
	display: inline-block;
	margin: 2px;
	transition: 0.2s;
}
.yoyo-slider-overlay .circle .dotSlide .dot.active {
	background: #777;
}

#p6 .s1 .yoyo-slider-overlay .circle {
	pointer-events: none;
}

#p6 .s1.ergoLevel-active .yoyo-slider-overlay .circle,
#p6 .s1.trackingFinished .yoyo-slider-overlay .circle,
#p6 .s1.trackingPaused .yoyo-slider-overlay .circle {
	pointer-events: all;
}

#p6 .s1.trackingFinished .slider-area .sliderWrap .yoyo-slider-arrow {
	opacity: 0;
}

.ergoLevel-active .yoyo-slider-overlay .circle .dotSlide,
.trackingFinished .yoyo-slider-overlay .circle .dotSlide,
.trackingPaused .yoyo-slider-overlay .circle .dotSlide {
	display: block;
}

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

.yoyo-slider-overlay .circle .num .val.valLoading,
.yoyo-slider-overlay .circle .num .val,
.yoyo-slider-overlay .circle .txtOverlay {
	font-family: "YOYONumbers Thin";
	font-size: 10vw;
	line-height: 1.3;
	display: block;
	text-align: center;
}

.yoyo-slider-overlay .circle .num .val.valTrackingDisabled{
	font-size: 7vw;
}


#p6 .yoyo-slider-overlay .circle .num .val.valTimeToNotify,
#p6 .yoyo-slider-overlay .circle .num .val.valTimeToChange{
	font-size: 12vw;
}


#p6 .s1 .circle .val.big.valTrackingDisabled{
	padding: 0 10px;
}

#p6 .s1 .circle .val.big.valNoTracking,
body.de #p6 .s1 .circle .val.big.valTrackingDisabled{
	font-size: 7vw;
}

#p6 .s1 .circle .val.big.valNoTracking,
#p6 .s1 .circle .val.big.valTrackingPaused,
#p6 .s1 .circle .val.big.valTrackingDisabled,
#p6 .s1 .circle .val.big.valTrackingPaused,
#p6 .ergoLevel-active.changeNow .circle .valChangeNow,
.yoyo-slider-overlay .circle .num .val.valLoading{
	font-family: "Neue Haas Unica W01 Thin";
}
.yoyo-slider-overlay .circle .num .val .noVal,
.yoyo-slider-overlay .circle .num .val.valLoading{
	font-family: "Neue Haas Unica W01 Thin";
	font-size: 7vw;
}

.yoyo-slider-overlay .circle .num .val .maxErgo {
	font-family: "YOYONumbers Light";
	font-size: 7vw;
	margin-left: 5px;
	display: none;
}
.yoyo-slider-overlay .circle .num .val .maxErgo .dash {
	margin-right: 4px;
}

.yoyo-slider-overlay .circle .num .val .unit {
	font-family: "Neue Haas Unica W01 Thin";
    font-size: 5vw;
	margin-left: 10px;
}

#p6 .goalTracking .yoyo-slider-overlay .circle .num .val.valCurrentTime .unit{
	margin-left: -4px;
}


#p6 .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: 16px;
	line-height: 16px;
	color: #777;
	position: relative;
	top: -3px;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.yoyo-slider-overlay .circle .num .txt.sub{
	padding: 0 10px;
	box-sizing: border-box;
}
.slider-bg {
	overflow: hidden;
	border-radius: 100%;
	background: #ccc;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.2s;
}
.pop-content .slider-bg {
	background: #555;
}
.slider-bg.kelvinImage {
	background: url(../media/slider_track_color.png);
	background-size: cover;
	transition: 0.2s;
}

.apiError-not_connected .slider-bg.kelvinImage {
	background: #ddd url();
	background-size: cover;
	transition: 0.2s;
}
.slider-bg.brightnessImage {
	background: url(../media/slider_track_brightness.png);
	background-size: cover;
	transition: 0.2s;
}

#p3.apiError-not_connected .main-head-sub.s2,
#p3.apiError-not_connected.withSegment2 .main-head-sub.s3 {
	opacity: 0.3;
	pointer-events: none;
}

/* ROUND BUTTONS */
.btnWrapper-area {
	height: 100px;
	transition: 0.2s;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

#p2 .s2.preset .btnWrapper-area,
.chair.notAvailable .btnWrapper-area,
.apiError-not_connected .btnWrapper-area,
.apiError-not_connected .ext-area,
#p6 .s1.noTracking .btnWrapper-area,
#p6 .s1.trackingFinished .btnWrapper-area {
	height: 0px;
}
.apiError-not_connected .ext-area,
#p6 .s1.noTracking .btnWrapper-area,
#p6 .s1.trackingFinished .btnWrapper-area {
	opacity: 0;
	overflow: hidden;
}

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

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

.bigRoundBtn {
	width: 132px;
}
.btnWrapper-area .roundBtn {
	position: relative;
	transition: 0.2s;
}
.roundBtn .circle,
.bigRoundBtn .circle {
	position: relative;
	z-index: 10;
	width: 46px;
	height: 46px;
	margin: 0 auto;
	cursor: pointer;
}
.bigRoundBtn .circle {
	width: 84px;
	height: 84px;
}
.roundBtn .circle.save {
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	text-align: right;
	height: 42px;
	border: 2px solid #ddd;
	border-radius: 23px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.roundBtn .circle.save img {
	height: 100%;
	right: 5px;
	left: auto;
	transform: translateX(0%);
	display: inline-block;
}
.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,
.roundBtn img.loading {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
.roundBtn img.hover,
.roundBtn img.click,
.roundBtn img.focus,
.roundBtn img.active{
	width: 46px;
}
.roundBtn img.loading {
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.roundBtn .circle:hover img.hover,
.roundBtn .circle:active img.click,
.roundBtn.focus img.focus,
.roundBtn.active img.active,
.notPreset .roundBtn.active.custom .circle.mylight img.normal,
.notPreset .roundBtn.active.custom .circle.save img.normal,
.locker-item.apiError-not_connected .roundBtn img.loading {
	opacity: 1;
}

.locker-item.apiError-not_connected .roundBtn .circle {
	background: #ccc;
	border-radius: 42px;
}

.locker-item.apiError-not_connected .roundBtn .sublabel {
	display: none;
}

.roundBtn.focus img.normal,
.roundBtn.active img.normal,
.notPreset .roundBtn.active.custom .circle.mylight img.active,
.locker-item.apiError-not_connected .roundBtn .circle img.normal,
.locker-item.apiError-not_connected .roundBtn .circle img.focus,
.locker-item.apiError-not_connected .roundBtn .circle img.active,
.locker-item.apiError-not_connected .roundBtn .circle img.hover,
.locker-item.apiError-not_connected .roundBtn .circle img.click {
	opacity: 0;
}

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

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

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

#p4 .bigRoundBtn {
	position: relative;
}

#p3 .lightSetting .roundBtn.custom{
	margin-left: 30px;
}


.personContainer .isOrganizer .p-name{
	color: #fff;
	font-family: "Neue Haas Unica W01 Regular";
}

/* EXT-Area */

.ext-area {
	margin: 0px 20px 20px 20px;
	padding: 0 15px;
	position: relative;
}

#p3 .ext-area {
	border-top: 1px solid #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

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

.widget-area {
	position: relative;
	text-align: center;
}
.widget-area .widget-left,
.widget-area .widget-right {
	padding: 0px 0px;
	vertical-align: top;
}
.widget-area .align-middle {
	vertical-align: middle;
}

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

.widget-area .widget-left {
	width: calc(26% - 5px);
	margin-right: 5px;
}
.widget-area .widget-right {
	width: calc(74% - 5px);
}
.widget-area .widget-vertical-line {
	position: absolute;
	left: 26%;
	top: 0;
	transform: translateX(-50%);
	width: 10px;
	height: 100%;
}
.widget-area .widget-vertical-line::after {
	content: '';
	width: 1px;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	background: #aaaaaa;
}

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

.busylight .widget-area .widget-left,
.busylight .widget-area .widget-right {
	vertical-align: middle;
}
.busylight .widget-area .widget-right {
	text-align: right;
}

.busylight .colorCircle {
	width: 16px;
	height: 16px;
	margin: 0 auto;
	display: inline-block;
	border-radius: 100%;
	background: rgb(255, 255, 255);
	background: radial-gradient(
		circle,
		rgba(255, 255, 255, 1) 0%,
		rgba(168, 165, 166, 1) 40%,
		rgba(111, 111, 111, 1) 90%
	);
	position: relative;
	top: 3px;
}
.busylight.isBusy .colorCircle {
	background: #61a7d1;
}
.busylight .widget-left {
	position: relative;
	top: -14px;
	text-align: left;
}
.busylight .widget-left span {
	color: #777;
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Regular";
	margin-left: 5px;
}
.busylight .roundBtn.switch.active .labelOn,
.busylight .roundBtn.switch .labelOff,
#p3 .roundBtn.switch .labelOff,
#p3 .roundBtn.switch.active .labelOn {
	display: none;
}
.busylight .roundBtn.switch .labelOn,
.busylight .roundBtn.switch.active .labelOff,
#p3 .roundBtn.switch .labelOn,
#p3 .roundBtn.switch.active .labelOff {
	display: inline-block;
}

#p2 .ext-area.busylight{
	display: none !important;
}


/* WORKPLACE STUFF */

.chair .circle .num {
	top: 50%;
}
.chair .ext-area,
.desk .ext-area {
	text-align: center;
	border-top: 1px dotted #cccccc;
	padding: 20px 0px;
}

.fmPermanentBookingDisabled .chairdelta-info{
	display: none;
}

.fmPermanentBookingEnabled .chairdelta-info{
	display: block;
}


.chair .chairdelta-info,
.chair .battery-info {
	position: relative;
    padding: 0;
    margin-bottom: 10px;
    height: 30px;
	/* 	border-bottom: 1px dotted #ccc; */
}
.age-info{
	height: 44px;
	position: relative;
	margin: 20px;
}

.chair .chairdelta-info .cap {
    padding-left: 0px;
    padding-top: 6px;
}
.chair .chairdelta-info .cap p {
    font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
    color: #999;
    line-height: 18px;
    text-align: left;
    width: 60%;
}

.chair.apiError-not_connected .battery-info,
.chair.notAvailable .ext-area {
	opacity: 0;
}
.chair .battery-info .left, .chair .chairdelta-info .left, .age-info .left {
    position: relative;
    padding-left: 0px;
    top: 0;
    text-align: left;
    width: 60%;
}
.age-info .left{
	top: 50%;
	transform: translateY(-50%);
}
.age-info .center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.age-info .right .textBtn{
	margin-top: 0;
}
.chair .battery-info .right, .chair .chairdelta-info .right, .age-info .right {
    position: absolute;
    right: 0px;
    top: 0;
    text-align: right;
}
.text-btn {
    color: #0FB9C3;
    text-decoration: underline;
    cursor: pointer;
}
.text-btn.disabled{
	color: #666;
	pointer-events: none;
}
.age-info .right{
	width: 40%;
}
.age-info .right input{
	text-align: right;
}
.text-btn.editChairdelta {
    padding: 5px 0px 15px 15px;
}
.chair .chairdelta-info label,
.chair .battery-info label,
.age-info label {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	color: #777;
}

.chair .battery {
	width: 20px;
	height: 11px;
	transition: 0.2s;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.chair .battery-info .percent, .chair .chairdelta-info .right {
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 14px;
    color: #777;
    display: inline-block;
    margin-left: 10px;
}

.chair.disconnected .battery {
	display: none;
}

.chair .battery .battery-outline {
	border: 2px solid #aaa;
	border-radius: 3px;
	width: 100%;
	height: 100%;
}
.chair .battery .battery-end {
	width: 3px;
	height: 5px;
	border: 2px solid #aaa;
	border-radius: 3px;
	border-left: 0;
	position: absolute;
	right: -7px;
	top: 3px;
}

.chair .battery .battery-outline .inner {
	margin: 1px 0px 0px 1px;
	width: 18px;
	height: 9px;
	border-radius: 2px;
	background: #aaa;
	overflow: hidden;
}
.chair.batteryLow .battery .battery-outline .inner {
	background: #c81e1e;
	-webkit-animation: blinkingBattery 1s ease infinite;
	-moz-animation: blinkingBattery 1s ease infinite;
	-ms-animation: blinkingBattery 1s ease infinite;
	-o-animation: blinkingBattery 1s ease infinite;
	animation: blinkingBattery 1s ease infinite;
}
.chair .battery .battery-outline .inner .whiteOverlay {
	background: #fff;
	width: 100%;
	height: 100%;
	transform: translateX(80%);
}

.chair .battery .battery-outline .inner .greyOverlay {
	width: 100%;
	height: 9px;
	transform: translateX(calc(80% - 2px));
	position: absolute;
	left: 0;
	top: 3px;
	overflow: hidden;
}
.chair .battery .battery-outline .inner .greyOverlay .innerGrey {
	background: #ffffff;
	width: 4px;
	height: 11px;
	display: block;

	transform: rotate(-15deg);
	transform-origin: 0 0;
}

.chair .battery-percent {
	font-size: 12px;
	font-family: "Neue Haas Unica W01 UltraLight";
	color: #999;
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
}

.chair .infoBattery {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	line-height: 16px;
	color: #aaa;
	display: inline-block;
	opacity: 0;
	display: none;
	pointer-events: none;
	vertical-align: middle;
}
.chair .infoBattery span {
	padding: 0 0 0 10px;
}

.chair.batteryOk .infoBattery.batteryOk {
	opacity: 1;
	display: inline-block;
}

.chair.batterySoonLow .infoBattery.batterySoonLow {
	-webkit-animation: showAndHideBattery 3s ease forwards;
	-moz-animation: showAndHideBattery 3s ease forwards;
	-ms-animation: showAndHideBattery 3s ease forwards;
	-o-animation: showAndHideBattery 3s ease forwards;
	animation: showAndHideBattery 3s ease forwards;
}

.chair .infoBattery.batteryLow {
	color: #c81e1e;
}

.chair.batteryLow .infoBattery.batteryLow {
	opacity: 1;
	transform: scale(1);
}

@keyframes showAndHideBattery {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	20% {
		transform: scale(1);
		opacity: 1;
	}
	80% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.8);
		opacity: 0;
	}
}

@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 blinkingBattery {
	0% {
		background: #c81e1e;
	}
	50% {
		background: #ffffff;
	}
	100% {
		background: #c81e1e;
	}
}

#p6 .s1 .defaultNum .val,
#p6 .s1 .defaultNum .txt {
	display: none;
}

#p6 .s1 .circle .val.big {
	line-height: 0.9;
	margin-bottom: 0px;
}

#p6 .s1 .circle .val.valChangeNow{
	margin-bottom: 10px;
}

#p6 .valNoTracking {
	color: #777;
}

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


#p6 .ergoLevel-active.ergoLevel-2 .circle .valTimeToNotify .val,
#p6 .ergoLevel-active.ergoLevel-3 .circle .valTimeToChange .val,
#p6 .ergoLevel-active.ergoLevel-2 .circle .valTimeToNotify,
#p6 .ergoLevel-active.ergoLevel-3 .circle .valTimeToChange,
#p6 .ergoLevel-0 .circle .valTrackingDisabled,
#p6 .ergoLevel-0 .circle .txtTrackingDisabled,
#p6 .noTracking .circle .valNoTracking,
#p6 .noTracking .circle .txtNoTracking,
#p6 .trackingLoading .circle .num .val.valLoading,
#p6 .trackingPaused .circle .valTrackingPaused,
#p6 .ergoLevel-active .circle .valCurrentTime,
#p6 .ergoLevel-active .circle .valCurrentTime .val,
#p6 .ergoLevel-active.toStand .circle .txtUntilChangeToStand,
#p6 .ergoLevel-active.toSit .circle .txtUntilChangeToSit,
#p6 .ergoLevel-active.changeNow .circle .valChangeNow,
#p6 .ergoLevel-active.changeNow.toStand .circle .txtChangeToStand,
#p6 .ergoLevel-active.changeNow.toSit .circle .txtChangeToSit {
	display: inline-block;
}
#p6 .changeNow .circle .valCurrentTime,
#p6 .ergoLevel-active.changeNow .circle .txtUntilChangeToStand,
#p6 .ergoLevel-active.changeNow .circle .txtUntilChangeToSit,
#p6 .ergoLevel-active.changeNow.ergoLevel-2 .circle .valTimeToNotify,
#p6 .ergoLevel-active.changeNow.ergoLevel-3 .circle .valTimeToChange,
#p6 .trackingLoading.ergoLevel-active.ergoLevel-2 .circle .valTimeToNotify .val,
#p6 .trackingLoading.ergoLevel-active.ergoLevel-3 .circle .valTimeToChange .val,
#p6 .trackingLoading.ergoLevel-active.ergoLevel-2 .circle .valTimeToNotify,
#p6 .trackingLoading.ergoLevel-active.ergoLevel-3 .circle .valTimeToChange,
#p6 .trackingLoading.trackingFinished .circle .valTrackingFinished,
#p6 .trackingLoading.trackingFinished .circle .valTrackingFinished .val,
#p6 .trackingLoading.trackingFinished .circle .txtTrackingFinished,
#p6 .trackingLoading.ergoLevel-active .circle .valCurrentTime,
#p6 .trackingLoading.ergoLevel-active .circle .valCurrentTime .val,
#p6 .trackingLoading.ergoLevel-active.toStand .circle .txtUntilChangeToStand,
#p6 .trackingLoading.ergoLevel-active.toSit .circle .txtUntilChangeToSit,
#p6 .trackingLoading.ergoLevel-active.changeNow .circle .valChangeNow,
#p6 .trackingLoading.ergoLevel-active.changeNow.toStand .circle .txtChangeToStand,
#p6 .trackingLoading.ergoLevel-active.changeNow.toSit .circle .txtChangeToSit {
	display: none;
}

#p6 .yoyo-slider-overlay .circle .num .val .unit {
    margin-left: -5px;
}

.chair .yoyo-slider-overlay .circle .numDiff {
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) scale(1);
	transition: 0.2s;
}

#p6 .ergoLevel-active .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);
}

.goalsSettingSlider.yoyo-slider .rs-range-color, .ergoLevel-active .goalsTrackingSlider.yoyo-slider .rs-range-color {
    background: #1ec8b4;
}

.goalsSettingSlider.yoyo-slider .rs-path-color, .ergoLevel-active .goalsTrackingSlider.yoyo-slider .rs-path-color {
    background: #00aad2;
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.desk .stopBtn {
	pointer-events: none;
	box-shadow: none;
	padding: 0;
	width: 75%;
	height: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: scale(0.5) translateX(-50%) translateY(-50%);
	transform-origin: 0 0;
	border-radius: 100%;
	transition: 0.3s 0s;
	cursor: pointer;
	background: -moz-linear-gradient(bottom, #c81e1e 0%, #e26a04 100%);
	background: -webkit-linear-gradient(bottom, #c81e1e 0%, #e26a04 100%);
	background: linear-gradient(to top, #c81e1e 0%, #e26a04 100%);
}

.desk .stopBtn.mdl-button--raised.mdl-button--colored:hover {
	background: -moz-linear-gradient(bottom, #c81e1e 0%, #e26a04 100%);
	background: -webkit-linear-gradient(bottom, #c81e1e 0%, #e26a04 100%);
	background: linear-gradient(to top, #c81e1e 0%, #e26a04 100%);
}

.desk.moving .stopBtn {
	opacity: 1;
	transform: scale(1) translateX(-50%) translateY(-50%);
	transition: 0.3s 0.1s;
	pointer-events: all;
}
.desk .stopBtn:active {
	background: -moz-linear-gradient(bottom, #000000 0%, #e26a04 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #000000 0%, #e26a04 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to top,
		#000000 0%,
		#e26a04 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.desk .stopBtn span {
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-family: "Neue Haas Unica W01 Medium";
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.desk.preset .okIcon,
.chair.preset .okIcon {
	-webkit-animation: showAndHide 3s ease forwards;
	-moz-animation: showAndHide 3s ease forwards;
	-ms-animation: showAndHide 3s ease forwards;
	-o-animation: showAndHide 3s ease forwards;
	animation: showAndHide 3s ease forwards;
}

.illu,
.desk .okIcon,
.chair .okIcon,
.circleInner .loadingIcon {
	pointer-events: none !important;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 100%;
	background: #fff;
	transform: scale(0.5) translateX(-50%) translateY(-50%);
	transform-origin: 0 0;
}
.illu span{
	color: #777;
	font-size: 15vw;
	line-height: 15vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	font-family: "Neue Haas Unica W01 Thin";
}

.illu img,
.desk .okIcon img,
.chair .okIcon img,
.circleInner .loadingIcon img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 80% !important;
	height: 80% !important;
}
.illu img{
	
	top: auto;
	bottom: 50% !important;
	transform: translateX(-50%) translateY(0%);
}
.circleInner .loadingIcon img {
	width: 100%;
	height: 100%;
	opacity: 0.8;
}


.illu,
.circleInner .loadingIcon{
	transition: 0.2s;
}

.disconnected .illu,
.connectionState-stopped .illu,
.connectionState-disconnected .illu,
.noTracking .illu{
	opacity: 1;
}


#p6 .ext-area.statusTextWrap {
    display: none;
}


.desk.disconnected .yoyo-slider,
.desk.proximity .yoyo-slider,
.chair.disconnected .yoyo-slider,
.chair.notAvailable .yoyo-slider,
.chair.apiError-not_connected .yoyo-slider {
	background: #ddd;
	border-radius: 100%;
}

.desk.proximity .yoyo-slider .rs-range-color {
	background: #666;
}
.desk.proximity .yoyo-slider .rs-handle {
	border: 2px solid #666;
}
.desk.proximity .yoyo-slider-arrow {
	opacity: 0;
}

.goalTracking .statusText,
.goalSetting .statusText,
.lightSetting .statusText,
.lightSeg1 .statusText,
.lightSeg2 .statusText,
.locker1 .statusText,
.locker2 .statusText,
.locker3 .statusText,
.desk .statusText,
.chair .statusText,
.desk.disconnected .circle .num,
.chair.disconnected .circle .num,
.chair.notAvailable .circle .num,
.desk.disconnected .yoyo-slider-overlay .circleLeftButton .icon,
.desk.disconnected .yoyo-slider-overlay .circleRightButton .icon,
.desk.disconnected .yoyo-slider .rs-container,
.chair.disconnected .yoyo-slider .rs-container,
.chair.notAvailable .yoyo-slider .rs-container,
.apiError-not_connected .yoyo-slider .rs-container,
.apiError-not_connected .yoyo-slider-range,
.apiError-not_connected .yoyo-slider-arrow,
.noTracking .yoyo-slider-arrow,
.apiError-not_connected .circle .num {
	opacity: 0;
}

.desk .statusPreset span,
.chair .statusNotPreset span,
.chair .lift,
.chair .lower {
	display: none;
}
.goalTracking.trackingFinished.score9 .statusFinished.score9,
.goalTracking.trackingFinished.score7 .statusFinished.score7,
.goalTracking.trackingFinished.score4 .statusFinished.score4,
.goalTracking.trackingFinished.score0 .statusFinished.score0,
.desk.preset.presetSit .statusPreset span.sit,
.desk.preset.presetLean .statusPreset span.lean,
.desk.preset.presetStand .statusPreset span.stand,
.chair.notPreset.lift .statusNotPreset .lift,
.chair.notPreset.lower .statusNotPreset .lower {
	display: inline-block;
}

.desk.disconnected .yoyo-slider-overlay .circleLeftButton .bg,
.desk.disconnected .yoyo-slider-overlay .circleRightButton .bg,
.desk.disconnected .yoyo-slider,
.desk.proximity .yoyo-slider,
.desk.disconnected .circle .num .transInput {
	pointer-events: none;
}

.ergoLevel-0 .yoyo-slider-overlay .circleLeftButton .bg,
.ergoLevel-0 .yoyo-slider-overlay .circleRightButton .bg,
.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;
}
.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,
.ergoLevel-0 .standTracking,
.ergoLevel-0 .standTrackingOver,
.ergoLevel-0 .sitTracking,
.ergoLevel-0 .sitTrackingOver,
.ergoLevel-0 .seperators {
	display: none !important;
}

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

.disconnected .yoyo-slider-overlay .circleRightButton,
.notAvailable .yoyo-slider-overlay .circleRightButton {
	border-left-color: #aaa;
}


#p17 .yoyo-slider-overlay .circleLeftButton .bg,
#p17 .yoyo-slider-overlay .circleRightButton .bg{
	background: -webkit-linear-gradient(left, #000 0%, #000 100%);
}
#p17 .content-bodysize .yoyo-slider-overlay .circleLeftButton .bg,
#p17 .content-bodysize .yoyo-slider-overlay .circleRightButton .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%);
}

#p17 .yoyo-slider-overlay .circleRightButton{
	border-left-color: #000;
}

.ergoLevel-0 .statusTrackingDisabled,
.s1.trackingFinished.score9 .statusFinished.score9,
.s1.trackingFinished.score7 .statusFinished.score7,
.s1.trackingFinished.score4 .statusFinished.score4,
.s1.trackingFinished.score0 .statusFinished.score0,
.desk.moving .statusMoving,
.desk.proximity .statusProximity,
.desk.notPreset .statusNotPreset,
.desk.preset .statusPreset,
.chair.preset .statusPreset,
.noTracking .statusDisconnected,
.disconnected .goalTracking .statusDisconnected,
.desk.disconnected .statusDisconnected,
.chair.disconnected .statusDisconnected,
.chair.notPreset .statusNotPreset,
.chair.notAvailable .statusNotAvailable,
.chair.notPreset.lift .statusNotPreset .lift,
.chair.notPreset.lower .statusNotPreset .lower,
.locker1.inProgress .statusProgress,
.locker2.inProgress .statusProgress,
.locker3.inProgress .statusProgress,
.apiError-not_connected .loadingIcon,
.apiError-not_connected .statusNotConnected,
.goalSetting.notSavedMyGoal .statusText,
#p3.lightAuto .lightSetting .statusAuto,
#p3.lightDemo .lightSetting .statusDemo,
#p3.lightCustom .lightSetting.notPreset .statusCustomNotPreset {
	opacity: 1;
}

.disconnected .ergoLevel-0 .statusTrackingDisabled{
	opacity: 0;
}

.apiError-not_connected .yoyo-slider,
.locker-item.apiError-not_connected .bigRoundBtn,
.desk.proximity .roundBtn.sit,
.desk.proximity .roundBtn.lean,
.desk.proximity .roundBtn.stand {
	pointer-events: none !important;
}

#lightChart {
	opacity: 1;
	transition: 0.2s;
	pointer-events: none;
}

.desk.proximity .roundBtn.sit,
.desk.proximity .roundBtn.lean,
.desk.proximity .roundBtn.stand,
.lightDemo #lightChart,
.lightCustom #lightChart {
	opacity: 0.3;
}

.locker1.isOpened .statusOpened,
.locker1.isClosed .statusClosed,
.locker2.isOpened .statusOpened,
.locker2.isClosed .statusClosed,
.locker3.isOpened .statusOpened,
.locker3.isClosed .statusClosed,
#p3.lightCustom .lightSetting .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;
}

#p3.lightCustom .lightSetting.notPreset .statusCustom {
	opacity: 0;
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

.desk.presetSit .statusPreset .sit,
.desk.presetLean .statusPreset .lean,
.desk.presetStand .statusPreset .stand {
	display: inline-block;
}

.bigRoundBtn.focus:hover img.normal,
.bigRoundBtn.focus:hover img.hover {
	display: none;
}

.desk.disconnected .btnWrapper-area {
	height: 0px;
}

.desk .save,
.light .save,
.goalSetting .save {
	opacity: 0;
	pointer-events: none;
	max-width: 0px;
	transition: 0.2s;
	transform: translateX(0%);
}

.desk.notPreset.nearSit .roundBtn.sit:not(.focus) .save,
.desk.notPreset.nearLean .roundBtn.lean:not(.focus) .save,
.desk.notPreset.nearStand .roundBtn.stand:not(.focus) .save,
.light .notPreset .save,
.goalSetting.notSavedMyGoal .save {
	opacity: 1;
	max-width: 100px;
	pointer-events: all;
	transform: translateX(0%);
	width: 75px;
}

.desk.notPreset.nearSit .roundBtn.sit:not(.focus),
.desk.notPreset.nearLean .roundBtn.lean:not(.focus),
.desk.notPreset.nearStand .roundBtn.stand:not(.focus),
.light .notPreset .roundBtn.custom,
.goalSetting.notSavedMyGoal .roundBtn.mygoal {
	margin-right: 56px;
}




.workflow .content-timeframe .yoyo-slider-overlay .circleLeftButton .bg,
.workflow .content-timeframe .yoyo-slider-overlay .circleRightButton .bg,
#p12 .circleLeftButton .bg,
#p12 .circleRightButton .bg{
	background: #000;
}
#p12 .circleLeftButton .bg,
#p12 .circleRightButton .bg{
	pointer-events: all !important;
}


@keyframes rotateMe {
	0% {
		transform: rotate(0) translateX(-50%);
	}
	100% {
		transform: rotate(360deg) translateX(-50%);
	}
}
@keyframes flash {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes showAndHide {
	0% {
		transform: scale(0.5) translateX(-50%) translateY(-50%);
		opacity: 0;
	}
	20% {
		transform: scale(1) translateX(-50%) translateY(-50%);
		opacity: 1;
	}
	80% {
		transform: scale(1) translateX(-50%) translateY(-50%);
		opacity: 1;
	}
	100% {
		transform: scale(0.5) translateX(-50%) translateY(-50%);
		opacity: 0;
	}
}
@keyframes infoTextShowAndHide {
	0% {
		transform: scale(0.8) translateX(-50%) translateY(-50%);
		opacity: 0;
	}
	10% {
		transform: scale(1) translateX(-50%) translateY(-50%);
		opacity: 1;
	}
	90% {
		transform: scale(1) translateX(-50%) translateY(-50%);
		opacity: 1;
	}
	100% {
		transform: scale(0.8) translateX(-50%) translateY(-50%);
		opacity: 0;
	}
}

/* LIGHT STUFF*/

.main-head-sub.seg2 {
	display: none !important;
}

.withSegment2 .main-head-sub.seg2 {
	display: inline-block !important;
}

.withSegment2 .main-head-sub.seg1 i,
.withSegment2 .main-head-sub.seg2 i,
.withSegment1 .main-head-sub.seg1 span.valueText {
	display: none;
}

#p3 .rs-handle {
	border: 2px solid rgba(255, 255, 255, 0);
}

#p3 .curves {
	position: relative;
	height: 80px;
	transform: scale(1);
	transition: 0.4s;
	transform-origin: 50% 100%;
	margin-left: 20%;
	margin-right: 10%;
	display: none;
}
#p3.lightAuto .curves {
	transform: scale(1);
}
#p3 .curves img {
	height: 100%;
	width: 100%;
	filter: brightness(0);
	opacity: 0.1;
	transition: 0.6s;
}
#p3.lightAuto .curves img {
	filter: brightness(1);
	opacity: 1;
}
#p3 .curves .curve {
	display: inline-block;
}
#p3 .curves .morning {
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#p3 .curves .currentTime {
	width: 19px;
	height: 100%;
	position: relative;
	left: 0%;
	top: 40px;
	transform: translateX(-50%);
	opacity: 0;
	transition: 0.2s 0.4s;
}
#p3.lightAuto .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 #p3.lightAuto .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;
}

#p3 .curves .currentTime .square {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	overflow: hidden;
	background: #ddd;
	border: 2px solid #ddd;
	position: relative;
	height: 80px;
	transform: scale(1);
	transition: 0.4s;
	transform-origin: 50% 100%;
	margin-left: 20%;
	margin-right: 10%;
	display: none;
}
#p3.lightAuto .curves {
	transform: scale(1);
}
#p3 .curves img {
	height: 100%;
	width: 100%;
	filter: brightness(0);
	opacity: 0.1;
	transition: 0.6s;
}
#p3.lightAuto .curves img {
	filter: brightness(1);
	opacity: 1;
}
#p3 .curves .curve {
	display: inline-block;
}
#p3 .curves .morning {
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#p3 .curves .currentTime {
	width: 19px;
	height: 100%;
	position: relative;
	left: 0%;
	top: 40px;
	transform: translateX(-50%);
	opacity: 0;
	transition: 0.2s 0.4s;
}
#p3.lightAuto .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 #p3.lightAuto .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;
}

#p3 .curves .currentTime .square {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	overflow: hidden;
	background: #ddd;
	border: 2px solid #ddd;
	position: relative;
	z-index: 12;
}
#p3 .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);
}

#p3.lightAuto .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 #p3.lightAuto .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;
}

.lightModel-waldmann #p3 .roundBtn.auto {
	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;
	}
}
#p3 .curves .breaktime {
	width: 20%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 40%;
	top: 0;
}
#p3 .curves .afternoon {
	width: 40%;
	height: 100%;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}

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

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

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

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

#p3 .break .slider-range {
	position: absolute;
	left: 20%;
	right: 10%;
	pointer-events: all;
	opacity: 1;
	transition: 0.2s;
}

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

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -15px;
}

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

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

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

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

#p3 .lightSetting .yoyo-slider,
#p3 .lightSeg1 .yoyo-slider,
#p3 .lightSeg2 .yoyo-slider,
.chair.notAvailable .yoyo-slider-arrow,
.chair.notAvailable .yoyo-slider-range,
#p3 .lightSeg1.luminanceNotReadable .yoyo-slider-arrow,
#p3 .lightSeg2.luminanceNotReadable .yoyo-slider-arrow,
#p3 .lightSeg2.luminanceNotReadable .yoyo-slider-overlay .circle .num.transInputWrap,
.lightModel-waldmann #p3.lightAuto .lightSetting .yoyo-slider-arrow,
#p3 .lightSetting .yoyo-slider-overlay .circleLeftButton .icon,
#p3 .lightSetting .yoyo-slider-overlay .circleRightButton .icon,
#p3 .lightSeg1 .yoyo-slider-overlay .circleLeftButton .icon,
#p3 .lightSeg2 .yoyo-slider-overlay .circleLeftButton .icon,
#p3 .lightSeg1 .yoyo-slider-overlay .circleRightButton .icon,
#p3 .lightSeg2 .yoyo-slider-overlay .circleRightButton .icon {
	display: none;
}
#p3 .lightSetting.colTempControl .yoyo-slider,
#p3 .lightSeg1.luminanceControl .yoyo-slider,
#p3 .lightSeg2.luminanceControl .yoyo-slider,
#p3 .lightSetting.colTempControl .yoyo-slider-overlay .circleLeftButton .icon,
#p3 .lightSetting.colTempControl .yoyo-slider-overlay .circleRightButton .icon,
#p3 .lightSeg1.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .icon,
#p3 .lightSeg2.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .icon,
#p3 .lightSeg1.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .icon,
#p3 .lightSeg2.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .icon {
	display: block;
}

#p3 .lightSetting .yoyo-slider-overlay .circleRightButton,
#p3 .lightSeg1 .yoyo-slider-overlay .circleRightButton,
#p3 .lightSeg2 .yoyo-slider-overlay .circleRightButton {
	border-left: 0;
}

#p3 .lightSetting.colTempControl .yoyo-slider-overlay .circleRightButton,
#p3 .lightSeg1.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton,
#p3 .lightSeg2.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton {
	border-left: 2px solid #fff;
}

#p3 .lightSeg1.lightOn .slider-bg.brightnessImage {
	background: #1ec8b4 url();
	transition: 0.2s;
}
#p3 .lightSeg2.lightOn .slider-bg.brightnessImage {
	background: #1ec8b4 url();
	transition: 0.2s;
}

#p3 .lightSeg1.luminanceControl.lightOn .slider-bg.brightnessImage {
	background: url(../media/slider_track_brightness.png);
	background-size: cover;
	transition: 0.2s;
}
#p3 .lightSeg2.luminanceControl.lightOn .slider-bg.brightnessImage {
	background: url(../media/slider_track_brightness.png);
	background-size: cover;
	transition: 0.2s;
}
#p3 .lightSetting .transInput,
#p3.lightAuto .lightSetting .transInput,
#p3 .lightSeg1 .transInput,
#p3 .lightSeg2 .transInput,
#p3 .lightSetting .yoyo-slider-overlay .circleLeftButton .bg,
#p3 .lightSetting .yoyo-slider-overlay .circleRightButton .bg,
#p3 .lightSeg1 .yoyo-slider-overlay .circleLeftButton .bg,
#p3 .lightSeg2 .yoyo-slider-overlay .circleLeftButton .bg,
#p3 .lightSeg1 .yoyo-slider-overlay .circleRightButton .bg,
#p3 .lightSeg2 .yoyo-slider-overlay .circleRightButton .bg {
	pointer-events: none;
}

#p3 .lightSetting.colTempControl .yoyo-slider-overlay .circleLeftButton .bg,
#p3 .lightSetting.colTempControl .yoyo-slider-overlay .circleRightButton .bg,
#p3 .lightSeg1.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .bg,
#p3 .lightSeg2.luminanceControl.lightOn .yoyo-slider-overlay .circleLeftButton .bg,
#p3 .lightSeg1.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .bg,
#p3 .lightSeg2.luminanceControl.lightOn .yoyo-slider-overlay .circleRightButton .bg {
	pointer-events: all;
}
#p3 .lightSetting .transInputWrap label,
#p3 .lightSeg1 .transInputWrap label,
#p3 .lightSeg2 .transInputWrap label,
#p3.lightAuto .lightSetting .transInputWrap label,
.transInputWrap label {
	border-top: 0;
}
/*

#p3.lightCustom .lightSetting.colTempControl .transInputWrap label,
#p3 .lightSeg1.luminanceControl .transInputWrap label,
#p3 .lightSeg2.luminanceControl .transInputWrap label{
    border-top: 1px solid #ccc;
}
*/

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

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

#p4 .main-head-sub.s2,
#p4 .main-head-sub.s3 {
	display: none !important;
}

#p4.withLock2 .main-head-sub.s2,
#p4.withLock3 .main-head-sub.s2,
#p4.withLock3 .main-head-sub.s3 {
	display: inline-block !important;
}

#p9 .helpYoyoLogo {
	width: 70%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
}

#p9 .roundKv {
	width: 60%;
	height: auto;
	display: inline-block;
	margin: 0 auto;
}

.yoyoProfile {
	background: #191919;
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
	position: relative;
}

.yoyoProfile .badge {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	color: #ccc;
	font-size: 30px;
	margin-top: 10px;
}
.yoyoProfile .name {
	display: inline-block;
	color: #ccc;
	vertical-align: top;
	font-size: 18px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 50px;
}

.yoyoProfile .editLink {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	color: #777;
	font-size: 16px;
	padding: 20px;
	font-family: "Neue Haas Unica W01 Regular";
}

.profileActions {
	margin-top: 20px;
	margin-bottom: 10px;
}

.content-box {
	margin: 0 -20px;
	background: #444;
	position: relative;
}
.content-box.disabled,
.hwDemoMode .item.lockersAppLink,
.item.radioWrap.disabled {
	pointer-events: none;
	opacity: 0.3;
}
.hwDemoMode .item.lockersAppLink {
	opacity: 1;
	color: #555;
}
.hwDemoMode .item.lockersAppLink .icon {
	opacity: 0.3;
}

.hwDemoMode .item.nav-item[data-page="8"] {
	display: none;
}

.content-box .left {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-right: 10px;
}
.content-box .right {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 10px;
}
.content-box.morePadding {
	padding-bottom: 5px;
}
.content-box.output {
	border-top: 1px solid #333;
	padding: 10px 0px;
}
.content-box .inner {
	padding: 6px 20px;
	position: relative;
	min-height: 40px;
}

.content-box.output.deskPresetsChanged .inner,
.content-box.output.chairPresetsChanged .inner,
.content-box.output.lightPresetsChanged .inner{
	min-height: auto;
	font-family: "Neue Haas Unica W01 Light";
    font-size: 14px;
    line-height: 16px;
}

.content-box .icn {
	display: inline-block;
	width: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.content-box .text {
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
	padding-left: 36px;
}
.content-box.output .text {
	padding-left: 0px;
	width: 100%;
}

.content-box.withAction .text {
	padding-right: 80px;
}

.content-box .text p {
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin: 0;
}
.content-box.output .text p {
	font-size: 14px;
	line-height: 18px;
}

.content-box .text p.small {
	font-family: "Neue Haas Unica W01 Light";
	font-size: 14px;
	line-height: 16px;
	color: #ccc;
	margin-top: 3px;
}
.content-box.output .text p.small {
	font-style: italic;
	font-size: 12px;
	line-height: 14px;
}
.content-box.output .text p.small.notItalic {
	font-style: normal;
}
.yo-user-sit {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../media/fa-icon/icon_sit.svg) no-repeat center center;
	background-size: 40px 40px;
	position: relative;
	left: -12px;
	top: 2px;
}
.yo-user-lean {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../media/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(../media/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(../media/nav/icon_menue_25px_workplace.svg) no-repeat center center;
}
.yo-chair {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../media/fa-icon/icon_chair.svg) no-repeat center center;
	background-size: 40px 40px;
	position: relative;
	left: -12px;
	top: 2px;
}
.yo-room {
	display: inline-block;
	width: 24px;
	height: 50px;
	background: url(../media/nav/icon_menue_25px_meetingroom.svg) no-repeat center center;
}
.yo-light-indirect{
	
	background: url(../media/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(../media/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;
	
}

.nonErgoWorkplace .overlayUpgradeContent{
	display: none;
}

.content-box .action {
	display: inline-block;
	width: 50px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.content-box.onlyAction .action {
	width: 80%;
	text-align: right;
}

.content-box.onlyAction .action .textBtn.small {
	margin: 8px 15px;
}

.content-box .action .delete {
	width: 25px;
	height: 30px;
	background: url(../media/icon_trash.svg) no-repeat center center;
	display: inline-block;
}

.txtPresetErgonomic,
.txtPresetNotErgonomic {
	display: none;

	font-family: "Neue Haas Unica W01 Light";
	font-size: 14px;
	line-height: 20px;
}

.txtPresetErgonomic .fa-check {
	margin-left: 10px;
}

.content-box.isErgonomic .txtPresetErgonomic,
.content-box.isNotErgonomic .txtPresetNotErgonomic {
	display: inline-block;
}

.content-pop-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
}
.content-pop-box.inView {
	display: block;
}
.content-pop-box .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.content-pop-box .inner {
	width: 80vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: #444;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px 20px;
}

.content-pop-box .pop-head {
	color: #fff;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}
.content-pop-box .pop-head .icn {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
}

.pop-action {
	padding: 20px 0px 10px 0px;
}

.wpPresetList {
	margin-top: 15px;
}

.wpPresetList .wp-item {
	display: inline-block;
	border-radius: 10px;
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin: 10px;
	padding: 10px 15px;
	background: linear-gradient(90deg, #1ec8b4 0%, #00aad2 100%);
}
.wpPresetList .wp-item .wp-name {
	color: #fff;
}
.wpPresetList .wp-item .wp-id {
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Light";
	color: #eee;
}

.fmWrap {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	display: none;
}

.fm-user {
	padding: 0px 20px;
	position: relative;
	box-sizing: border-box;
	transition: 0.2s;
}

.fm-user-logout {
	border-bottom: 1px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateY(-100%);
	transition: 0.2s 0.2s;
	background: #fff;
}

.fm-user-logout .username {
	text-align: left;
	font-size: 16px;
	font-family: "Neue Haas Unica W01 Regular";
	color: #333;
	line-height: 44px;
}

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

.txtFmFullname.small {
	margin-left: 7px !important;
}

.fm-user-logout .btnLogout {
	margin: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.fm-user-login {
	transform: scale(1);
	transition: 0.2s 0.2s;
}

.fm-user-login .process,
.fm-user-login .loading label {
	font-size: 14px;
	font-family: "Neue Haas Unica W01 Light";
	color: #999;
}

.fm-user-login .failed {
	position: relative;
	width: 100%;
	text-align: center;
}

.fm-user-login .process.failed {
	opacity: 0;
	display: none;
	transition: 0.2s;
}

.fm-user-login .process .textBtn {
	pointer-events: all;
}

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

.fm-user-login .process .red,
p.red {
	color: #d40404;
	font-family: "Neue Haas Unica W01 Regular";
}
.fm-user-login .loading {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	transform: scale(0.95);
	transition: 0.2s;
}
.loadingPerson .fm-user-login .loading {
	opacity: 1;
	transform: scale(1);
}
.fm-user-login .loading img {
	width: 80px;
	height: 80px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.fm-user-login .loading .bgLoading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
.fm-user-login .loading .inner {
	position: absolute;
	text-align: center;
	padding: 20px;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translateY(-50%) translateX(-50%);
}
.fm-user-login .loading label {
	font-family: "Neue Haas Unica W01 Regular";
	color: #999;
	margin-top: 10px;
	display: block;
}

.bookingModeOnline.fmLoggedOut .fm-user-login input,
.bookingModeOnline.fmLoggedOut .fm-user-login .btn,
.bookingModeOnline.fmLoggedIn .fm-user-logout .textBtn {
	pointer-events: all;
}

.bookingModeOnline .offline-user,
.bookingModeOffline .fm-user {
	display: none;
}
.bookingModeOnline.fmLoggedOut .bookingWrap {
	opacity: 0;
	pointer-events: none;
	transform: scale(0.95);
	transition: 0.2s;
}
.bookingModeOnline.fmLoggedIn .bookingWrap {
	opacity: 1;
	pointer-events: auto;
	transition: 0.2s 0.4s;
	transform: scale(1);
}
.bookingModeOnline.fmLoggedIn .fm-user-logout {
	transform: translateY(0%);
}

.bookingModeOnline.fmLoggedIn .fm-user-login {
	opacity: 0;
	pointer-events: none;
	transform: scale(0.95);
}
/*

.bookingModeOnline .logged-in-fm-user {
	margin-top: 47px;
}
*/

.bookingModeOnline .console-hint {
	display: none;
}

#splash {
	display: block;
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	color: #fff;
}

.showWorkplaceIntroOnly #splash{
	display: none !important;
}

#splash .inner {
	height: 100%;
}
#splash img {
	width: 100%;
	height: auto;
}

#splash .splashLogo {
	width: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: 0.4s;
	pointer-events: none;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
#splash .splashLogo img {
	transition: 0.4s;
}
.showIntro #splash .splashLogo {
	opacity: 1;
}
.showIntro #splash .splashLogo img.sub {
	
}
.showIntro #splash .splashLogo img{
	
}
.showLanguage #splash .splashLogo img {
	
}
#splash .splashLogo .sub {
	opacity: 0;
	transition: opacity 0.4s;
}

#splash .version {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 14px;
	color: #777;
	transition: 0.2s 0.1s;
}
.showIntro #splash .version {
	bottom: 0;
	opacity: 0;
}

#splash .splashLang{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	display: none;
	z-index: 200;
	width: 90%;
}
#splash .splashLang p{
	font-size: 22px;
	margin-bottom: 20px;
}
.showLanguage #splash .splashLang{
	display: block;
}

.content-size .slider-area{
	position: relative;
	top: 0px;
	left: -20px;
}
.mdl-radio.inchRadio{
	margin-right: 0;
}

#splash .splashCircle {
	width: 80vw;
	height: calc(80vw - 20px);
	pointer-events: none;
	box-sizing: border-box;
	padding: 20px 40px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0px;
	transform: scale(0.9);
	transition: 0.2s;
	position: relative;
}
#splash .splashCircle .images {
	position: absolute;
	left: 40px;
	top: 20px;
	right: 40px;
}
#splash .splashCircle .images img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transform: scale(0);
	transition: 0.8s 0.2s;
}

.showIntro.slide-1 #splash .splashCircle .images .kv-1,
.showIntro.slide-2 #splash .splashCircle .images .kv-2,
.showIntro.slide-3 #splash .splashCircle .images .kv-3 {
	opacity: 1;
	transform: scale(1);
}

#splash .splashCircle .circleOuter {
	position: absolute;
	left: 40px;
	top: 20px;
	right: 40px;
}
#splash .splashCircle .circleOuter img {
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(-360deg) scale(0);
}
.showIntro.slide-1 #splash .splashCircle .circleOuter img.c-2,
.showIntro.slide-2 #splash .splashCircle .circleOuter img.c-3,
.showIntro.slide-1 #splash .splashCircle .circleOuter img.c-3 {
	transform: rotate(-360deg) scale(0);
	opacity: 0;
	transition: 0.6s 0.2s;
}

.showIntro.slide-1 #splash .splashCircle .circleOuter img.c-1,
.showIntro.slide-2 #splash .splashCircle .circleOuter img.c-2,
.showIntro.slide-3 #splash .splashCircle .circleOuter img.c-3 {
	transform: rotate(0deg) scale(1);
	opacity: 1;
	transition: 0.8s 0.2s;
}

.showIntro.slide-2 #splash .splashCircle .circleOuter img.c-1,
.showIntro.slide-3 #splash .splashCircle .circleOuter img.c-2,
.showIntro.slide-3 #splash .splashCircle .circleOuter img.c-1 {
	transform: rotate(360deg) scale(0);
	opacity: 0;
	transition: 0.6s 0.2s;
}

#splash .splashText {
	position: relative;
	opacity: 0;
	transition: 0.4s 0.4s;
}
.showIntro #splash .splashText {
	opacity: 1;
}
#splash .splashText .s-text {
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: 0.4s;
}
#splash .splashText .s-text.text-1 {
	position: relative;
}
#splash .splashText p{
	padding: 0px 70px;
}
#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: 10px;
	top: 50%;
	transform: translateY(-50%);
}
#splash .splashText .next {
	position: absolute;
	right: 10px;
	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-3 #splash .splashText .next {
	pointer-events: none;
	opacity: 0.2;
}
.showIntro.slide-2 #splash .splashText .prev,
.showIntro.slide-3 #splash .splashText .prev,
.showIntro.slide-1 #splash .splashText .next,
.showIntro.slide-2 #splash .splashText .next {
	pointer-events: all;
	opacity: 1;
}

.showIntro.slide-1 #splash .splashText .s-text.text-1 {
	opacity: 1;
	transform: translateX(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%);
}
.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-2 #splash .splashText .s-text.text-2,
.showIntro.slide-3 #splash .splashText .s-text.text-3 {
	transform: translateX(0%);
	opacity: 1;
}
#splash .splashDots {
	opacity: 0;
	transition: 0.4s 0.4s;
}
#splash .splashDots .dot {
	width: 10px;
	height: 10px;
	display: inline-block;
	padding: 4px;
	transition: 0.2s;
	cursor: pointer;
	pointer-events: none;
}


.showOnHubSettings{
	display: block;
}

 .hideOnHubSettings{
	display: 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;
}

#splash .splashAction {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 30px 0px;
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
	transition: 0.4s;
}



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


.showWorkplaceIntroOnly #p18-permanent.workflow .header .right .cancel{
	display: inline-block;
}

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


.showLanguage #splash .splashContent{
	transition: 0s;
	left: 0%;
}

.showIntro #splash .splashCircle {
	transform: scale(1);
	transition: 0.4s 0.2s;
}

.showIntro #splash .splashAction {
	opacity: 1;
	transform: translateY(0%);
	pointer-events: all;
}


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


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

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





#p18-permanent.workflow .header .right .cancel {
    display: none;
}
#p18-permanent .header .right,
#page-booking-infobooking .header .right{
	width: 50px;
}
#page-booking-newbooking .header .right .cancel,
#p18-permanent .header .right .cancel,
#page-booking-infobooking .header .right .close{
	background: url(../media/icon_close_white.svg) no-repeat center center;
	background-size: 60% 60%;
	width: 60px;
	height: 60px;
	padding-right: 0;
	padding-left: 0;
}

#p18-permanent.dark .content-area,
#p19-login.dark .content-area {
    text-align: center;
}

.measureWrap .radioWrap,
.genderWrap .radioWrap{
	text-align: center;
}
.genderWrap{
	margin: 20px 20px 20px 20px;
	border-top: 1px dotted #ccc;
	padding-top: 5px;
}
.ageWrap{
	margin: 0px 20px;
	border-top: 1px solid #ccc;
}
.ageWrap .inputWrap input{
	margin-bottom: 0;
}
#p19-login input[type=text], 
#p19-login input[type=number], 
#p19-login input[type=password],
#p18-permanent input[type=text], 
#p18-permanent input[type=number], 
#p18-permanent input[type=password] {
    font-size: 20px;
    font-family: "Neue Haas Unica W01 Regular";
    line-height: 50px;
    padding: 0px 0px 0px 0px;
    text-indent: 10px;
    text-align: left;
    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;
}

.scanLoginQR{
	margin-top: 20px;
}


#p18-permanent .fm-form,
#p19-login .fm-form{
	position: relative;
}
#p19-login .loading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s;
}

#p19-login .loading .bgLoading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
	z-index: 998;
}
#p19-login .loading .inner {
    position: absolute;
    text-align: center;
    padding: 20px;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translateY(-50%) translateX(-50%);
}
#p19-login .loading .inner{
	
	z-index: 999;
}
#p19-login .loading img {
    width: 80px;
    height: 80px;
}
#p19-login .loading label {
    font-family: "Neue Haas Unica W01 Regular";
    color: #999;
    margin-top: 10px;
    display: block;
}
#p19-login .loading label {
	color: #fff;
	font-size: 18px;
}

#p19-login .failed {
    position: relative;
    width: 100%;
    text-align: center;
}

#p19-login .loadingPerson .loading,
.loadingPerson #p19-login .loading {
    opacity: 1;
    pointer-events: all;
}


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

#p18-permanent.dark .inline-popup .content-area,
#p19-login.dark .inline-popup .content-area{
	background: #333;
	padding-top: 23px;
}

.inline-popup {
    overflow-y: auto;
}
.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 .bg{
    background: #aaa;
    opacity: 0.5;
}
.workflow.dark .inline-popup .bg{
	background: #000;
    opacity: 0.7;
}
.inline-popup.visible {
    z-index: 999;
}
.inline-popup.visible, .inline-popup.visible .bg {
    opacity: 1;
    pointer-events: all;
}

.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 20px;
    opacity: 0;
    border-radius: 5px;
    transition: 0.2s;
    box-shadow: 2px 4px 8px rgba(0,0,0,0.3);
    min-width: 75%;
}

.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(../media/icon_close.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}
.inline-popup .close:hover{
    background: url(../media/icon_close_active.svg) no-repeat center center;
    background-size: cover;
}

.inline-popup .close:active{
    background: url(../media/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;
    
}

.fm-user-login .process.failed {
    opacity: 0;
    display: none;
    transition: 0.2s;
}
.fm-user-login .failed {
    position: relative;
    width: 100%;
    text-align: center;
}
.fm-user-login .process, .fm-user-login .loading label {
    font-size: 14px;
    font-family: "Neue Haas Unica W01 Light";
    color: #999;
}

.wrapInputFmAutoLogin {
    margin-top: 10px;
    margin-right: 0px;
}
.wrapInputFmAutoLogin .txt{
	pointer-events: none;
}
.wrapInputFmAutoLogin label.mdl-switch{
	pointer-events: all;
}

#p18-permanent .inputWrap .right,
#p19-login .inputWrap .right {
    position: absolute;
    right: 0;
    top: 0;
}

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


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

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


#p4.locks-1 .locker1,
#p4.locks-2 .locker1,
#p4.locks-2 .locker2,
#p4.locks-3 .locker1,
#p4.locks-3 .locker2,
#p4.locks-3 .locker3 {
	display: block;
}


.withLock1 .locker2,
.withLock1 .locker3,
.withLock2 .locker3 {
	display: none;
}

p.note {
	margin-top: 15px;
	color: #777;
	font-size: 14px;
	line-height: 18px;
	font-family: "Neue Haas Unica W01 Light";
	text-align: left;
}
p.note b {
	font-family: "Neue Haas Unica W01 Medium";
	font-weight: normal;
}

.main-head .main-head-info {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background: url(../media/header/icon_top_menue_28px_info.svg) no-repeat center center;
	background-size: 30px 30px;
}

#p2.activeSub-1 .main-head .main-head-info.s2,
#p2.activeSub-2 .main-head .main-head-info.s1,
#p6.activeSub-1 .main-head .main-head-info.s2,
#p6.activeSub-2 .main-head .main-head-info.s1 {
	display: none;
}

p .list-icon {
	display: inline-block;
	height: 14px;
	width: auto;
	margin-right: 5px;
}
.icontitle {
	height: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 26px;
	font-family: "Neue Haas Unica W01 Medium";
	color: #fff;
}
.icontitle img {
	width: 30px;
	height: auto;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.demoStoerer {
	font-size: 18px;
	line-height: 26px;
	font-family: "Neue Haas Unica W01 Regular";
	color: #999;
}

.busylight .widget-area .widget-left,
.busylight .widget-area .widget-right {
	width: 48%;
}

#p17.dark .content-area {
	text-align: center;
}

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

body.bookingModeOnline #p3 .roundBtn.demo {
	display: none;
}


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

.time-data .timefrom input{
	background: #eee url(../media/icon/input/icon_timefrom.svg) no-repeat right top;
}
.time-data .timefrom input:focus{
	background: #fff url(../media/icon/input/icon_timefrom.svg) no-repeat right top;
}

.time-data .timeto input{
	background: #eee url(../media/icon/input/icon_timeto.svg) no-repeat right top;
}
.time-data .timeto input:focus{
	background: #fff url(../media/icon/input/icon_timeto.svg) no-repeat right top;
}


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

.flowbox .workplace .icon,
.booking-summary .booking-info .icon,
#p18-permanent .booking-info .icon{
	display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    background: url(../media/list_wp_vacant.svg) center center / contain no-repeat;
    margin: 0px;
}
#p18-permanent .booking-info .icon{
	width: 50px;
    height: 50px;
    float: none;
    margin-right: 10px;
}
#p18-permanent .booking-info .name{
	display: inline-block;
	vertical-align: top;
}
#p18-permanent .booking-info .desc{
	margin-bottom: 30px;
}
#p18-permanent .confirmWorkplaceButton{
	margin: 0px 0px 30px 0px;
}
#p18-permanent .workplace-features{
	text-align: left;
	color: #aaa;
}
#p18-permanent .workplace-features .listWrap{
	margin-top: 10px;
	border-top: 1px solid #777;
	margin-left: -20px;
	margin-right: -20px;
}
.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-permanent .booking-info .name{
	font-size: 32px;
	font-family: "Neue Haas Unica W01 Light";
	color: #333;
	line-height: 48px;
	padding-left: 3px;
}
#p18-permanent .booking-info .name{
	color: #fff;
}
.flowbox .workplace .desc,
.booking-summary .desc,
.booking-summary .confirmDetails,
#p18-permanent .content .desk,
#p18-permanent .content .confirmDetails{
	font-size: 16px;
	font-family: "Neue Haas Unica W01 Regular";
	line-height: 20px;
	color: #777;
	padding-left: 3px;
}
#p18-permanent .content .desk,
#p18-permanent .content .confirmDetails{
	color: #aaa;
}

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

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



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

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


.inputWrap .labelLoading,
.inputWrap .labelPlease{
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 50px;
	pointer-events: none;
	opacity: 0;
	background: #fff;
	border-radius: 5px;
	font-size: 18px;
	height: 50px;
	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;
}
.inputWrap.building,
.inputWrap.storey{
	pointer-events: none;
}
#p18-permanent .inputWrap.loaded.building,
#p18-permanent .inputWrap.loaded.storey{
	pointer-events: all;
}
#p18-permanent .inputWrap.building  input,
#p18-permanent .inputWrap.storey  input{
	background: #555;
    color: #fff;
    box-shadow: none;
}
#p18-permanent .inputWrap.location.loaded  input,
#p18-permanent .inputWrap.building.loaded  input,
#p18-permanent .inputWrap.storey.loaded  input{
    background: #eee;
    color: #333;
    box-shadow: none;
}

.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{
	width: 25px;
	height: 25px;
	background: url(../media/icon/icon_list.svg) no-repeat right top;
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
#p18-permanent.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(../media/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(../media/icon/icon_map_white.svg) no-repeat right top;
}
.workflow.dark .toggle-view .toList,
.workflow.dark .toggle-view .toMap{
	
}
.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{
	width: 25px;
	height: 25px;
	background: url(../media/icon/icon_map.svg) no-repeat right top;
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
#p18-permanent.workflow.dark .toggle-view .toMap{
	width: auto;
	height: auto;
	background: url('') !important;
}
.workflow.dark .toggle-view .toMap{
	background: url(../media/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;
}



.result-places{
	height: 100%;
	position: relative;
	display: none;
}
#p18-permanent .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;
}

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

.workflow .result-places .content-place-list{
	overflow-y: auto;
}
#p18-permanent .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{
	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: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: 22px;
	height: 22px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
	
}
.result-places .content-place-list .listItem.vacant .icon{
	background: url(../media/map_wp_vacant.svg) no-repeat center center;
	background-size: contain;
}
.result-places .content-place-list .listItem.occupied .icon{
	background: url(../media/map_wp_occupied.svg) no-repeat center center;
	background-size: contain;
}

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


.summ-item{
	border-radius: 5px;
	background: #444;
	color: #fff;
	padding: 10px 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
	text-align: left;
}
.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;
}

 .workflow .content-timeframe .yoyo-slider-overlay .circleRightButton{
	 border-left: 2px solid #000;
 }
 
 body.qrScannerActive{
	 background: transparent;
 }

 #qrScannerUi{
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 pointer-events: none;
	 transition: 0.2s;
 }
.qrScannerActive  #qrScannerUi{
	opacity: 1;
	pointer-events: all;
}
  #qrScannerUi .header{
	  background: rgba(0,0,0,0.7);
	  width: 100%;
	  height: 50px;
	  overflow: hidden;
	  text-align: center;
	  position: absolute;
	  top: 0;
	  left: 0;
	 transform: translateY(-100%);
	 transition: 0.3s;
  }
  #qrScannerUi .header .title{
	  	font-family: "Neue Haas Unica W01 Light";
	    color: #fff;
	    font-size: 20px;
	    line-height: 50px;
	    position: absolute;
	    top: 0;
	    left: 50%;
	    transform: translateX(-50%);
  }
  .qrScannerActive #qrScannerUi .header{
	  transform: translateY(0%);
  }
  #qrScannerUi .header .close{
	  width: 50px;
	  height: 50px;
	  position: absolute;
	  right: 10px; 
	  top: 0;
	  background: url(../media/icon_close_white.svg) no-repeat center center;
	  background-size: 30px 30px;
	  opacity: 0.5;
  }
 
#qrScannerUi .cancel{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

#qrScannerUi .scanResult{
	position: absolute;
	bottom: 0;
	left: 0;
	height: calc(100% - 50px);
	width: 100%;
	opacity: 0;
	background: rgba(0,0,0,0.9);
	pointer-events: none;
	transition: 0.2s;
}
.qrResult #qrScannerUi .scanResult{
	opacity: 1;
	pointer-events: all;
}

.qrResult #qrScannerUi .header{
	background: #000;
}

#qrScannerUi .scanResult .scanText{
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	font-family: "Neue Haas Unica W01 Regular";
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    box-sizing: border-box;
}

#qrScannerUi .scanResult .use{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

#qrScannerUi .scanResult .cancel{
	position: absolute;
	bottom: 105px;
	left: 50%;
	transform: translateX(-50%);
}

#qrScannerUi .scanResult .jsonRow{
	display: block;
	width: 100%;
}
#qrScannerUi .scanResult .jsonRow .labelKey{
	font-family: "Neue Haas Unica W01 Light";
    color: #ccc;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    width: 25%;
    text-align: left;
    margin-right: 5px;
}
#qrScannerUi .scanResult .jsonRow .labelVal{
	font-family: "Neue Haas Unica W01 Regular";
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    width: 70%;
    text-align: left;
}




#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;
	padding-left: 5px;
	padding-right: 5px;
}
#toastInfo .contentWrap .content p{
	font-family: "Neue Haas Unica W01 Regular";
	font-size: 18px;
	color: #777;
	line-height: 24px;
}
#toastInfo .contentWrap .foot{
	padding: 15px;
}

.autoheight{
	height: auto;
}


.upcomingBookings .info-area{
	height: auto;
}

.listItems .head{
	text-align: left;
	padding: 0 20px 15px 2px;
	font-size: 20px;
	margin-top: 30px;
	text-transform: none;
	color: #666;
}
.storey-info{
	background: rgba(255,255,255,0.7);
	color: #666;
	pointer-events: none;
	position: relative;
	z-index: 999;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	padding: 10px 20px;
	display: none;
}
.content-place.showMap .storey-info{
	display: block;
}
.sort-by,
#page-newbooking .toggle-view {
	text-align: left;
	font-size: 14px;
	padding: 0 20px;
	margin-top: 10px;
}
.sort-by{
	padding-left: 2px;
	padding-right: 0;
}
#page-newbooking .toggle-view{
	display: block;
	width: auto;
	padding-top: 0px;
	margin-top: 0px;
	display: flex;
	align-items: center;
}
.sort-by .sort-head,
#page-newbooking .toggle-view label{
	font-family: "Neue Haas Unica W01 Regular";
	text-transform: none;
	margin-right: 15px;
	color: #666;
}
#page-newbooking .toggle-view label{
	color: #ccc;
}
.sort-by div,
#page-newbooking .toggle-view .map,
#page-newbooking .toggle-view .list{
	display: inline-block;
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	
}
.sort-by div.active,
#page-newbooking .showMap .toggle-view .map,
#page-newbooking .showList .toggle-view .list{
	background: #999;
}
.sort-by div.sort-link,
#page-newbooking .toggle-view .map,
#page-newbooking .toggle-view .list{
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 0px;
	margin-left: 5px;
	color: #666;
	background: #ddd;
	border-radius: 14px;
	
}
.sort-by div.sort-link.active,
#page-newbooking .showMap .toggle-view .map,
#page-newbooking .showList .toggle-view .list{
	color: #fff;
	background: #999;
}
.sort-by div.disabled{
	color: #ccc;
	pointer-events: none;
	background: #eee;
}

.dropdown-person-wrap,
.quicklinks{
	display: flex;
	align-items: center;
}
.quicklink{
	width: 25%;
	color: #999;
	font-size: 20px;
}
.quicklink span{
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	margin-top: 4px;
}
.dropdown-person-wrap .inputWrap{
	width: 100%;
}
.dropdown-person-wrap label{
	display: inline-block;
	color: #fff;
	padding-right: 20px;
}

#page-newbooking .info-area{
	padding: 15px 20px;
	background: #000;
}
#page-newbooking .inputWrap input{
	margin-bottom: 0;
}
#page-newbooking .content-n0 button{
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
}
#page-newbooking .black-items .dark-wrap,
#page-module-attributes .black-items .dark-wrap{
	position: relative;
	padding: 20px;
}
.workflow .black-items .dark-wrap-top{
	margin-bottom: 1px !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.workflow .black-items .dark-wrap-bottom{
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.workflow .black-items .dark-wrap-middle{
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	margin-bottom: 1px !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.workflow .black-items .head{
	color: #ccc;
	text-align: left;
	font-family: "Neue Haas Unica W01 Regular";
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 20px;
	margin-bottom: 10px;
}
#page-newbooking .black-items .subhead,
#page-module-attributes .black-items .subhead{
	position: absolute;
	left: 20px;
	top: 20px;
	color: #ccc;
	font-family: "Neue Haas Unica W01 Light";
}
#page-module-attributes .black-items .subhead{
	width: 100%;
}
#page-newbooking .black-items .txt,
#page-module-attributes .black-items .txt{
	text-align: right;
}
#page-module-attributes .black-items .subhead label{
	display: block;
}

#page-module-date .selectedDate{
	color: #fff;
	margin-bottom: 20px;
}

.serial-wrap .label{
	
}
.serial-wrap{
	position: relative;
}
.serial-wrap .mdl-switch{
	width: 35px;
	position: absolute;
	right: 0;
	top: 0;
}
.workflow .checkboxWrap{
	display: inline-block;
}
.workflow .mdl-checkbox{
	width: auto;
}

.mdl-checkbox__box-outline{
	
    border: 2px solid rgba(255,255,255, 0.54);
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(255,255,255);
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(255,255,255) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K);
}


#p1 .main-head-sub{
	display: none !important;
}