/*  FORM - SWITCH
	---------------------------------------- */  
	div.multiple {
		margin-right: 20px;
		padding: 5px 0;
		display: inline-block;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width:100%;
	}
	
	div.multiple:last-of-type {
		margin-right: 0;
	}

	label.switch {
		width: 100% !important;
		height: 34px !important;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	
	label.switch.active {
		width: 54px;
	}

	label.switch input {
		opacity: 0;
		width: 0;
		height: 0;
		padding: 0;
	}

	label.switch span.slider {
		margin: 0;
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		/*-webkit-transition: .4s;
		transition: .4s;*/
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 0px solid rgba(0,0,0,0.15);
	}
	
	label.switch input + .slider:after {  
		width: 100%;
		height: 34px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		text-align: left;
		font: 400 16px / 38px highgate, sans-serif;
		/*color: #475166;*/
		color: #475166;
		/*-webkit-transition: all 300ms ease;
		transition: all 300ms ease;*/
		padding-right:0px;
		padding-right:40px;
		box-sizing:border-box;
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis; 
	}
	
	label.switch input + .slider {
		/*
		background-color: #cb3d3d;
		background-color: #f3940e;
		background-color: rgba(0,0,0,0.05);
		*/
		background-image:url(../img/icons/icon-check-combi.svg);
		background-repeat:no-repeat;
		background-size:20px;
		background-position:right top;
	}
	
	label.switch input:checked + .slider {
		background-image:url(../img/icons/icon-check-combi.svg);
		background-position:right bottom;
		/*background-color: #44bd60;
		border-color:#44bd60;*/		
		
	}
	
	label.switch input:checked + .slider:after { 
		color: #179fe9;
	}
	
	label.switch input + .slider:after { 
		/*color: #475166;*/
	}
	
	label.switch input[name=set-online] + .slider:after {  
		content: 'Offline';
	}
	
	label.switch input[name=set-online]:checked + .slider:after {  
		content: 'Online';
	}
	
	label.switch input[name=set-nap] + .slider:after {  
		content: 'NAP: Kilometerstand logisch verklaarbaar';
	}
	
	label.switch input[name=set-nap]:checked + .slider:after {  
		content: 'NAP: Kilometerstand logisch verklaarbaar';
	}
	
	label.switch input[name=set-metallic] + .slider:after {  
		content: 'Metallic lak';
	}
	
	label.switch input[name=set-metallic]:checked + .slider:after {  
		content: 'Metallic lak';
	}
	
	label.switch input[name=set-condition] + .slider:after {  
		content: 'Gebruikt';
	}
	
	label.switch input[name=set-condition]:checked + .slider:after {  
		content: 'Nieuw';
	}
	
	label.switch input[name=set-particulateFilter] + .slider:after {  
		content: 'Roetfilter';
	}
	
	label.switch input[name=set-particulateFilter]:checked + .slider:after {  
		content: 'Roetfilter';
	}
	
	label.switch input[name=set-hailDamage] + .slider:after {  
		content: 'Hagelschade';
	}
	
	label.switch input[name=set-hailDamage]:checked + .slider:after {  
		content: 'Hagelschade';
	}
	
	label.switch input[name=set-maintenanceBooklets] + .slider:after {  
		content: 'Onderhoudsboekjes aanwezig';
	}
	
	label.switch input[name=set-maintenanceBooklets]:checked + .slider:after {  
		content: 'Onderhoudsboekjes aanwezig';
	}
	
	label.switch input[name=set-suitableForDisabledPeople] + .slider:after {  
		content: 'Toegangkelijk voor mindervaliden';
	}
	
	label.switch input[name=set-suitableForDisabledPeople]:checked + .slider:after {  
		content: 'Toegangkelijk voor mindervaliden';
	}
	
	label.switch input[name=set-damaged] + .slider:after {  
		content: 'Schadevoertuig';
	}
	
	label.switch input[name=set-damaged]:checked + .slider:after {  
		content: 'Schadevoertuig';
	}
	
	label.switch input[name=set-demo] + .slider:after {  
		content: ' Demovoertuig';
	}
	
	label.switch input[name=set-demo]:checked + .slider:after {  
		content: 'Demovoertuig';
	}
	
	label.switch input[name=set-exRental] + .slider:after {  
		content: 'Ex-verhuur';
	}
	
	label.switch input[name=set-exRental]:checked + .slider:after {  
		content: 'Ex-verhuur';
	}
	
	label.switch input[name=set-possibleRental] + .slider:after {  
		content: 'Verhuur mogelijk';
	}
	
	label.switch input[name=set-possibleRental]:checked + .slider:after {  
		content: 'Verhuur mogelijk';
	}
	
	label.switch input[name=set-brakes] + .slider:after {  
		content: 'Geremd';
	}
	
	label.switch input[name=set-brakes]:checked + .slider:after {  
		content: 'Geremd';
	}
	
	label.switch input[name=set-boattrailer-braked] + .slider:after {  
		content: 'Geremd';
	}
	
	label.switch input[name=set-boattrailer-braked]:checked + .slider:after {  
		content: 'Geremd';
	}
	
	label.switch input[name=set-trailer-boat] + .slider:after {  
		content: 'Inclusief boottrailer';
	}
	
	label.switch input[name=set-trailer-boat]:checked + .slider:after {  
		content: 'Inclusief boottrailer';
	}
	
	label.switch input[name=set-boat-engine-fastsailing] + .slider:after {  
		content: 'Snelvarend';
	}
	
	label.switch input[name=set-boat-engine-fastsailing]:checked + .slider:after {  
		content: 'Snelvarend';
	}
	
	label.switch input[name=set-boat-engine-has-engine] + .slider:after {  
		content: 'Heeft motor';
	}
	
	label.switch input[name=set-boat-engine-has-engine]:checked + .slider:after {  
		content: 'Heeft motor';
	}
	
	label.switch input[name=set-boattrailer-kantelbaar] + .slider:after {  
		content: 'Kantelbaar';
	}
	
	label.switch input[name=set-boattrailer-kantelbaar]:checked + .slider:after {  
		content: 'Kantelbaar';
	}

	label.switch input:focus + .slider {

	}

	label.switch input:checked + .slider:before {
		/*right:5px;
		left:auto;*/
	}
	
	label.switch.active input:checked + .slider:before {
		/*right:auto;
		left:5px;*/
	}
	
	label.switch.small {
		width: 30px;
		height: 15px;
	}
	
	label.switch.small span.slider:before {
		width: 11px;
		height: 11px;
	}