/*
 * CONSENT TOOL
 */
body.consent-tool-open .ui-widget-overlay {
	background: rgba( 0, 0, 0, .8 );
	opacity: 1;
	filter: Alpha(Opacity=1);
	z-index: 10000000 !important;
}

body.consent-tool-open .ui-dialog {
	z-index: 10000001 !important;
}

body.consent-tool-open .ui-dialog.custom-details {
	max-height: 90vh !important;
	overflow-y: scroll;
}

@media only screen and ( min-width: 451px ) {
	body.consent-tool-open .ui-dialog.custom-basic {
		max-width: 450px;
		left: calc( 50% - 225px ) !important;
	}
}

@media only screen and ( max-width: 450px ) {
	body.consent-tool-open .ui-dialog.custom-basic {
		width: 90%;
		left: 5% !important;
	}
}

@media only screen and ( min-width: 961px ) {
	body.consent-tool-open .ui-dialog.custom-details {
		max-width: 960px;
		left: calc( 50% - 470px ) !important;
	}
}

@media only screen and ( max-width: 960px ) {
	body.consent-tool-open .ui-dialog.custom-details {
		width: 90%;
		left: 5% !important;
	}
}

#consent-tool {
	font-size: 90%;
}

#consent-tool ul {
	list-style: none;
}

#consent-tool h2 {
	padding: 0 0 15px;
	margin: 0;
	font-weight: 400;
	font-size: 145%;
	line-height: 30px;
}

#consent-tool header {
	width: auto;
	position: relative;
}

#consent-tool header p {
	font-size: 90%;
}

#consent-tool main {
	margin: 0;
	padding: 0;
}

#consent-tool ul#consent-tool-groups {
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
	clear: both;
}

#consent-tool .basics ul#consent-tool-groups > li:nth-child(n+2) {
	padding-top: 5px;
	margin-top: 5px;
	border-top: dotted 2px #ddd;
}

#consent-tool span.consent-group-action {
	display: inline-block;
	width: 20px;
	padding-left: 3px;
}

#consent-tool i.fa.icon-disabled {
	text-decoration: none;
	color: #aaa;
}

#consent-tool i.fa.icon-red {
	color: #880000;
}

#consent-tool i.fa.icon-green {
	color: #0b8c58;
}

#consent-tool button#ct-button-accept {
	background: #0b8c58;
	color: #fff;
}

#consent-tool button#ct-button-accept:hover {
	background: #333;
}

#consent-tool button.ct-button {
	width: 100%;
	padding: 10px 15px;
	margin: 5px 0;
	cursor: pointer;
	color: #555;
	text-transform: unset;
	font-size: 100%;
	background: #f2f2f2;
	border: none;
	border-radius: 5px;
	outline: none;
}

#consent-tool button.ct-button.btn-highlight {
	background: #006eb4;
	color: #fff;
	font-weight: 600;
	padding: 15px;
}

#consent-tool button.ct-button.btn-narrow {
	font-size: 70%;
}

#consent-tool button.ct-button:hover {
	background: #333;
	color: #fff;
}

#consent-tool footer {
	text-align: center;
}

#consent-tool ul#consent-tool-links {
	display: inline-block;
	text-align: center;
	padding-top: 15px;
	font-size: 70%;
}

#consent-tool ul#consent-tool-links > li {
	display: inherit;
	position: relative;
}
#consent-tool ul#consent-tool-links > li:nth-child(n+2):before {
	content: '|';
	width: 15px;
	display: inline-block;
	text-align: center;
}

#consent-tool a.ct-link {
	color: #555;
}

#consent-tool a.ct-link:hover {
	color: #000;
}

#consent-tool span.ct-link.link-highlight {
	color: #000;
	cursor: pointer;
}

#consent-tool span.ct-link.link-highlight:hover {
	color: #006eb4;
}

#consent-tool ul.consent-tool-details {
	padding: 0;
}

#consent-tool .details ul#consent-tool-groups > li {
	padding: 15px;
	background: #f2f2f2;
}
#consent-tool .details ul#consent-tool-groups > li:nth-child(n+2) {
	margin-top: 5px;
}

#consent-tool .consent-tool-items h3 {
	margin: 0 0 5px;
}

#consent-tool .details button.ct-button {
	display: inline-block;
	width: auto;
	padding: 15px 30px;
}

#consent-tool .details span.ct-link span {
	padding: 15px 0;
	margin: 5px 0;
	display: inline-block;
	font-size: 80%;
	position: relative;
	color: #aaa;
	cursor: pointer;
}
#consent-tool .details span.ct-link span:nth-child(n+2):before {
	content: '|';
	width: 15px;
	display: inline-block;
	text-align: center;
}

#consent-tool .details span.ct-link span:hover {
	color: #006eb4;
}

#consent-tool .group-headline {
	padding-bottom: 10px;
}

#consent-tool .group-text,
#consent-tool .group-content {
	font-size: 90%;
}

#consent-tool p.group-toggle-content {
	padding: 0;
	text-align: center;
	font-size: 80%;
	text-decoration: underline;
	cursor: pointer;
}

#consent-tool p.group-toggle-content :hover {
	color: #006eb4;
}

@media only screen and ( min-width: 551px ) {
	#consent-tool .details span.ct-link {
		float: right;
	}

	#consent-tool span.item-title {
		display: block;
		width: 200px;
		float: left;
	}
	
	#consent-tool span.item-content {
		width: calc( 100% - 200px );
		float: right;
	}
}

@media only screen and ( max-width: 550px ) {
	.consent-tool-buttons.inline-buttons {
		text-align: center;
	}
	
	#consent-tool .details button.ct-button {
		width: 100%;
	}

	#consent-tool .details span.ct-link {
		display: block
	}
	
	#consent-tool span.item-title {
		display: block;
		font-weight: 600;
	}
	
	#consent-tool span.item-content {
		display: block;
		font-style: italic;
	}
}

#consent-tool span.item-content a {
	color: inherit;
	text-decoration: underline;
}

#consent-tool ul.consent-tool-items > li {
	overflow: hidden;
	margin-top: 15px;
}

#consent-tool ul.consent-tool-items > li .item-wrap {
	background: #fff;
	padding: 10px;
}

#consent-tool ul.consent-tool-details > li {
	overflow: hidden;
}
#consent-tool ul.consent-tool-details > li:nth-child(n+2) {
	padding-top: 3px;
	margin-top: 3px;
	border-top: solid 1px #f2f2f2;
}

div#consent-config {
	padding: 10px 15px;
	cursor: pointer;
	background: #000;
	color: #aaa;
	font-size: 75%;
	position: relative;
	text-align: center;
	z-index: 500000;
}

#consent-tool footer {
	text-align: center;
	background: none;
	border-bottom: navajowhite;
	margin: 0;
	line-height: initial;
}

@media only screen and ( min-width: 901px ) {
	div#consent-config {
		position: fixed;
		bottom: 0;
		right: 100px;
		background: #fff;
		color: #555;
		box-shadow: 0 0 5px #333;
		z-index: 10000000;
	}
}

div#close-consent-modal {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 120%;
	text-align: center;
	cursor: pointer;
	color: #555;
	background: #fff;
}
div#close-consent-modal:hover {
	color: #880000;
}

div#close-consent-modal span {
	left: -999999px;
	position: absolute;
}