.client-ww a{
	color: #F84914;
}

.client-ww #application .main .main-head,
.client-ww #application .main .main-head .main-head-title,
.client-ww .workflow .header,
.client-ww .workflow .header .center, 
.client-ww #page-booking-infobooking .header .center,
.client-ww .workflow .header .center .headline, 
.client-ww #page-booking-infobooking .header .center .headline {
    background: #fff;
    color: #000;
    font-family: "Neue Haas Unica W01 Regular";
    font-size: 18px;
}

.client-ww #page-booking-newbooking .header .right .cancel{
    background: url(../media/icon_close.svg) no-repeat center center;
    background-size: 60% 60%;
}

.client-ww .mbsc-ios .mbsc-fr-btn,
.client-ww .workflow ul,
.client-ww .workflow .detailView .detail-features .feature-list .feature-list-item, 
.client-ww #page-booking-infobooking .listWrap .listItem{
	font-family: "Neue Haas Unica W01 Regular";
}
.client-ww #page-booking-infobooking .workplace, 
.client-ww #page-booking-infobooking .listWrap,
.client-ww .workflow .header .right, 
.client-ww #page-booking-infobooking .header .right, 
.client-ww .offlineWorkplace .head .right,
.client-ww .workflow .detailView .detail-features .subhead, 
.client-ww #page-booking-infobooking .content label, 
.client-ww .workflow .listHeader, 
.client-ww .offlineWorkplace .listHeader,
.client-ww .workflow .header .left{
	background: #fff;
}
.client-ww #page-booking-infobooking .content .inner-content,
.client-ww .workflow .listWrap .listItem,
.client-ww .workflow .detailView .detail-features .feature-list .feature-list-item, 
.client-ww #page-booking-infobooking .listWrap .listItem{
	background: #e9f4f6;
	color: #222;
}
.client-ww #page-booking-infobooking .content .inner-content{
	font-size: 18px;
	line-height: 24px;
}
.client-ww .workflow ul,
.client-ww #page-booking-infobooking .actions .text{
	font-size: 18px;
	line-height: 24px;
}
.client-ww .dark .info-area .val,
.client-ww .workflow .detailView .detail-head, 
.client-ww  #page-booking-infobooking .workplace .name,
.client-ww .workflow .detailView .detail-text, 
.client-ww #page-booking-infobooking .workplace .desc,
.client-ww .workflow .header .center .headline, 
.client-ww #page-booking-infobooking .header .center .headline,
.client-ww #page-booking-infobooking .content .inner-content,
.client-ww #page-booking-infobooking .actions .text,
.client-ww #page-booking-infobooking.started.live .actions .text, 
.client-ww #page-booking-infobooking.booked.live .actions .text,
.client-ww .content-pop-box .pop-head,
.client-ww .workflow.dark .result-places .innerHeader,
.client-ww .workflow.dark .result-places .content-place-list .listItem .desc,
.client-ww .workflow.dark .result-places .content-place-list .listItem .name,
.client-ww .dark .content-headline,
.client-ww .workflow .content-date .selectedDate .valDate,
.client-ww .mbsc-yoyotheme .mbsc-fr-w,
.client-ww .workflow .contentWrap .content .yoyo-slider-overlay .circle .num .val{
	color: #222;
}
.client-ww .workflow .header .progress, 
.client-ww #page-booking-infobooking .header .progress, .offlineWorkplace .progress{
	background: #f0f0f0;
}

.client-ww .mbsc-yoyotheme .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(to right, #F84914 0%, #F84914 100%);
}

.client-ww .mbsc-yoyotheme .mbsc-cal-today{
	color: #F84914;
}

.client-ww .mbsc-cal-days{
	background: #b0dcdf;
	border-top: 2px solid #f0f0f0;
}

.client-ww .content-pop-box .pop-head{
	text-align: left;
}
.client-ww .workflow.dark .toggle-view .toList .icon, 
.client-ww .workflow.dark .toggle-view .toMap .icon {
    background: url(../media/icon/icon_list.svg) no-repeat right top;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 0px;
}

.client-ww .workflow.dark .toggle-view .toMap .icon {
    background: url(../media/icon/icon_map.svg) no-repeat right top;
}

