@charset "UTF-8";

.gdpr-container .floatleft, .gdpr-banner .floatleft {float:left;}
.gdpr-container .floatright, .gdpr-banner .floatright {float:right;}
.gdpr-container .clear, .gdpr-banner .clear {clear:both;}

.gdpr-container .color_green {color:green;}
.gdpr-container .color_red {color:red;}

.gdpr-container .cookie-status select.active, .gdpr-container .cookie-status .color_green {background-color:green;}
.gdpr-container .cookie-status select.inactive, .gdpr-container .cookie-status .color_red {background-color:red;}

.gdpr-container .cookie-status select.active, .gdpr-container .cookie-status select.inactive, .gdpr-container .cookie-status [class^="color_"] {
	color:#ffffff;
	border-radius:15px;
	margin:0;
	box-sizing:border-box;
	font-weight:bold;
	display:inline-block;
	font-size:14px;
	padding:5px 10px;
}

.gdpr-container .cookie-status [class^="color_"] {
	padding:6px 10px;
}

.gdpr-container .cookie-status select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding:5px 10px;
	text-align:right;
	border:none;
	margin:0;
	box-sizing:border-box;
	outline:none;
}

.gdpr-container .cookie-status select option {
	padding:0;
}

.gdpr-container .cookie-status .color_green::before {
	content:'\002713';
	margin-right:10px;
}

.gdpr-container .cookie-status .color_red::before {
	content:'\002718';
	margin-right:10px;
}

.gdpr-container .txt_bold {font-weight:bold !important;}

.gdpr-container {
	width:100vw;
	height:100vh;
	position:fixed;
	z-index: 1000;
	background-color:rgba(0,0,0,0.75);
	font-family:Arial, Helvetica, sans-serif;
}

.gdpr-popup {
	background-color:#ffffff;
	color:#000000;
	width:80vw;
	min-width:320px;
	max-width:800px;
	height:70vh;
	min-height:400px;
	max-height:800px;
	margin:auto;
	position:absolute;
	left:0;right:0;
	top:0;bottom:0;
	z-index:10000;
}

.gdpr-popup .topbar, .gdpr-popup .bottombar {
	font-size:18px;
	line-height:21px;
	height:7.5%;
	min-height:58px;
	background-color:#ffffff;
	margin:0;
	padding:0 10px;
	position:relative;
}

.gdpr-popup .topbar {
	border-bottom:1px solid #e5e5e5;
}

.gdpr-popup .bottombar {
	border-top:1px solid #e5e5e5;
	text-align:right;
}

.gdpr-popup .topbar span.title {
	width:calc(85% - 10px);
	height:18px;
	top:0;bottom:0;
	margin:auto 0;
	display:inline-block;
	font-weight:bold;
	position:absolute;
}

.gdpr-popup .topbar span.xclose {
	width:calc(15% - 10px);
	height:50%;
	line-height:50%;
	top:0;bottom:0;right:0;
	margin:auto 0;
	display:inline-block;
	text-align:right;
	position:absolute;
	cursor:pointer;
}

.gdpr-popup .topbar span.xclose::before {
	content:'\00d7';
	top:0;bottom:0;
	margin:auto 10px auto auto;
	padding:8px;
	display:inline-block;
	border:solid 1px #333;
	box-sizing:border-box;
}

.gdpr-popup .topbar span.xclose:hover::before {
	background-color:#333;
	color:#ffffff;
}

.gdpr-container .gdpr-main {
	height:85%;
	box-sizing:border-box;
	overflow:hidden;
}

.gdpr-container nav.gdpr-tabs {
	height:100%;
	box-sizing:border-box;
	width:25%;
	float:left;
	overflow-y:auto;
}

.gdpr-container nav.gdpr-tabs .tab {
	font-size:16px;
	padding:20px 10px;
	box-sizing:border-box;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background-color:#f7f7f7;
	color:#808080;
	cursor:pointer;
}

.gdpr-container nav.gdpr-tabs .tab:hover {
	filter:brightness(95%);
}

.gdpr-container nav.gdpr-tabs .tab.active {
	border-right:none;
	cursor:default;
	color:#000000;
	background-color:#ffffff;
	font-weight:bold;
}

