html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background: #fff;
	color: #231f20;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
a img {
	border: none;
}
#container {
	width: 80%;
	max-width: 320px;
	margin: 40px auto 10px auto;
	text-align: center;
}
#logo {
	margin-bottom: 30px;
}
h1 {
	font: 700 24px/1.5 Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: -1px;
	padding: 5px 20px;
	text-align: center;
}
.ees {
	color: #92278f;
}
.etias {
	color: #00abbd;
}
.eurodac {
	color: #f58220;
}
.sis {
	color: #008641;
}
.vis {
	color: #511C74;
}
.ees_bg {
	background: #92278f!important;
}
.etias_bg {
	background: #00abbd!important;
}
.sis_bg {
	background: #008641!important;
}
.vis_bg {
	background: #511C74!important;
}
.eurodac_bg {
	background: #f58220!important;
}
.ees_bg:hover, .etias_bg:hover, .eurodac_bg:hover, .sis_bg:hover, .vis_bg:hover {
	background: #000!important;
}
.ees_bg:focus, .etias_bg:focus, .eurodac_bg:focus, .sis_bg:focus, .vis_bg:focus.ees_bg:active, .etias_bg:active, .eurodac_bg:active, .sis_bg:active, .vis_bg:active {
	background: #004494!important;
}
.etiasteal {
	background: #5BC4BF;
	background: rgba(91, 196, 191, 0.75);
}
.eespink {
	background: #EC008C;
	background: rgba(246, 174, 203, 0.75);
}
.eurodacyellow {
	background: #f9d5a9;
	background: rgba(245, 130, 32, 0.75);
}
.eurodaclight {
	background: #FFFCD5;
	background: rgba(255, 252, 213, 0.75);
}
.sisgreen {
	background: #50B848;
	background: rgba(80, 184, 72, 0.75);
}
.sislight {
	background: #BFD730;
	background: rgba(191, 215, 48, 0.75);
}
.vispink {
	background: #BD1A8D;
	background: rgba(189, 26, 141, 0.75);
}
.vislight {
	background: #F49AC1;
	background: rgba(244, 154, 193, 0.75);
}
.redish {
	background: #ed1c24;
	background: rgba(237, 28, 36, 0.75);
}
.blue {
	background: #004494;
}
.grey {
	background: #999;
	background: rgba(153, 153, 153, 0.75);
}
.mapyellow {
	background: #fbfae7;
	background: rgba(251, 250, 231, 0.75);
}
a {
	color: #f58220;
	text-decoration: none;
}
a:hover, a:focus {
	color: #004494;
}
p {
	padding: 15px 20px;
	line-height: 1.25;
}
.centre {
	text-align: center;
}
strong {
	font-weight: bold;
}
small {
	font-size: 75%;
}
hr {
	border: 0;
	outline: none;
	height: 1px;
	background: #d1d3d4;
	margin: 1em auto;
}
ul.legend {
	list-style-type: none;
	text-align: center;
	font-size: 90%;
	padding: 10px;
}
ul.legend li {
	display: inline-block;
	margin: 5px 10px;
}
ul.legend li .block {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	vertical-align: middle;
}
.block {
	border: 1px solid #d1d3d4;
}
ul.flags li {
	margin: 3px;
	padding: 2px;
	border: 1px dashed #d1d3d4;
}
.lists {
	max-width: 90%;
	margin: 2em auto 4em auto;
}
.lists ul {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
	-webkit-column-width: 150px;
	-moz-column-width: 150px;
	column-width: 150px;
}
.lists ul li {
	break-inside: avoid-column;
}
img.flag {
	width: 32px;
	height: 26px;
	border: 1px solid #d1d3d4;
	vertical-align: middle;
	margin: 3px 5px;
}
a.faq {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 1em 1.5em;
	background: #004494;
	color: #fff;
	border: 1px solid #183C69;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
}
a.faq:hover {
	background: #183C69;
	border: 1px solid #003869;
}
a.faq:focus, a.faq:active {
	background: #000;
	border: 1px solid #b11116;
}
.map {
	max-width: 90%;
	margin: 1em auto;
}
.wt-map-panels {
	border-left: 51px solid #004494!important;
}
.wt-map-menu .wt-btn, .wt-map-menu .wt-btn:focus, .wt-map-menu .wt-btn:active {
	border: 4px solid #004494!important;
}
.wt-btn {
	cursor: pointer;
}
.wt-map-attribution {
	text-align: right;
	font-size: 10px!important;
}
.wt-map-info-content {
	padding: 40px 25px 20px 25px!important;
}
.wt-map-info-content ul {
	list-style-type: square;
}