.client-ww .workflow .detailView .detail-features .subhead, 
.client-ww #page-booking-infobooking .content label, .workflow .listHeader, 
.client-ww .offlineWorkplace .listHeader{
	border-bottom: 1px solid #ccc;
	color: #017a8d;
}
.client-ww .mbsc-ios .mbsc-cal-year, .mbsc-ios .mbsc-cal-month{
	color: #017a8d;
	pointer-events: none;
}

.client-ww #page-booking-infobooking .dottedBottom {
    border-bottom: 1px dotted #ccc;
}
.client-ww #page-booking-infobooking .content .inner-content.last,
.client-ww .workflow .detailView .detail-features .feature-list, 
.client-ww #page-booking-infobooking .listWrap{
    border-bottom: 1px solid #ccc;
}

.client-ww #application .main .main-head,
.client-ww #application .main .header{
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.client-ww #application #p13 .header{
	border-bottom: 0;
}

.client-ww #application #p12.main .main-head{
	display: inline-table;
}
.client-ww #application .main-head .main-head-title {
    line-height: 59px !important;
}

.client-ww .main-head .main-head-logo{
	background: url(../media/clients/logo-wv.svg) no-repeat center center;
	width: 33px;
	height: 33px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.client-ww #p1 .refreshBtn,
.client-ww #application .main .main-head .main-head-sub,
.client-ww #application .main .main-head .main-head-sub span:not(.valueText),
.client-ww .mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn, 
.client-ww .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn,
.client-ww .mbsc-ios.mbsc-fr-bubble .mbsc-fr-w, 
.client-ww .mbsc-ios.mbsc-fr-center .mbsc-fr-w,
.client-ww .mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn, 
.client-ww .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn{
	border-radius: 0;
}

.client-ww #application .activeSub-1 .main-head .main-head-sub.s1, 
.client-ww #application .activeSub-2 .main-head .main-head-sub.s2, 
.client-ww #application .activeSub-3 .main-head .main-head-sub.s3 {
    background: #F84914;
}

