/* --- telecom_tracking_dialog.css --- */

:root {
	--blx-buttons-width: auto;
	--blx-cookie-banner-margin-horizontal: auto;
	--blx-cookie-banner-text-align: center;
	--blx-cookie-banner-width: 620px;
}

@media (max-width: 970px) {
	:root {
		--blx-cookie-banner-margin-horizontal: 15px;
		--blx-cookie-banner-text-align: left;
		--blx-cookie-banner-width: calc(100% - var(--blx-cookie-banner-margin-horizontal) * 2);
	}
}

@media (max-width: 670px) {
	:root {
		--blx-buttons-width: 115px;
	}
}

.telecom-tracking-dialog {
	color: #dbe5ef;
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #497fae;
	font-size: 0.85em;
}

/* Indien de cookiebanner inline in de cookieverklaring getoond wordt */
body.inlineBanner{
	background: #fff;
	color: #000;
	text-align: left;
	font-size: 1em;
	margin: 0 0 0 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

body.inlineBanner h2 {
	font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	padding: 15px 0 5px 0;
	margin: 0;
}

.telecom-tracking-dialog, .telecom-tracking-dialog button {
	font: normal 0.813em/1.385 Arial, Helvetica, 'Liberation Sans', sans-serif;
}

	.telecom-tracking-dialog fieldset {
		position: relative;
		font-size: 0.8em;
		text-shadow: 0.048em 0.071em 0.036em rgba(0,0,0,0.5);
		text-align: var(--blx-cookie-banner-text-align);
		width: var(--blx-cookie-banner-width);
		height: 100%;
		margin: 4px var(--blx-cookie-banner-margin-horizontal) 0;
		padding: 0 110px 0 0;
		box-sizing: border-box;
		border-style: none;
	}

	body.inlineBanner fieldset{
		text-shadow: none;
		color: #000;
		width: auto;
	}

		.telecom-tracking-dialog h1,
		.telecom-tracking-dialog legend {
			display: none;
		}

		.telecom-tracking-dialog p {
			margin: 0;
		}

		.telecom-tracking-dialog a {
			text-decoration: underline;
			color: #fff;
			font-size: 0.95em;
		}
		
		.telecom-tracking-dialog .meerInfo{
			background: url(../images/bg_cookiewet.gif) 0 0 no-repeat;
			margin-left: 35px;
			padding: 2px 0 6px 30px;
			
		}

			.telecom-tracking-dialog .buttons {
				position: absolute;
				top: 18px;
				right: 0;
				display: block;
				width: var(--blx-buttons-width);
			}
			.telecom-tracking-dialog .buttonAccept{
				top: 0;
			}

			.telecom-tracking-dialog button {
				cursor: pointer;
				font-size: 0.95em;
			}

			.telecom-tracking-dialog .refuse, .telecom-tracking-dialog .accept{
				background: url(../images/bg_cookiewet.gif) -2px 0 no-repeat;
				text-decoration: underline;
				color: #dbe5ef;
				text-shadow: 0.048em 0.071em 0.036em rgba(0,0,0,0.5);
				margin: 0 0 0 15px;
				padding: 0 0 0 16px;
				border: none;
				display: inline;
				min-width: 18px;
				min-height: 18px;
			}

				body.inlineBanner .refuse, body.inlineBanner .accept{
					background: none;
					margin: 0;
					padding: 0;
					text-shadow: none;
					color: #000;
				}


				.telecom-tracking-dialog .accept span {
					font-size: 100%;
					line-height: 18px;
				}

			.telecom-tracking-dialog .accept{
				background: url(../images/bg_cookiewet.gif) -2px -156px no-repeat;
				padding: 0 0 0 18px;
			}
			
				.telecom-tracking-dialog a:hover, .telecom-tracking-dialog .accept:hover, .telecom-tracking-dialog .refuse:hover, 
				.telecom-tracking-dialog a:active, .telecom-tracking-dialog .accept:active, .telecom-tracking-dialog .refuse:active, 
				.telecom-tracking-dialog a:focus, .telecom-tracking-dialog .accept:focus, .telecom-tracking-dialog .refuse:focus{color: #fff;}

				body.inlineBanner a:hover, body.inlineBanner .accept:hover, body.inlineBanner .refuse:hover, 
				body.inlineBanner a:active, body.inlineBanner .accept:active, body.inlineBanner .refuse:active, 
				body.inlineBanner a:focus, body.inlineBanner .accept:focus, body.inlineBanner .refuse:focus{color: #000;}