@charset "UTF-8";

/* Stylesheet for the Common Intake Form, ed. 2017
 * Adopting the general design of the new Europa site
 * by Sascha Leib for GROW.R.4
 * File name: general.css
 */

html, body, * {
	margin:			0;
	padding:		0;
	font-family:	Helvetica,Arial,sans-serif;
}

/* accessibility fixes */
#skip-link {
	position:			fixed;
	left:				1.5em;
	top:				1.5em;
	width:				auto;
	z-index:			1060;
}
#skip-link a {
    position:			absolute;
	background-color:	#004494;
    color:				#ffffff;
    height:				1px;
    overflow:			hidden;
	clip:				rect(1px, 1px, 1px, 1px);
}
#skip-link a:focus {
	position:			static;
	display:			inline-block;
    padding:			8px;
	height:				auto;
	clip:				auto;
	overflow:			visible;
    outline: 			4px solid #ffd617;
}
.sr-only {
	position:	absolute;
	clip:		rect(0px, 0px, 0px, 0px);
	overflow:	hidden;
	height:		1px;
	width:		1px;
	border:		0 none;
	margin:		-1px;
}
/* === top-level site switchers: === */
.top-level-switcher {
	background-color:	#f2f2f2;
	font-size:			12pt;
	font-weight:		bold;
}
#top-switcher {
	margin-bottom:		12px;
}
#bottom-switcher {
	clear:				both;
	margin-top:			12px;
	text-align:			right;
}
.top-level-switcher ul {
	list-style: 		outside none none;
	width:				100%;
	max-width:			1170px;
	margin:				0 auto 0 auto;
}
.top-level-switcher li {
	position:			relative;
	list-style: 		outside none none;
	display:			inline-block;
}
.top-level-switcher li a:link {
	display:			block;
	padding:			6pt 20pt;
	color:				#004494;
	text-decoration:	none;
}
.top-level-switcher li a:hover {
	color:				#404040;
	text-decoration:	underline;
}
.top-level-switcher li a:focus {
	outline:			3px solid #ffd617;
    text-decoration:	underline;
}

#top-switcher li.active,
#bottom-switcher li.active {
	position:			relative;
	background:			#004494;
}
#top-switcher li.active::after {
	top:				100%;
	left:				50%;
	border:				solid transparent;
	content:			" ";
	height:				0;
	width:				0;
	position:			absolute;
	border-color:		rgba(0, 68, 148, 0);
	border-top-color:	#004494;
	border-width:		6px;
	margin-left:		-6px;
}
#bottom-switcher li.active::after {
	bottom:				100%;
	left:				50%;
	border:				solid transparent;
	content:			" ";
	height:				0;
	width:				0;
	position: 			absolute;
	border-color:		rgba(0, 68, 148, 0);
	border-bottom-color: #004494;
	border-width:		6px;
	margin-left:		-6px;
}

.top-level-switcher li.active a:link,
.top-level-switcher li.active a:visited {
	background-color:	#004494;	
	color:				#f2f2f2;
}

/* === logo & tools bar === */
#header-layout {
	width:				100%;
	height:				110px;
	max-width:			1170px;
	margin:				0 auto;
	font-size:			12pt;
	font-weight:		bold;
}
#header-layout a:link,
#header-layout a:visited {
	color:				#004494;
	text-decoration:	none;
}
#header-layout a:hover {
	color:				#404040;
	text-decoration:	underline;
}
#header-layout a:focus {
	outline:			3px solid #ffd617;
    text-decoration:	underline;
}

/* Commission logo */
#site-logo {
	position:			relative;
	display:			block;
	width:				290px;
	height:				72px;
	top:				15px;
	float:				left;
	margin-bottom:		18px;
	margin-left:		5px;
}
#site-logo a:link {
	display:			block;
	width:				290px;
	height:				72px;
	color:				transparent;
	padding-top:		-1000px;
	width:				100%;
	background:			transparent url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/logo/ec-logo_en.png') center no-repeat;
}
#site-logo a:focus {
	outline:			3px solid #ffd617;
    text-decoration:	underline;
}

/* right-side tools */
#header-tools-layout {
	float:			right;
	width:			auto;
	padding-top:	33px;
	margin-right:	10px;
}

/* used on multiple menus: */
header button:focus {
	outline:			3px solid #ffd617;
}

header .close-popup {
	display:			table-row;
}
header .close-popup span {
	display:			table-cell;
	width:				100%;
	font-weight:		normal;
	padding-left:		10pt;
}
header .close-popup button {
	display:			table-cell;
	border:				transparent none 0;
	background-color:	transparent;
	padding:			2pt;
	font-size:			18pt;
	font-weight:		bold;
}
		
/* languages menu */
#non-js-lang-menu {
	display:			block;
	font-weight:		normal;
}
#non-js-lang-menu p {
	color:				#666;
	font-style:			italic;
	margin-bottom:		3pt;
}
#non-js-lang-menu ul {
	display:			inline;
	list-style: 		outside none none;
}
#non-js-lang-menu ul li {
	display:			inline-block;
	border:				#666 solid 1px;
	padding:			0 2px;
}
#non-js-lang-menu ul li.active {
	background-color:	#004494;
}
#non-js-lang-menu ul li.active a:link,
#non-js-lang-menu ul li.active a:visited {
	color:				#FFF;
}	
#non-js-lang-menu abbr {
	text-decoration:	none;
}

