

.wvg-style section .content-headline{
	margin-top: 30px;
}
.wvg-style section .content-headline span{
	text-transform: uppercase;
	font-size: 40px;
	background-color: #f0f0f0;
    color: rgba(56,204,185,1);
    display: inline;
    padding: 0 20px;
    margin-top: 30px;
}

.wvg-style section .content-area .info-area .content-headline,
.wvg-style .flowbox .workplace .name{
	text-transform: none;
	font-size: 22px;
	background-color: transparent;
    color: #666;
    margin-top: 0;
}

.wvg-style .workflow .header .right .cancel{
	color: #999;
}
.wvg-style .workflow .header .right .cancel:hover{
	color: #000;
}

.wvg-style #splash .s-text p,
.wvg-style.showLoginIntro #splash .splashNavigation .head-login, 
.wvg-style.showProfileIntro #splash .splashNavigation .head-profile, 
.wvg-style.showWorkplaceIntro #splash .splashNavigation .head-workplace,
.wvg-style #p17 .contentWrap .content p, 
.wvg-style #p18 .contentWrap .content p, 
.wvg-style #p19 .contentWrap .content p,
.wvg-style #p17 .valTimeEnd, 
.wvg-style #p17 .valTimeStart,
.wvg-style .workflow .header .center .headline{
	color: #333;
}
.wvg-style .workflow .header{
	background: #eee;
}
.wvg-style .workflow .header .center{
	border-bottom: 1px solid #999;
}
.wvg-style .workflow .header .center,
.wvg-style .workflow .header .left,
.wvg-style .workflow .header .right{
	background: #eee;
}

.wvg-style #p17 .yoyo-slider-overlay .circle, 
.wvg-style #p18 .yoyo-slider-overlay .circle{
	background: #fff;
}

.wvg-style .summ-item{
	background: #eee;
}
.wvg-style .summ-item .value{
	color: #000;
}
.wvg-style .rs-range-color{
	background-color: rgba(56,204,185,1);
}
.wvg-style .rs-handle{
	margin: -21px 0px 0px 1px !important;
	    border: 2px solid rgba(56,204,185,1);
}

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

.wvg-style #p17 .content-n2 .num .val,
.wvg-style #splash .splashNavigation ul li.focused a{
	color: #000;
}

.wvg-style .workflow .contentWrap{
	background: #fff;
}

.wvg-style.showIntro.slide-1 #splash .splashDots .dot-1 .innerDot, 
.wvg-style.showIntro.slide-2 #splash .splashDots .dot-2 .innerDot, 
.wvg-style.showIntro.slide-3 #splash .splashDots .dot-3 .innerDot{
	background: rgba(56,204,185,1);
}



.wvg-style .mdl-radio__inner-circle{
	background: rgba(56,204,185,1);
}

