﻿.cookies-notice-overlay {position: fixed; z-index: 5; background:rgba(0,0,0,0.9); font-size:11px; padding-left:5px; padding-right:5px; color:#FFF; width: 100%; bottom:0; left:0; text-align:center; padding-top:0; padding-bottom:20px;}
	#fvpp-close {display:inline-block; text-align:center; margin: 0 auto;  text-decoration: none; cursor: pointer; position: relative; font-size: 12px; text-transform: uppercase; padding: 4px 8px; border: 1px solid #177fbd; background: #177fbd; color: #FFF; text-indent: unset; width: auto; height: auto; line-height: inherit; right:unset; top:unset;}
	#fvpp-close:hover {opacity: 0.6;}
	.ier-set {}
	.cookies-notice-overlay .btn-preferences {background:none; border:1px solid #CCC; display: inline-block; font-size: 12px; text-transform: uppercase; margin-top: 0; padding: 4px 8px; vertical-align: top;}
	.cookies-notice-overlay .save {display: inline-block; text-align: center; margin: 10px auto; cursor: pointer; position: relative; font-size: 12px; text-transform: uppercase; padding: 4px 8px; border: 1px solid #177fbd; background: #FFF; color: #177fbd; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
	.cookies-notice-overlay .save:hover {background: #177fbd; color: #FFF;}
	.cookies-notice {width:100%; margin: 15px 0 15px 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
	.cookies-txt {margin: 0 auto 10px auto; width:100%; max-width:600px;}
	.cookies-notice-overlay table {min-width:300px;}
	.cookies-notice-overlay td {padding:5px;}
	@media only screen and (max-width: 480px) {
		.cookies-notice-overlay h4 {margin-top:22px;}
	}
	@media only screen and (min-width: 481px) and (max-width: 1024px) {}
	/* Preference Tab */
	.preferences {width:100%; padding: 0 20px; overflow: hidden; opacity: 0; display:none; max-width: 640px; margin: 20px auto 0 auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
	* {box-sizing: border-box}
	.cookies-notice-overlay .tab { float: left; border: 1px solid #ccc; background-color: #f1f1f1; width: 30%; height: 300px; text-align: center;}
	.cookies-notice-overlay .tab button { display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; border-bottom: 1px dotted #000;}
	.cookies-notice-overlay .tab button:hover { background-color: #ddd; }
	.cookies-notice-overlay .tab button.active { background-color: #ccc;}
	.cookies-notice-overlay .tabcontent { float: left; padding: 0px 12px; border: 1px solid #ccc; width: 70%; border-left: none; height: 300px; overflow-y: scroll;
}
	/* END Preference Tab */
	/* Switch */
	.cookies-notice-overlay .switch { --background: #D4DBC6; --background-active: #7DAE11; --shadow: rgba(18, 22, 33, .04); --shadow-dark: rgba(18, 22, 33, .32); cursor: pointer; display: flex; -webkit-tap-highlight-color: transparent; zoom: 1.5; float:right; margin-top: 10px;}
	.cookies-notice-overlay .switch input[type=checkbox] { display: none;}
	.cookies-notice-overlay .switch input[type=checkbox] + div { width: 40px; height: 24px; border-radius: 12px; overflow: hidden; position: relative; transition: transform 0.3s ease; background: var(--background); -webkit-mask-image: -webkit-radial-gradient(white, black); margin: 0 5px;}
	.cookies-notice-overlay .switch input[type=checkbox] + div:before,
	.cookies-notice-overlay .switch input[type=checkbox] + div canvas { left: 0; top: 0; display: block; position: absolute; transition: transform 0.5s ease, filter 0.5s ease;}
	.cookies-notice-overlay .switch input[type=checkbox] + div:before { --x: -100%; --s: 1; content: ""; width: 24px; height: 24px; border-radius: 50%; background: var(--background-active); transform: translateX(var(--x)) scale(var(--s));}
	.cookies-notice-overlay .switch input[type=checkbox] + div canvas { --x: -8px; display: block; filter: drop-shadow(0 1px 2px var(--shadow)); transform: translate(var(--x), -8px);}
	.cookies-notice-overlay .switch input[type=checkbox]:checked + div:before { --s: 3; --x: 0;}
	.cookies-notice-overlay .switch input[type=checkbox]:checked + div canvas { --x: 8px; filter: drop-shadow(0 1px 2px var(--shadow-dark));}
	.cookies-notice-overlay .switch:active input[type=checkbox] + div { transform: scale(0.92);}
	.cookies-notice-overlay .switch span { line-height: 24px; font-size: 11px; font-weight: 500; display: block; margin: 0; width: 20px;}
	/* END Switch */
	.cookies-notice-overlay .show-div {display: block; opacity:1; transition: 0.3s;}
	.cookies-notice-overlay .hide-div {opacity:0; display: none; transition: 0.3s;}