#language-menu-button {
	background-color:	transparent;
	border:				transparent none 0;
	font-size:			12pt;
	font-weight:		bold;
	cursor:				pointer;
}
#language-menu-button::after {
	display:		inline-block;
	content:		"zz";
	margin:			0 5pt;
	background:		url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/language.png') 0 0 no-repeat;
	background-size: 28px 28px;
	width:			28px;
	height:			28px;
	color:			#FFF;
	font-size:		78%;
	font-weight:	normal;
	text-align:		center;
	text-transform:	uppercase;
	padding-top:	3px;
}

#language-menu-button:lang(bg)::after {content: "bg";}
#language-menu-button:lang(cs)::after {content: "cs";}
#language-menu-button:lang(da)::after {content: "da";}
#language-menu-button:lang(de)::after {content: "de";}
#language-menu-button:lang(et)::after {content: "et";}
#language-menu-button:lang(el)::after {content: "el";}
#language-menu-button:lang(en)::after {content: "en";}
#language-menu-button:lang(es)::after {content: "es";}
#language-menu-button:lang(fr)::after {content: "fr";}
#language-menu-button:lang(ga)::after {content: "ga";}
#language-menu-button:lang(hr)::after {content: "hr";}
#language-menu-button:lang(it)::after {content: "it";}
#language-menu-button:lang(lv)::after {content: "lv";}
#language-menu-button:lang(lt)::after {content: "lt";}
#language-menu-button:lang(hu)::after {content: "hu";}
#language-menu-button:lang(mt)::after {content: "mt";}
#language-menu-button:lang(nl)::after {content: "nl";}
#language-menu-button:lang(pl)::after {content: "pl";}
#language-menu-button:lang(pt)::after {content: "pt";}
#language-menu-button:lang(ro)::after {content: "ro";}
#language-menu-button:lang(sk)::after {content: "sk";}
#language-menu-button:lang(sl)::after {content: "sl";}
#language-menu-button:lang(fi)::after {content: "fi";}
#language-menu-button:lang(sv)::after {content: "sv";}

#languages-menu {
	display:			none;
	position:			absolute;
	right:				0;
	margin-right:		130pt;
	margin-top:			1pt;
	width:				450px;
	background-color: 	#FFF;
	border:				#D9D9D9 solid 1px;
	z-index:			9999;
}
#languages-menu  ul {
	display:			inline-block;
	list-style: 		outside none none;
	margin:				2pt;
}
#languages-menu  ul li {
	font-weight:		bold;
	border-bottom:		#F4F4F4 solid 1px;
}
#languages-menu  ul li a:link,
#languages-menu  ul li a:visited {
	display:			inline-block;
	width:				200px;
	padding:			5pt 2px 5pt 12pt;
	color:				#000;
}
#languages-menu  ul li a.active::before {
	display:			inline-block;
	content:			'\2714';
	float:				right;
	text-align:			left;
	width:				1.5em;
}
#languages-menu  ul li a:hover {
	background-color:	#004494;
	color:				#FFF;
	text-decoration:	underline;
}
#languages-menu  ul li a:focus {
	outline:			3px solid #ffd617;
	background-color:	#004494;
	color:				#FFF;
	text-decoration:	underline;
}
#languages-menu  #close-lang-menu {
	margin-right:		10pt;
}
#languages-menu  #close-lang-menu:focus {
	outline:			3px solid #ffd617;
}

/* menu button */
#menu-button {
	background-color:	#004494;
	border:				none;
	text-align:			center;
	padding:			10px;
	margin:				0 10px 0 20px;
	font-size:			12pt;
	color:				#FFF;
	font-weight:		bold;
	cursor:				pointer;
}
#menu-button span::after {
	content:			'\25BC';
	font-size:			72%;
	padding:			4px;
}
#menu-button.anim span::after {
	content:			'\25C6';
}
#menu-button.open span::after {
	content:			'\25B2';
}
#menu-button:hover,
#menu-button:focus {
	text-decoration:	none;
}

/* site-navigation */
#site-navigation {
	clear:				both;
	display:			block;
	background-color:	#FFD500;
	width:				100%;
}
#site-navigation-layout {
	width:				100%;
	max-width:			1170px;
	margin:				0 auto;
	padding-bottom:		24pt;
}