.client-ww .mbsc-yoyotheme .mbsc-sc-whl-o, 
.client-ww .mbsc-yoyotheme.mbsc-calendar .mbsc-sc-whl-o {
    background: -webkit-linear-gradient(#ffffff, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 48%, #ffffff);
    background: linear-gradient(#ffffff, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 48%, #ffffff);
}
.client-ww .mbsc-yoyotheme .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, 
.client-ww .mbsc-yoyotheme.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{
	background: #fff;
}
.client-ww .mbsc-yoyotheme .mbsc-sc-whl-gr-3d .mbsc-sc-itm{
	color: #222;
}

.client-ww .mbsc-yoyotheme .mbsc-fr-w{
	background: #fff;
	
}

.client-ww .mbsc-yoyotheme.mbsc-fr-center .mbsc-fr-popup .mbsc-fr-btn-w{
	background: #999;
	border: 5px solid #fff;
}
.client-ww .mbsc-ios .mbsc-fr-btn{
	color: #fff;
}

.client-ww #application .main .main-head .main-head-sub span:not(.valueText){
	background: #f0f0f0;
	color: rgba(0,0,0,0.5);
	border-color: #f0f0f0;
}

.client-ww .btn,
.client-ww .mbsc-ios .mbsc-fr-btn1 {
    background: #F84914;
    border-radius: 0;
}
.client-ww .mbsc-cal-table{
	border-bottom: 2px solid #f0f0f0;
}

.client-ww .textBtn{
	color: #017a8d;
	border: 0;
	border-radius: 0;
}
.client-ww .btnLogout{
	padding-right: 0;
}

.client-ww .list.bookingList .item{
	background: #fff;
	border: 2px solid #f0f0f0;
	margin: 5px 15px;
}

.client-ww .list.bookingList .item.itemCheckingPermanentBooking, 
.client-ww .list.bookingList .item.itemLoadingBookings, 
.client-ww .list.bookingList .item.noUpcomingBookings, 
.client-ww .list.bookingList .item.itemCreatingPermanentBooking, 
.client-ww .list.bookingList .item.itemPermanentBookingAfterTimeframe{
	border-bottom: 2px solid #f0f0f0;
}


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


.client-ww .navigation,
body.client-ww.dynamicExpanded .navigation .dynamicWrap{
	border-top: 1px solid #ccc;
}
.client-ww .navigation .dynamicWrap,
.client-ww .navigation,
.client-ww .navigation .inner,
.client-ww .navigation .nav-item.active, 
.client-ww.navigation .nav-item.selected, 
body.dynamicExpanded.client-ww .navigation .nav-item.selected,
.client-ww .navigation .nav-item,
body.client-ww.dynamicExpanded .navigation .nav-item{
	background: #fff;
}
.client-ww .navigation .nav-item label,
.client-ww .wp-action .status-text{
	color: #222;
}

.client-ww .nav-item-booking img.normal{
	content:url(../media/nav-ww/icon_menue_25px_booking.svg);
}
.client-ww .nav-item-workplace img.normal,
.client-ww .nav-item-position img.normal{
	content:url(../media/nav-ww/icon_menue_25px_workplace.svg);
}

.client-ww .nav-item-goals img.normal{
	content:url(../media/nav-ww/icon_menue_25px_goals.svg);
}

.client-ww .nav-item-profile img.normal{
	content:url(../media/nav-ww/icon_menue_25px_profile.svg);
}

.client-ww .nav-item-settings img.normal{
	content:url(../media/nav-ww/icon_menue_25px_more.svg);
}



.client-ww .nav-item-booking img.active{
	content:url(../media/nav-ww/icon_menue_25px_booking_active.svg);
}
.client-ww .nav-item-workplace img.active,
.client-ww .nav-item-position img.active{
	content:url(../media/nav-ww/icon_menue_25px_workplace_active.svg);
}

.client-ww .nav-item-goals img.active{
	content:url(../media/nav-ww/icon_menue_25px_goals_active.svg);
}

.client-ww .nav-item-profile img.active{
	content:url(../media/nav-ww/icon_menue_25px_profile_active.svg);
}

.client-ww .nav-item-settings img.active{
	content:url(../media/nav-ww/icon_menue_25px_more_active.svg);
}

.client-ww .navigation .nav-item.active label,
.client-ww .navigation .nav-item.selected label {
    background-image: linear-gradient(
90deg
,#F84914 0%,#F84914 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.client-ww .navigation .nav-item.selected img.normal{
	opacity: 0;
}
.client-ww .navigation .nav-item.selected img.active {
    opacity: 1;
}

.client-ww .main-head .backBtn, .main-head .overlayBackBtn,
.client-ww .workflow .header .left .back .icon{
	background: url(../media/icon/icon_back_black.svg) no-repeat center center;
}

.client-ww .navigation .nav-item.dynamic.selected .fas {
    color: #F84914;
}

.client-ww .mdl-switch.is-checked .mdl-switch__track {
    background: linear-gradient(
90deg
,#F84914 0%,#F84914 100%);
}

.client-ww #application .main.dark {
    background: #fff;
}


.client-ww .connectionState-connected.sessionState-ready .box-status .connected {
    background: linear-gradient(
90deg
, #017a8d 0%, #017a8d 100%);
}

.client-ww .status-progress .progress{
	background: linear-gradient(
90deg
, #F84914 0%, #F84914 100%);
}


.client-ww #application .main.withoutSub .main-content {
    top: 61px;
}

.client-ww .content-box{
	background: #f0f0f0;
}
.client-ww .content-box .text p,
.client-ww .dark .content-subline,
.client-ww .dark .content-area,
.client-ww .dark .content-area p b{
	color: #222;
}

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

.client-ww .content-box-wrap .overlayUpgradeContent .bg {
    background: rgba(255,255,255,0.6);
    height: 100%;
    margin: 0 -20px;
}

.client-ww .yo-chair{
	background: url(../media/fa-icon/icon_chair_black.svg) no-repeat center center;
}
.client-ww .yo-user-sit{
	background: url(../media/fa-icon/icon_sit_black.svg) no-repeat center center;
}
.client-ww .yo-user-lean{
	background: url(../media/fa-icon/icon_lean_black.svg) no-repeat center center;
}
.client-ww .yo-user-stand{
	background: url(../media/fa-icon/icon_stand_black.svg) no-repeat center center;
}


.client-ww .yo-light-direct{
	background: url(../media/fa-icon/icon_light_direct_black.svg) no-repeat center center;
	width: 25px;
	height: 25px;
}
.client-ww .yo-light-indirect{
	background: url(../media/fa-icon/icon_light_indirect_black.svg) no-repeat center center;
	width: 25px;
	height: 25px;
}

.client-ww #p12 .yo-light-direct,
.client-ww #p12 .yo-light-indirect{
	left: -3px;
}

.client-ww #p1 .main-content .main-content-sub,
.client-ww #p13 .content-summary{
	background: linear-gradient(to bottom,#fff,#e7f5f5)
}
.client-ww .inputWrap{
	box-sizing: border-box;
}
.client-ww .inputWrap .labelLoading, 
.client-ww .inputWrap .labelPlease{
	border-radius: 0;
	background: #fff;
	top: 1px;
	left: 1px;
	bottom: 1px;
	width: calc(100% - 2px);
}

.client-ww .list.bookingList .listItems .item:last-child:not(.today){
	border-bottom: 2px solid #f0f0f0;
}

.client-ww .inputWrap input{
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #d1d5d5;
}
.client-ww .inputWrap input:focus{
	border: 1px solid #000;
}
.client-ww .time-data .timefrom input{
	background: #fff url(../media/icon/input/icon_timefrom.svg) no-repeat right top;
}

.client-ww .content-pop-box .inner{
	border-radius: 0;
	border: 2px solid #f0f0f0;
	background: #fff;
}

.client-ww #p19-login input[type=text], 
.client-ww #p19-login input[type=number], 
.client-ww #p19-login input[type=password], 
.client-ww #p18-permanent input[type=text], 
.client-ww #p18-permanent input[type=number], 
.client-ww #p18-permanent input[type=password],
.client-ww #p18-permanent .inputWrap.building.loaded input, 
.client-ww #p18-permanent .inputWrap.storey.loaded input{
	border-radius: 0;
	background: #fff;
	border: 1px solid #d1d5d5;
	
}
.client-ww #p18-permanent .inputWrap.building input, 
.client-ww #p18-permanent .inputWrap.storey input{
	background: #ccc;
}