.gdpr-container nav.gdpr-tabs .tab.active:hover {
	filter:brightness(100%);
}

.gdpr-container .cookie-status {
	box-sizing:border-box;
	width:100%;
	padding:0 20px 20px 20px;
	float:left;
	text-align:right;
}

.gdpr-container .gdpr-box {
	height:calc(93% - 40px);
	box-sizing:border-box;
	width:75%;
	padding:20px;
	float:left;
	overflow-y:auto;
}

.hidden{
	display:none;
}

.gdpr-box h1 {
	font-size:21px;
	margin:0 0 20px 0;
}

.gdpr-container .gdpr-button, .gdpr-banner .gdpr-button {
	display:inline-block;
	padding:1% 10px;
	cursor:pointer;
	margin:1.5% 0 1.5% 10px;
	box-sizing:border-box;
	border:1px solid;
	color:#ffffff;
}

.gdpr-button.gray {background-color:#808080;}
.gdpr-button.green {background-color:#7ca3e3;}
.gdpr-button.red {background-color:#ff0000;}

.gdpr-button:hover {
	filter:brightness(150%);
}

.gdpr-container h3 {
	font-size:18px;
}

.gdpr-container .used-cookies div {
	padding:10px 0;
}

.gdpr-container .used-cookies div:not(:last-child) {
	border-bottom:solid 1px #e5e5e5;
}

.gdpr-container a, .gdpr-container a:link, .gdpr-container a:visited, .gdpr-container:hover, .gdpr-container a:active {
	color:#2C21C9;
}

.gdpr-banner {
	font-family:Arial, Helvetica, sans-serif;
	/*width:calc(100% - 80px);*/
	width:100%;
	box-sizing: border-box;
	position:fixed;
	bottom:0;
	left:0;right:0;
	background-color:rgba(0,0,0,0.90);
	color:#fff;
	padding:10px 30px 5px 30px;
	/*padding:40px;*/
}
#gdprbanner {
	display:table;
}

.gdpr-banner .cookie-info {
	/*margin-bottom:20px;*/
	margin-bottom:5px;
}
#gdprtool {
	width:35%;
	box-sizing: border-box;
	display:table-cell;
	
}
#gdprtxt {
	width:65%;
	box-sizing: border-box;
	display:table-cell;
	font-size:0.8em;
	color:#CCC;
}
.gdpr-banner .txt_right {
	text-align:right;
}
.gdpr-banner .gdpr-button{border:0!important;}
.gdpr-banner .gdpr-button.transparent {
	text-decoration:underline;
}

.gdpr-banner .gdpr-button.green {
	border-radius:15px;
}

.gdpr-banner .gdpr-button.green::before{
	content:'\002713';
	margin-right:10px;
}

.gdpr-banner .gdpr-button.close {
	background-color:transparent;
}

.gdpr-banner .gdpr-button.close::before {
	content:'\00d7';
}

@media (max-width:639px) {
	
	.gdpr-container nav.gdpr-tabs {
		padding:10px;
		width:100%;
		height:auto;
		float:none;
		text-align:center;
	}
	
	.gdpr-container nav.gdpr-tabs .tab {
		display:inline-block;
		font-size:12px;
		border:none;
		background-color:#ffffff;
		padding:10px;
	}
	
	.gdpr-container nav.gdpr-tabs .tab.active {
		background-color:#808080;
		color:#ffffff;
		border-radius:20px;
	}
	
	.gdpr-container .gdpr-box {
		height:calc(65% - 40px);
		box-sizing:border-box;
		width:100%;
		float:none;
		overflow-y:auto;
	}
	
	.gdpr-container .cookie-status {
		width:100%;
		float:none;
	}
	.gdpr-banner {
		/*width:calc(100% - 40px);*/
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	#gdprbanner {
	display:block;
}

#gdprtool {
	width:100%;
	box-sizing: border-box;
	display:block;
	
}
#gdprtxt {
	width:100%;
	box-sizing: border-box;
	display:block;
	font-size:0.8em;
	color:#CCC;
}
}