#site-navigation-layout ul {
	list-style: 		outside none none;
}
#site-navigation-layout>ul,
#site-navigation-layout>dl {
	display:			inline-block;
	width:				32%;
}
#site-navigation-layout ul li {
	font-size:			12pt;
	font-weight:		bold;
	border-bottom:		#DCB812 solid 1px;
	margin-right:		14pt;
}
#site-navigation-layout dl dt {
	display:			inline-block;
	font-size:			12pt;
	padding:			10px;
	font-weight:		normal;
	color:				#000;
	border-bottom:		#DCB812 solid 1px;
	width:				100%;
	margin-right:		14pt;
}
#site-navigation-layout ul li a:link,
#site-navigation-layout ul li a:visited {
	display:			inline-block;
	width:				100%;
	padding:			10px;
	color:				#000;
	text-decoration:	none;
}
#site-navigation-layout ul li a:hover {
	text-decoration:	underline;
}
#site-navigation-layout ul li a:focus {
	outline:			#404040 solid 3px;
	text-decoration:	underline;
}	
#site-navigation-layout  .close-popup {
	display:			block;
	text-align:			right;
}
#site-navigation-layout  #close-nav-menu {
	display:			inline;
	margin-right:		12pt;
}
#site-navigation-layout  #close-nav-menu:focus {
	outline:			#404040 solid 3px;
}

/* main headline */
#page-headline {
	clear:				both;
	background-color:	#004494;
	color:				#FFF;
	padding-top:		41px;
}
#page-headline-layout {
	width:				100%;
	max-width:			1170px;
	margin:				0 auto;
	padding-bottom:		41px;
}

#page-headline-layout h1 {
	margin:				0 5pt;
	font-weight:		normal;
	font-size:			21pt;
}
#page-headline-layout h1 strong {
	font-weight:		bold;
	font-size:			28.5pt;
}
#page-headline-layout h1 a:link,
#page-headline-layout h1 a:visited {
	color:				#FFF;
	text-decoration:	none;
	padding:			4pt;
}
#page-headline-layout h1 a:focus {
	outline:			#FFD500 solid 3px;
	text-decoration:	underline;
}	

/* layout elements */
main  .layout-2-columns, main  .layout-3-columns, main  .layout-4-columns {
	display:			table;
	table-layout:		fixed;
	box-sizing:			border-box;
	width:				100%;
}
main  .column-1, main  .column-2, main  .column-3, main  .column-4, main  .column-1-2, main  .column-2-3, main  .column-3-4, main  .column-1-3, main  .column-2-4 {
	display:			table-cell;
	vertical-align:		top;
	padding:			0 6pt 0 0;
}
main  .layout-2-columns .column-1, main  .layout-2-columns .column-2 {
	width:				50%;
}
main  .layout-3-columns .column-1, main  .layout-3-columns .column-2, main  .layout-3-columns .column-3 {
	width:				33.3%;
}
main  .layout-4-columns .column-1, main  .layout-4-columns .column-2, main  .layout-4-columns .column-3, main  .layout-4-columns .column-4 {
	width:				25%;
}
main  .layout-3-columns .column-1-2, main  .layout-3-columns .column-2-3  {
	width:				66.66%;
}
main  .layout-4-columns .column-1-2, main  .layout-4-columns .column-2-3, main  .layout-4-columns .column-3-4  {
	width:				50%;
}
main  .layout-4-columns .column-1-3, main  .layout-4-columns .column-2-4  {
	width:				75%;
}

main  .layout-2-columns h3, main  .layout-3-columns h3, main  .layout-4-columns h3 {
	margin-top:			.5em;
}


/* panel style element */
main .panel {
	margin:				0 3pt 3pt 3pt;
	padding:			0 3pt 6pt 3pt;
	background-color:	#F2F2F2;
	border-top:			3px solid #ffd617;
}

/* General Form Elements */
main form {}

main button,
main input[type=button], main input[type=submit], main input[type=reset],
main a.button:link, main a.button:visited, main a.default-button:link, main a.default-button:visited {
	background-color: 	#E3E3E3;
    border: 			transparent solid 3px;
    color:				#333333;
	font-size:			12pt;
    font-weight:		bold;
	cursor:				pointer;
    padding:			4pt 10pt;
	margin:				1pt;
    text-align:			center;
	text-decoration:	none;
	line-height:		1em;
}

a.button:hover,
a.default-button:hover {
	color:				#000;
	text-decoration:	underline;
}
main button:focus,
main input[type=button]:focus, main input[type=submit]:focus, main input[type=reset]:focus,
main a.button:focus, main a.default-button:focus {
	outline:			#FFD617 solid 3px;
}

main button:disabled,
main input[type=button]:disabled, main input[type=submit]:disabled, main input[type=reset]:disabled,
main a.button.disabled:link, main a.default-button.disabled:link, main a.button.disabled:visited, main a.default-button.disabled:visited {
	background-color:	#E9E9E9;
	color:				#999;
	border:				#CCC solid 3px;
	cursor:				not-allowed;
}

main button[type=submit],
main input[type=submit],
main button.default-button,
main a.default-button:link,
main a.default-button:visited {
	background-color: 	#004494;
    color:				#FFF;
}

main input[type=submit]:disabled,
button[type=submit]:disabled,
main button.default-button:disabled,
a.default-button.disabled:link {
	background-color:	#e3e3e3;
	color:				#799BC3;
	cursor:				not-allowed;
}


main .next-page::after {
	content:	' »';
}
main .prev-page::before {
	content:	'« ';
}