.client-ww .mbsc-yoyotheme.mbsc-sc.mbsc-fr-top .mbsc-fr-w, 
.client-ww .mbsc-yoyotheme.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w, 
.client-ww .mbsc-yoyotheme .mbsc-fr-bubble-top .mbsc-fr-arr, 
.client-ww .mbsc-yoyotheme .mbsc-fr-bubble-bottom .mbsc-fr-arr, 
.client-ww .mbsc-yoyotheme.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w{
	background: #fff;
}

.client-ww .mdl-button--raised.mdl-button--colored:hover {
    background: -webkit-linear-gradient(left, #017a8d 0%,#017a8d 100%);
    background: linear-gradient(to right, #017a8d 0%,#017a8d 100%);
}

.client-ww .mbsc-ios .mbsc-fr-btn0 {
    padding: 0px 20px;
    position: relative;
    left: 0px;
    background: #999;
    height: 44px;
    line-height: 44px;
    border-radius: 0;
    padding: 0px 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}


.client-ww .day-select .roundBtn img.active{
	content:url(../media/icon/round/icon_button_46px_active_orange.svg);
}
.client-ww .timeframe-select .roundBtn img.active{
	content:url(../media/icon/round/icon_button_46px_adjust_active_orange.svg);
}

.client-ww .workflow .contentWrap .content .yoyo-slider-overlay .circle .circleInner, 
.client-ww #menue .subinner .yoyo-slider-overlay .circle .circleInner{
	background: #fff;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 30px;
}

.client-ww .workflow .contentWrap .content .yoyo-slider-overlay .circle, 
.client-ww #menue .subinner .yoyo-slider-overlay .circle{
	background: #fff;
}

.client-ww #menue .subinner .yoyo-slider .rs-bg-color, 
.client-ww #menue .subinner .yoyo-slider .rs-path-color, 
.client-ww .workflow .darkSlider .rs-bg-color, 
.client-ww .workflow .darkSlider .rs-path-color {
    background: #ccc;
    border-left: 2px solid #ccc;
}
.client-ww .yoyo-slider-overlay .circleLeftButton .bg, 
.client-ww .yoyo-slider-overlay .circleRightButton .bg {
    background: #aaa;
    border-left: 2px solid #ccc;
}
.client-ww .workflow .content-timeframe .yoyo-slider-overlay .circleRightButton{
	border-left: 2px solid #aaa;
}
.client-ww .workflow .yoyo-slider-overlay .circleRightButton .bg, 
.client-ww #menue .subinner .yoyo-slider-overlay .circleRightButton .bg{
	border-right: 2px solid #ccc;
}

