body.cookie-proof-in{margin-bottom:70px!important}

.cookie-proof-btn,.cookie-proof-policy,.cookie-proof-settings,.cookie-proof-settings .icon,.cookie-proof-switch{transition:all .3s ease}


.cookie-proof .icon {
	background-image:url(icons.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	height:25px;
	width:25px;
	display:inline-block !important;
}

.icon.icon-cookie{background-position:0 0}
.icon.icon-policy{background-position:-25px 0}

.icon.icon-settings {
	background-position:-50px 0;
}

.cookie-proof-panel-toggle{background:inherit;border-top:solid 3px #FFF;cursor:pointer;padding:10px;position:absolute;transform:translateY(-100%)}
.cookie-proof-panel-toggle::before{background:#2D3436;dcontent:'Cookie manager aan / uit';float:left;height:20px;line-height:25px;margin-right:0;opacity:0;doverflow:hidden;position:relative;text-align:center;transition:all .3s ease;visibility:hidden;width:0}
.cookie-proof-panel-toggle:hover::before{opacity:1;visibility:visible;margin-right:10px;width:140px}
.cookie-proof-panel-toggle-left{left:10px}.cookie-proof-panel-toggle-center{left:calc(50% - 22.5px)}
.cookie-proof-panel-toggle-right{right:10px}
.cookie-proof-panel-toggle:hover{border-top-color:#20BF6B}


.cookie-proof {
	background:#2D3436;
	bottom:0;
	color:#FFF;
	font-family:Arial;
	font-size:14px;
	left:0;
	position:fixed;
	width:100%;
	z-index:9999999999;
		padding-top: 10px;
		padding-bottom: 20px;
}



.cookie-proof:not(.cookie-proof-out){animation:slideIn .5s ease-in-out}
.cookie-proof.cookie-proof-out{transform:translateY(100%)}
.cookie-proof.cookie-proof-slide-out{animation:slideOut .5s ease-in-out;transform:translateY(100%)}
.cookie-proof-content{margin:0 auto;max-width:90%;padding:20px;width:1170px}
.cookie-proof-content::after{clear:both;content:'';display:block}

.cookie-proof-message {
	float:left;
	line-height:30px;
	width:30%;
}




.cookie-proof-decision {
	text-align:right;
	float:left;
	width:70%;
	margin: 11px 0 0 0;
}

.cookie-proof-btn,.cookie-proof-policy,.cookie-proof-settings{display:inline-block;line-height:30px;text-align:center}

.cookie-proof-btn {
	background-color: #029795;	
	cursor:pointer;
	width:40px;
		width:190px;
		margin: 0 0 20px 0;
}


.cookie-proof-btn:hover {
	background-color: #029795;
}



.cookie-proof-settings {
	margin-left: 13px;
	width: 190px;
}

.cookie-proof-settings span.icon {
	width: 25px;
}


.cookie-proof-settings span.icon-tekst {
    font-family: Arial;
	top: 0;
	margin-right: 5px;
}


.cookie-proof-policy {
	margin-left:5px;
	width: 180px;
}


.cookie-proof-policy span.icon-tekst {
    font-family: Arial;
	top: 0;
	margin-right: 5px;
}

.cookie-proof-policy a, .cookie-proof-policy a:hover {
    color: #ffffff;
	text-decoration: none;
}




.cookie-proof-policy .icon,.cookie-proof-settings .icon{margin-top:-5px;opacity:.7;position:relative;top:7px}
.cookie-proof-policy:hover .icon,.cookie-proof-settings:hover .icon{opacity:1}
.cookie-proof-settings{cursor:pointer}.cookie-proof-details{clear:both;display:none;padding-top:15px}
.cookie-proof-details::after{clear:both;content:'';display:block}
.cookie-proof-details-title{font-weight:700}
.cookie-proof-toggle{border:1px solid;box-sizing:border-box;float:left;margin-top:10px;padding:5px;width:calc(50% - 5px)}


.cookie-proof-toggle:nth-child(even){dmargin-right:5px}
.cookie-proof-toggle:nth-child(odd){margin-right:5px}


.cookie-proof-name{cursor:pointer;float:left;line-height:23px;padding-left:15px;width:80%}
.cookie-proof-toggle input[type=checkbox]{cursor:pointer;float:left;height:25px;margin:0;width:20%}
.cookie-proof-tooltip-trigger{position:relative}
.cookie-proof-tooltip{animation:fadeIn .5s ease-in-out;background:#fff;border:1px solid #000;color:#000;font-size:11px;left:50%;line-height:23px;padding:0 10px;position:absolute;top:0;transform:translate(-50%,-100%);width:100px}@-webkit-keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes slideIn{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideOut{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideOut{from{transform:translateY(0)}to{transform:translateY(100%)}}
.cookie-proof-switch{background:#BDB9A6;border-radius:1em;cursor:pointer;display:inline-block;font-size:20px;height:.8em;margin:0;position:relative;top:4px;width:2em}
.cookie-proof-switch.checked{background:#20BF6B}
.cookie-proof-switch.disabled{cursor:not-allowed;opacity:.5}
.cookie-proof-switch input{position:absolute;opacity:0}
.cookie-proof-switch div{background:#FFF;border-radius:.8em;box-shadow:0 .1em .3em rgba(0,0,0,.3);height:.8em;width:1em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.cookie-proof-switch input:checked+div{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}

.cookie-proof {
	background: #273747;
    border-top: 2px solid #ffffff;
}

.cookie-proof-btn {
	background-color: #029795;	
}

.cookie-proof-btn.sluiten {
	background-color: transparent;
}

.cookie-proof-panel-toggle {
    border-left: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
}

.cookie-proof-panel-toggle:hover {
	border-top-color: #029795;	
	border-left: solid 2px #029795;	
	border-right: solid 2px #029795;	
}

.cookie-proof-panel-toggle::before{
		dcontent:'Cookie manager aan / uit';
	background: #273747;
	height: 30px;
}

.cookie-proof-panel-toggle:hover::before {
    width: 190px;
}

.cookie-proof-switch.checked {
	background-color: #029795;
}

div #cookies td {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
	dbackground-color: #cc0000;
}



	@media only screen and (max-width: 767px) {
		
.cookie-proof {
    font-size: 15px;
}
		
.cookie-proof-details {
	padding-top: 0;
}
		
.cookie-proof-message, .cookie-proof-decision {
    width: 98%;
	margin: 0 2% 20px 2%;
}
		
.cookie-proof-content {
    margin: 0 auto;
    max-width: 90%;
    padding: 20px;
    width: auto;
}
		
.cookie-proof-name {
    padding-left: 0;
    width: 100%;
}

.cookie-proof-settings, .cookie-proof-policy, .cookie-proof-btn {
    margin-left: 10px;
    width: auto;
}

.icon-tekst {
	float: left;
    margin: 7px 5px 0 5px;
}

.icon-settings, .icon-policy {
	float: left;
}

.cookie-proof-btn.sluiten {
    background-color: transparent;
    margin: 3px 0 0px 15px;
}

.cookie-proof-btn {
	padding: 0 10px 0 10px;
}


.cookie-proof-btn, .cookie-proof-settings, .cookie-proof-policy {
	float: left;
	margin-top: 3px;
	margin-bottom: 12px;
}

.cookie-proof-policy { 
	margin-top: 10px;
}


	}
	


	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
.cookie-proof-policy {
    margin-top: 3px;
}

.cookie-proof-settings, .cookie-proof-policy, .cookie-proof-btn {
    margin-left: 18px;
}
		
		
	}



	@media only screen and (max-width: 479px) { 
		
.cookie-proof-content {
    max-width: 98%;
    padding: 1%;
}	
		
		
		
	}