main label {
	cursor:				pointer;	
}
main input[type=radio] {
	cursor:				pointer;	
}

main fieldset {
	margin:			6pt 0;
	border:			#999 solid 3px;
	padding:		3pt 6pt;
	
}
main .radio-group {
	margin:				6pt 0;
	padding:			3pt 0;
}
main fieldset legend {
	font-weight:	bold;
	color:			#333;
}
main fieldset>ol,
main fieldset>ul,
main .radio-group>ol,
main .radio-group>ul {
	list-style:		none inside none;
	margin-top:		6pt;
	padding-left:	2em;
	text-indent:	-1em;
}

/* compact radio layout: */
main fieldset>ol.compact,
main fieldset>ul.compact,
main .radio-group>ol.compact,
main .radio-group>ul.compact {
	display:		inline-block;
	padding-left: 	0;
	margin:			0 0 0 1em;
    text-indent:	0;
}
main fieldset>ol.compact li,
main fieldset>ul.compact li,
main .radio-group>ol.compact li,
main .radio-group>ul.compact li {
	display:		inline-block;
	padding:		.5em 1em .5em 1em;
	margin:			0;
}

/* button-style radio buttons */
main .buttons>ol,
main .buttons>ul {
	padding:			0;
	text-indent:		0;

}
main .buttons>ol li,
main .buttons>ul li {
	color:				#004494;
	/*background-color:	#F2F2F2; */
	padding:			.5em 0 .5em 19pt;
	text-indent:		-19pt;
	margin:				0;
	border-top:			#004494 solid 1px;
}
main .buttons>ol li:first-child,
main .buttons>ul li:first-child {
	border-top:			transparent none 0;
}
main .buttons>ol li input[type=radio],
main .buttons>ul li input[type=radio] {
	cursor:				pointer;
	margin:				6pt 0 6pt 6pt;
}

main .buttons>ol li label,
main .buttons>ul li label {
	display:			inline;
	padding:			6pt 0 6pt 0;
	font-weight:		bold;
}
main .buttons .active {
	background-color:	#004494;
	color:				#FFF;
}

main .buttons .focussed {
	border:				transparent none 0;
	outline:			#ffd617 solid 3px;
}

/* combination of compact and button style radio buttons: */
main fieldset.buttons ol.compact,
main fieldset.buttons ul.compact,
main .radio-group.buttons ol.compact,
main .radio-group.buttons ul.compact {
	display:		table-row;
}
main fieldset.buttons ol,
main fieldset.buttons ul,
main .radio-group.buttons ol,
main .radio-group.buttons ul {
	outline:		#004494 solid 2px;
}
main fieldset.buttons ol.focussed,
main fieldset.buttons ul.focussed,
main .radio-group.buttons ol.focussed,
main .radio-group.buttons ul.focussed {
	outline:		#ffd617 solid 2px;
}

main fieldset.buttons ol.compact li,
main fieldset.buttons ul.compact li,
main .radio-group.buttons ol.compact li,
main .radio-group.buttons ul.compact li {
	display:		table-cell;
	padding-left:	20pt;
	border-left:	#004494 solid 1px;
	border-top:		transparent none 0;
}
main fieldset.buttons ol.compact li:first-child,
main fieldset.buttons ul.compact li:first-child,
main .radio-group.buttons ol.compact li:first-child,
main .radio-group.buttons ul.compact li:first-child {
	border-left:	transparent none 0;
}

main input[type=file] {
	background-color:	#e3e3e3;		
	margin:				6pt;
	padding:			3pt;
}

main span.required {
	display:			inline-block;
	width:				0;
	height:				0;
	overflow:			hidden;
}
main span.required::before {
	position:			relative;
	display:			block;
	color:				red;
	content:			'*';
}

main input[type=text],
main input[type=password],
main input[type=url],
main input[type=tel],
main input[type=email],
main input[type=number],
main input[type=date],
main input[type=datetime-local],
main input[type=month],
main input[type=time] {
	display:			inline-block;
	box-sizing:			border-box;
	border:				#999 solid 1px;
	border-style: 		solid;
	clear:				both;
	width:				100%;
	padding:			4pt;
	margin-top:			4px;
	color:				#404040;
	font-size:			110%;
	line-height:		1.2em;
	font-weight:		bold;
	background-color:	#FFF;
	-webkit-box-shadow:	inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:	inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	box-shadow:			inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	outline:			transparent solid 3px;
}
main textarea {
	display:			inline-block;
	box-sizing:			border-box;
	border:				#999 solid 1px;
	border-style: 		solid;
	clear:				both;
	color:				#333;
	background-color:	#FFF;
	margin-top:			4px;
	width:				100%;
	padding:			2pt .5%;
	font-size:			110%;
	-webkit-box-shadow:	inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:	inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	box-shadow:			inset 2px 2px 3px 0 rgba(0,0,0,0.15);
	outline:			transparent solid 3px;
	resize:				vertical;
	min-height:			3em;
}