.wvg-style .mdl-switch.is-checked .mdl-switch__thumb {
    background: #1EC8B4;
    background: rgb(63,212,197);
    background: -moz-linear-gradient(top, rgba(56,204,185,1) 0%, rgba(56,204,185,1) 100%);
    background: -webkit-linear-gradient(top, rgba(56,204,185,1) 0%,rgba(56,204,185,1) 100%);
    background: linear-gradient(to bottom, rgba(56,204,185,1) 0%,rgba(56,204,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(56,204,185,1)', endColorstr='rgba(56,204,185,1)',GradientType=1 );
}

.wvg-style section .content-area .content-headline{
	text-transform: none;
	font-size: 22px;
	background-color: transparent;
    color: #666;
}


.wvg-style .bookingItem.status-started .wpStatus p,
.flowbox.started .actions .text{
	color: #666;
}

.wvg-style .btn {
    background: linear-gradient(90deg, rgba(56,204,185,1) 0%, rgba(56,204,185,1) 100%);
 }

 .wvg-style .btn.deleteBookingBtn {
	background: linear-gradient(90deg, #999 0%, #888 100%);
 }
 
.wvg-style .btn.cancel {
    background: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 100%);
    color: rgba(56,204,185,1);
}
 


.wvg-style .mdl-button--raised.mdl-button--colored.mdl-button--bordered,
.wvg-style nav ul li a,
 .wvg-style nav ul li.selected ul li{
    background: inherit;
    color: rgba(56,204,185,1);
 }
 .wvg-style nav ul li.selected a{
	 background: inherit;
	 color: #fff;
 }
  .wvg-style nav ul ul li a{
	  text-indent: 0;
  }
 .wvg-style nav ul ul li a.active{
	 background: inherit !important;
 }
 .wvg-style nav ul li.selected ul li a{	 
    color: rgba(56,204,185,1);
    background: #e3e3e3;
 }
 .wvg-style nav ul li.selected ul li a.active{
	 color: #fff;
 }
 
 .wvg-style nav ul li.selected ul li{
	 
 }
 
 html{
	 
    text-rendering: optimizeLegibility;
 }
 
 .wvg-style #splash{
	 color: #333;
 }
 
 .wvg-style #splash .splashContent, 
  .wvg-style #splash .splashNavigation{
	 background: rgba(255,255,255,0.8);
 }
 
 .wvg-style .vendor-logo,
 .wvg-style .vendorLogo{
	 width: 173px;
	 height: 40px;
	 background: url("/img/yoyo_logo_only.svg") no-repeat left top;
	 background-size: contain;
	 margin: 40px 20px 0px 20px;
 }
 .wvg-style #splash .mdl-radio__label{
	 color: #666;
 }
 .wvg-style #splash .is-checked .mdl-radio__label{
	 color: #000;
 }
 
 .wvg-style .vendorLogo{
	 margin: 0 auto;
	 margin-top: 40px;
	 margin-bottom: 50px;
 }
  .wvg-style nav .y-logo{
	  padding-top: 20px;
  }
  
  .wvg-style .splashLogo .brand,
  .wvg-style .splashLogo .sub{
	  display: none;
  }
  
  .wvg-style #splash .splashLogo{
	  background: url(../media/_Logo_YOYO_SMART_CMYK_100mm.png) no-repeat;
	  background-size: contain;
	  width: 173px;
	  position: absolute;
	  bottom: 30px;
	  left: 50%;
	  transform: translateX(-50%);
  }
  .wvg-style nav .y-logo{
	  position: absolute;
	  bottom: 10px;
  }
  .wvg-style nav .y-logo .normal{
	  display: none;
  }
  .wvg-style nav .y-logo img.yoyowvg{
	  width: 200px;
  }
  
  .content-area-wide .agb-text{
	  height: 60vh;
	  margin-top: 15px;
	  overflow-y: scroll;
  }
  
 .wvg-style nav{
	 width: 240px;
 }
  .wvg-style nav ul{
	  margin: 20px;
  }
  .wvg-style nav ul ul{
	  margin: 0;
	  margin-top: 10px;
  }
  .wvg-style nav ul ul li{
	  margin-bottom: 10px;
  }
    .wvg-style nav ul ul li a{
	    padding-left: 60px;
    }
 .wvg-style section{
	 left: 240px;
 }
 
 .wvg-style nav::after{
	 content: "";
	 width: 2px;
	 height: 100%;
	 position: absolute;
	 right: 0;
	 top: 0;
	 background: #f0f0f0;
 }
 
.wvg-style nav,
.wvg-style nav .y-logo,
.wvg-style .li-profile a{
	 background: #f2f2f2;
 }
 
 .wvg-style .li-profile a,
 .wvg-style nav ul#meta li a{
	 color: #666;
 }
 .wvg-style nav ul#meta li{
	 margin-top: 10px;
 }
.wvg-style nav ul#meta li a.active{
	  color: #fff;
}
  
  
.wvg-style a {
    color: rgba(56,204,185,1);
}
.wvg-style .flowbox .header{
	margin-left: 0;
}

.wvg-style .flowbox .header .left .back{
	background: #fff;
	opacity: 1;
}
.wvg-style .flowbox .header .left .back:hover{
	background: rgba(56,204,185,1);
}
.wvg-style .new-wp .back:hover .icon, 
.wvg-style .wp-info .back:hover .icon {
    background: url(../img/icon/icon_back.svg) 0px 0px / contain no-repeat;
}

.wvg-style .flowbox .header .center{
	left: 0;
	background: #fff;
	color: rgba(56,204,185,1);
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 50px;
}


.wvg-style .flowbox, 
.wvg-style .new-wp{
	background: #f0f0f0;
}

.wvg-style .inputWrap .txt .head,
.wvg-style section .content-area p,
.wvg-style section .content-subline,
.wvg-style .inputWrap .txt .sub,
.wvg-style p,
.wvg-style .bookingItem .fm-info .left .date, 
.wvg-style .bookingItem .fm-info .left .time,
.wvg-style .flowbox .workplace .desc, 
.wvg-style .booking-summary .desc, 
.wvg-style .booking-summary .confirmDetails, 
.wvg-style #p18 .content .desk, 
.wvg-style #p18 .content .confirmDetails,
.wvg-style .flowbox .inner-content.dottedBottom, 
.wvg-style .listWrap .listItem,
.wvg-style .flowbox .innerHeader, 
.wvg-style #popInfo .innerHeader,
.wvg-style .list .listHeader .head-item,
.wvg-style .fm-user-logout .txtFmUsername, 
.wvg-style .fm-user-logout .txtFmFullname{
}
.wvg-style .fm-user-logout .txtFmUsername, 
.wvg-style .fm-user-logout .txtFmFullname{
	color: #333;
}

.wvg-style b {

}

.wvg-style .y-fontlogo {
    font-family: "YOYONumbers Regular";
    text-transform: lowercase;
}


.wvg-style .summ-item .username{
		color: #333;
	}
	
	
	.wvg-style .back .icon {
	    display: block;
	    width: 50px;
	    height: 50px;
	    pointer-events: none;
	    background: url(../img/icon/icon_back_black.svg) 0px 0px / contain no-repeat;
	}