.client-ww .rs-range-color {
    background-color: #017a8c;
}
.client-ww .yoyo-slider .rs-handle{
	border-color: #017a8c;
}
.client-ww .content-timeframe .info-area .left .sub,
.client-ww .content-timeframe .info-area .right .sub{
	color: #017a8c;
}
.client-ww .info-area .left .timeStart img{
	content:url(../media/icon/info/icon_info_20x24px_work_start_green.svg);
}
.client-ww .info-area .right .timeEnd img{
	content:url(../media/icon/info/icon_info_20x24px_work_end_green.svg);
}

.client-ww .workflow .header .progress .bar .inner, 
.client-ww #page-booking-infobooking .header .progress .bar .inner{
	    background: linear-gradient(to right, #f84914 0%, #f84914 100%);
}

.client-ww .workflow .header .sidebar{
	background: rgba(248,73,20,0.4)
}
.client-ww .workflow .header .sidebar p{
	color: #fff;
}
.client-ww .mbsc-yoyotheme.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,
.client-ww .workflow .content-place .detailView .inner{
	background: #fff;
}
.client-ww .workflow .content-place .detailView .inner{
	border-top: 2px solid #f0f0f0;
}
.client-ww .workflow .header .sidebar span.icon {
    background: url(../media/icon_location_white.svg) 0px 0px / contain no-repeat;
 }
 
 .client-ww .feature-list{
	 background: #e9f4f6;
 }

.client-ww .workflow .content-summary .black-items{
	margin: 20px;
}

.client-ww .workflow .content-summary .dark-wrap{
	border: 2px solid #f0f0f0;
	background: #fff;
	color: #000;
	border-radius: 0px;
}
.client-ww .workflow .content-summary .sub-dark-wrap{
	border: 2px solid #f0f0f0;
	border-top: 0px;
	background: #fff;
	color: #000;
	border-radius: 0;
}
.client-ww .workflow .content-summary .sub-dark-wrap .txt{
	font-size: 18px;
	line-height: 24px;
	font-family: "Neue Haas Unica W01 Regular";
	color: #000;
}
.client-ww p .list-icon{
	content:url(../media/icon_list_pfeil_black.svg);
}
.client-ww .icontitle{
	color: #000;
}
.client-ww .icontitle img{
	content:url(../media/icon_info_circle_black.svg);
}

.client-ww .is-checked .mdl-radio__label,
.client-ww #p18-permanent .booking-info .name{
	color: #222;
}
.client-ww .pop-content .mdl-radio__outer-circle {
    border: 1px solid #d1d5d5;
    background: #fff;
}
.client-ww .pop-content .mdl-radio.is-checked .mdl-radio__outer-circle{
	background: #f84914;
}
.client-ww .pop-content .mdl-radio{
	color: #aaa;
}
.client-ww #p18-permanent .workplace-features .listWrap{
	border-top: 2px solid #f0f0f0;
}
.client-ww #page-booking-infobooking .workplace .icon{
	margin-top: 15px;
}
.client-ww .mdl-button--raised.mdl-button--colored {
    background: -webkit-linear-gradient(left, #f84914 0%,#f84914 100%);
    background: linear-gradient(to right, #f84914 0%,#f84914 100%);
    color: rgb(255,255,255);
}
.client-ww .mdl-button{
	border-radius: 0;
}
.client-ww #p18-permanent .header .right .cancel,
.client-ww #page-booking-infobooking .header .right .close{
	background: url(../media/icon_close.svg) no-repeat center center;
	background-size: 60% 60%;
	padding-right: 0;
	padding-left: 0;
}
.client-ww #toastInfo .contentWrap{
	border-radius: 0;
	border: 2px solid #f0f0f0;
}
.client-ww #toastInfo .contentWrap .head{
	border-radius: 0;
}
@media only screen and (max-height: 800px){
		.client-ww #application .main .main-content {
	    top: 61px;
	}
}