main select {
	display:			inline-block;
	box-sizing:			border-box;
	border:				#999 solid 1px;
	border-style: 		solid;
	clear:				both;
	width:				100%;
	color:				#404040;
	font-size:			110%;
	line-height:		2em;
	height:				2em;
	font-weight:		bold;
	background-color:	#FFF;
	outline:			transparent solid 3px;
}

main select option.placeholder {
	color:		#999;
}

main input[type=text]:focus,
main input[type=password]:focus,
main input[type=url]:focus,
main input[type=tel]:focus,
main input[type=email]:focus,
main input[type=number]:focus,
main input[type=date]:focus,
main input[type=datetime-local]:focus,
main input[type=month]:focus,
main input[type=time]:focus,
main textarea:focus,
main select:focus {
	outline:			#ffd617 solid 3px;
	border-color:		#000;
	-webkit-box-shadow:	inset 1px 1px 2px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:	inset 1px 1px 2px 0 rgba(0,0,0,0.15);
	box-shadow:			inset 1px 1px 2px 0 rgba(0,0,0,0.15);
}


main input[type=text]:disabled,
main input[type=password]:disabled,
main input[type=url]:disabled,
main input[type=tel]:disabled,
main input[type=email]:disabled,
main input[type=number]:disabled,
main input[type=date]:disabled,
main input[type=datetime-local]:disabled,
main input[type=month]:disabled,
main input[type=time]:disabled,
main textarea:disabled {
	color:				#999;
	border-color:		#AAA;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
	box-shadow:			none;
	cursor:				not-allowed;
}

main .mandatory {
	color:			transparent;
	display:		inline-block;
	width:			1em;
	line-height:	1em;
	height:			1.2em;
	text-indent:	0;
	overflow:		hidden;
	font-size:		small;
	speak:			normal;
}
main .mandatory::before {
	color:			#FD0006;
	content:		'\2605';
	font-style:		normal;
	padding-right:	2em;
	speak:			none;
}

/* === MAIN CONTENT === */
main {
	display:			block;
	clear:				both;
	border-top:			#FFD500 solid 9px;
	width:				100%;
	max-width:			1170px;
	margin:				0 auto;
	padding:			21pt 0;
}
main h2 {
	font-size:		18pt;
	font-weight:	bold;
	color:			#333;
	margin:			14pt 0 16pt 0;
}
main h3 {
	font-size:		14pt;
	font-weight:	bold;
	color:			#333;
	margin:			1.5em 0 .3em 0;
}
main h4 {
	font-size:		12pt;
	font-weight:	bold;
	color:			#333;
	margin:			12pt 0 8pt 0;
}
main h5 {
	font-size:		12pt;
	font-weight:	normal;
	margin:			12pt 0 6pt 0;
}
main h6 {
	font-size:		11pt;
	font-weight:	normal;
	margin:			11pt 0 3pt 0;
}

main section {
	padding:		0 6pt;
}

main aside {
	float:		right;
	width:		50%;
	margin:		3pt 0 6pt 10pt;
}
main aside.left {
	float:		left;
	margin:		3pt 10 6pt 0;
}

main p,
main li,
main dl {
	line-height:	1.5em;
	margin-bottom:	.5em;
}

main ul,
main ol {
	padding-left:	1.75em;
}
main dl dt {
	color:			#333;
	font-weight:	bold;
}
main dl dd {
	margin-left:	1.75em;
}

main dl.compact {
	display:		table-row;
}

main dl.compact dt {
	display:		table-cell;
	width:			20%;
	padding-right:	1.5%;
}
main dl.compact dd {
	display:		table-cell;
	vertical-align:	bottom;
	padding-bottom:	.5em;
}
main a:link,
main a:visited {
	color:				#004494;
	text-decoration:	underline;
}
main a:hover {
	color:				#404040;
}
main a:focus {
	outline:			3px solid #ffd617;
	text-decoration:	none;
}

/* info- and warning boxes */
main .info-box,
main .about-box,
main .warning-box,
main .simple-box {
	padding:			1em 1em 1em 80px;
	color:				#000;
	background-color:	#f2f2f2;
	margin-bottom:		1em;
}
main .info-box {
	background:			#f2f2f2 url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/info-50.png') 1em 1.25em no-repeat;
	color:				#404040;
}
main .about-box {
	background:			#ffd617 url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/info-50.png') 1em 1.25em no-repeat;
}
main .warning-box {
	background:			#ffd617 url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/warning-50.png') 1em 1.05em no-repeat;
}
main .simple-box {
	padding:			.75em;
	/* font-size:			11pt; */
}
main .info-box h2,
main .about-box h2,
main .warning-box h2 ,
main .simple-box h2 {
	margin:				0;
	padding:			0;
	color:				inherit;
}
main .info-box h3,
main .about-box h3,
main .warning-box h3,
main .simple-box h3,
main .info-box h4,
main .about-box h4,
main .warning-box h4,
main .simple-box h4 {
	margin:				0 0 .5em 0;
	padding:			0;
	color:				inherit;
	font-weight:		bold;
}
main .info-box ul,
main .about-box ul,
main .warning-box ul,
main .simple-box ul {
	margin:				.5em 0 .5em 2em;
	padding:			0;
}
main .info-box footer,
main .about-box footer,
main .warning-box footer,
main .simple-box footer,
main .pager-page footer {
	text-align:		right;
}

/* modal box layout: */
main .modal {
	display:				none;
	position:				fixed;
	top:					50%;
	left:					50%;
	width:					85%;
	max-width:				995px;
	transform:				translate(-50%, -50%);
	z-index:				999;
	-webkit-box-shadow:		5px 5px 10px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:		5px 5px 10px 5px rgba(0,0,0,0.5);
	box-shadow:				5px 5px 10px 5px rgba(0,0,0,0.5);
}

main samp {
	display:		block;
	border:			#CCC solid 3px;
	padding:		3pt 3pt 3pt 12pt;
	white-space:	pre;
	font-family:	monospace;
	font-size:		150%;
	line-height:	1em;
	background-color: #F2F2F2;
}

main table {
	width:				100%;
	border:				#CCC solid 3px;
    border-spacing: 	0;
    border-collapse:	collapse;
	overflow:			auto;
}
main table th,
main table td {
	padding:		5pt;
}
main table caption {
	text-align:		left;
	font-size:		11pt;
	caption-side:	bottom;
	margin:			3pt 0 6pt 0;
}
main table thead {
	vertical-align:	bottom;
}
main table thead th,
main table tfoot th {
	text-align:		left;
	min-height:		2em;
}
main table th {
	color:			#333;
}
main table tbody {
	border:			#CCC solid 3px;
	border-width:	1px 0;
}
main table tbody td,
main table tbody th {
	vertical-align:		top;
}
main table tbody tr:nth-child(odd) {
	background-color:	#f2f2f2;
}
main table tfoot {
	vertical-align:	top;
}
main table  th:first-child {
	text-align:		right;
	border-right:	#CCC solid 1px;
}

main hr {
	margin:			6pt 0 3pt 0;
	border-width:	0;
	height:			3px;
	background:		#999;
}

main figure {
	margin:			3pt;
	padding:		3pt;
}
main figure img {
	border:			#CCC solid 2.5pt;
	margin-left:	11pt;
}
main figure figcaption {
	margin:			1pt 0 6pt 0;
	font-size:		11pt;
}

/* blockquotes and figures */
main figure blockquote {
	background-color:	#F2F2F2;
	padding:			5pt 3pt 5pt 10pt;
	border-left:		3pt solid #ffd617;
}
main figure figcaption {
	margin:				3pt 2pt 4pt 12pt;
	line-height:		1.25em;
}

/* inline styles */
main u {
	text-decoration-style: dashed;
}
main mark {
    background-color:	#FFD617;
    color:				#000;
}
main abbr {
	font-size:			95%;
	speak:				spell-out;
}
main dfn[title]:not([title=""]) {
	text-decoration:		underline;
	text-decoration-style:	dotted;
	/* font-style:				inherit; */
}

main del {
	color:				red;
}
main ins {
	color:				blue;
	text-decoration:	none;
}
main code {
	font-family:		monospace;
	font-size:			120%;
	line-height:		inherit;
}
main kbd {
	font-family:		monospace;
	font-size:			115%;
	line-height:		inherit;
}

/* general selection & focus */
.center { text-align: center; }
main .selectable {
	border:				#CCC solid 0;
	border-width:		1px 0 0 1px;
}
main .focussed {
	outline:			3px solid #FFD617;
}
main .clear {
	clear:	both;
}
main .pre-hidden {
	display:	none;
}

/* === Download Box === */
.file-download {
	display:				table;
	padding:				14pt;
	background-color:		#f2f2f2;
	margin:					.5em auto 1em 0;
}

.file-download dl {
	display:				table-cell;
}
.file-download dl::before {
	content:				' ';
	width:					36px;
	height:					44px;
	float:					left;
	text-align:				center;
	background:				transparent url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/file-types.png') no-repeat 0 0;
}

.file-download dl dt {
	font-size:				13.5pt;
	font-weight:			bold;
	margin-left:			45px;
}

.file-download .dl-descr {
	margin:					4pt 0 0 45px;
	font-size:				10.5pt;
}
.file-download .dl-descr .dl-lang {
	font-weight:			bold;
	color:					#333;
}
.file-download .dl-link {
	display:				table-cell;
	padding-left:			12pt;
}
.file-download .dl-link a:link {
	display:				inline-block;
	font-weight:			bold;
	padding:				4pt 12pt;
	border:					#004494 solid 2px;
	text-decoration:		none;
}
.file-download .dl-link a:hover {
	background-color:		#004494;
	color:					#FFF;
	text-decoration:		underline;
}
.file-download .dl-link a:link::after {
	content:				'\1F4E5';
	margin-left:			6pt;
}

/* File-Type Icons */
.file-download dl.type-file::before {
	background-position:	0 -44px;
}
/* TODO: Add more file-types here! */

.file-download .dl-more {
	display:				table-row;
}
.file-download .dl-more .dl-languages {
	display:				table-cell;
	padding:				12pt 0 6pt 0;
}
.file-download .dl-more .dl-languages a.expand:link {
	text-decoration:		none;
	margin-left:			45px;
}
.file-download .dl-more .dl-languages a.expand:link::after {
	display:				inline-block;
	content:				' ';
	width:					14px;
	height:					14px;
	margin-left:			6pt;
	background:				transparent url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/chevrons.png') 0 0 no-repeat;
	animation-name:			rotate_right;
	animation-duration:		1s;
}
.file-download .dl-more .dl-languages a.expand.anim::after {
	background-position:	0 -14px;
}
.file-download .dl-more .dl-languages a.expand.open:link::after {
	background-position:	0 -28px;
}
.file-download .dl-more .dl-languages ul {
	display:				none;
	list-style:				inside none;
	padding:				3pt 0;
}
.file-download .dl-more .dl-languages ul li {
	display:				table-row;
}
.file-download .dl-more .dl-languages ul li dl::before {
	content:				'??';
	width:					1.3em;
	height:					1.5em;
	color:					#666;
	border:					#666 solid 1px;
	padding:				0 1pt;
	margin-left:			4pt;
}
.file-download .dl-more .dl-languages ul li dl {
	padding-bottom:			6pt;
}
.file-download .dl-more .dl-languages ul li dl dt {
	font-size:				12pt;
}
.file-download .dl-more .dl-languages ul li dd.dl-descr {
	margin-top:				2pt;
}
.file-download .dl-more .dl-languages ul li a:link {
	font-weight:			normal;
}

.file-download .dl-more .dl-languages dl.version-bg::before { content: 'bg'; }
.file-download .dl-more .dl-languages dl.version-es::before { content: 'es'; }
.file-download .dl-more .dl-languages dl.version-cs::before { content: 'cs'; }
.file-download .dl-more .dl-languages dl.version-da::before { content: 'da'; }
.file-download .dl-more .dl-languages dl.version-de::before { content: 'de'; }
.file-download .dl-more .dl-languages dl.version-et::before { content: 'et'; }
.file-download .dl-more .dl-languages dl.version-el::before { content: 'el'; }
.file-download .dl-more .dl-languages dl.version-en::before { content: 'en'; }
.file-download .dl-more .dl-languages dl.version-fr::before { content: 'fr'; }
.file-download .dl-more .dl-languages dl.version-ga::before { content: 'ga'; }
.file-download .dl-more .dl-languages dl.version-hr::before { content: 'hr'; }
.file-download .dl-more .dl-languages dl.version-it::before { content: 'it'; }
.file-download .dl-more .dl-languages dl.version-lv::before { content: 'lv'; }
.file-download .dl-more .dl-languages dl.version-lt::before { content: 'lt'; }
.file-download .dl-more .dl-languages dl.version-hu::before { content: 'hu'; }
.file-download .dl-more .dl-languages dl.version-mt::before { content: 'mt'; }
.file-download .dl-more .dl-languages dl.version-nl::before { content: 'nl'; }
.file-download .dl-more .dl-languages dl.version-pl::before { content: 'pl'; }
.file-download .dl-more .dl-languages dl.version-pt::before { content: 'pt'; }
.file-download .dl-more .dl-languages dl.version-ro::before { content: 'ro'; }
.file-download .dl-more .dl-languages dl.version-sk::before { content: 'sk'; }
.file-download .dl-more .dl-languages dl.version-sl::before { content: 'sl'; }
.file-download .dl-more .dl-languages dl.version-fi::before { content: 'fi'; }
.file-download .dl-more .dl-languages dl.version-sv::before { content: 'sv'; }
/* TODO: add non-EU document languages here */

/* === PAGE FOOTER === */
body>footer {
	clear:				both;
	background-color:	#004494;
	color:				#FFF;
	padding:			24px 0 48px 0;
}
#footer-social-media,
#footer-site-links {
	width:				100%;
	margin:				24px auto 0 auto;
	max-width:			1170px;
}

body>footer ul {
	display:			inline-block;
	list-style: 		outside none none;
}
body>footer li {
	display:			inline-block;
	list-style: 		outside none none;
	margin:				0 8pt;
}
body>footer a:link,
body>footer a:visited {
	display:			block;
	color:				#FFF;
	text-decoration:	underline;
	padding:			5pt;
}
body>footer a:focus {
	outline:			3px solid #ffd617;
}

#footer-social-media {
	padding-bottom:		12pt;
	border-bottom:		#4D7CB4 solid 1px;
}
#footer-social-media>span {
	margin:				5pt;
}
#footer-social-media a::before {
	content:			'\00A0';
	display:			inline-block;
	width:				19px;
	height:				24px;
	background:			transparent url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/icon/social-media.gif') top left no-repeat;
	margin-right:		6px;
}
#footer-site-links li:first-child {
	margin-left:		0;
}
#sm-link-facebook a::before {
	background-position:	0 -25px;
}

/* lightbox screen: */
#lightbox {
	display:		block;
	position:		fixed;
	overflow:		hidden;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	background-color:	rgba(0, 0, 0, .5);
	z-index:		998;
}

/* small-screen overrides */
@media screen and (max-width: 768px) {
	main  .layout-4-columns {
		display:			block;
	}
	main  .layout-4-columns .column-1, main  .layout-4-columns .column-2, main  .layout-4-columns .column-3, main  .layout-4-columns .column-4 {
		display:			block;
		float:				left;
		width:				48%;
	}
	main  .layout-4-columns .column-3 {
		clear:			both;
	}
	main  .layout-4-columns .column-1-3,
	main  .layout-4-columns .column-2-4,
	main  .layout-4-columns .column-2-3 {
		display:			block;
		float:				none;
		width:				100%;
		clear:				both;
	}
}

@media screen and (max-width: 650px) {
	main  .layout-3-columns {
		display:			block;
	}
	main  .layout-3-columns .column-1, main  .layout-3-columns .column-2, main  .layout-3-columns .column-3 {
		display:			block;
		float:				none;
		width:				100%;
		padding:			0;
	}

	#top-switcher ul ,
	#bottom-switcher ul {
		display:		table-row;
	}
	#top-switcher ul li,
	#bottom-switcher ul li {
		display:		table-cell;
		text-align:		center;
		font-weight:	normal;
	}

	#site-logo {
		width:				170px;
		height:				44px;
		top:				0;
		margin-bottom:		10px;
		margin-left:		12px;
	}
	#site-logo a:link {
		width:				170px;
		height:				44px;
		background-image:	url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/logo/ec-logo-small_en.png');
	}
	
	header #header-layout {
		height:				60px;
	}
	header #header-tools-layout {
		padding-top:		.5em;
		margin-bottom:		8px;
	}
	header #languages-menu {
		margin-right:		0;
		width:				100%;
	}
	header #languages-menu ul {
		width:				48%;
	}
	header #languages-menu ul li a:link {
		width:				90%;
	}

	#page-headline {
		padding-top:		20px;
	}
	#page-headline-layout {
		padding-bottom:		20px;
	}
	#page-headline-layout h1 {
		font-size:			18pt;
	}
	#page-headline-layout h1 strong {
		font-size:			21pt;
	}
	
	/* download box */
	.file-download,
	.file-download dl {
		display:				block;
		width:					auto;
	}
	.file-download .dl-link {
		display:				block;
		margin:					0 0 12pt 45px;
		padding-left:			0;
	}
	.file-download .dl-link a {
		display:				inline-block;
	}
	.file-download .dl-more .dl-languages {
		padding-top:			0;
	}
	.file-download .dl-more .dl-languages ul {
		padding-top:			10pt;
	}
	.file-download .dl-more .dl-languages ul li dl {
		margin-bottom:			3pt;
		padding-bottom:			0;
	}
	
	main {
		border-top-width:	4px;
		padding:			10px 0;
	}
	main table th,
	main table td {
		padding:		2pt;
		font-size:		11pt;
		hyphens:		auto;
	}

	main samp {
		font-size:			11pt;
	}
	
	body>footer {
		padding: 			5px 0 16px;
	}
}

@media screen and (max-width: 510px) {
	main  .layout-2-columns {
		display:			block;
	}
	main  .layout-2-columns .column-1, main  .layout-2-columns .column-2,
	main  .layout-4-columns .column-1, main  .layout-4-columns .column-2, main  .layout-4-columns .column-3, main  .layout-4-columns .column-4 {
		display:			block;
		float:				none;
		width:				100%;
		padding:			0;
	}

	header #header-tools-layout {
		padding-top:		.5em;
		width:				9em;
		text-align:			right;
	}
	header #language-menu-button {
		margin:				5px 0 13px 2px;
		padding:			3px;
	}
	header #languages-menu {
		text-align:			left;
	}
	
	#page-headline-layout h1 strong {
		font-size:			inherit;
	}

	main form {
		margin:			0;
	}
	main .form-buttons {
		margin:			0;
	}
	
	main .info-box,
	main .about-box,
	main .warning-box {
		padding:			.75em;
		font-weight:		normal;
		background-image:	none;
	}

	main dl.compact {
		display:		block;
	}

	main dl.compact dt {
		display:		block;
		width:			100%;
	}
	main dl.compact dd {
		display:		block;
		vertical-align:	bottom;
		padding-bottom:	.5em;
	}

	
	main samp {
		font-size:			10pt;
	}

	a.default-button:link {
		margin: 3pt .5em;
	}
}

@media screen and (max-width: 360px) {
	#top-switcher ul li {
		font-size:		smaller;
	}
	#top-switcher ul li a:link {
		padding:		3pt 1.5pt;
	}

	#site-logo {
		width:				90px;
		height:				63px;
	}
	#site-logo a:link {
		width:				90px;
		height:				63px;
		background-image:	url('https://ec.europa.eu/assets/sg/report-a-breach/form-files/themes/2017/img/logo/ec-logo-only_en.png');
	}

	header #languages-menu ul {
		width:				100%;
	}
}