/* In page nav */ #in-page-nav ul { list-style: none; padding: 0; } /* Poupup style */ #ye_popup_field, #ye_popup_right_field { display:none; background-color:rgba(0,55,118,0.5); position:fixed; width:100%; height:100%; top:0; left:0; } #ye_popup_field { z-index:10000; } #ye_popup_right_field { z-index:9998; } #ye_popup_right { background-color:#FFFFFF; position:fixed; z-index:9999; width:480px; max-width:100%; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; top:0; right:-480px; overflow:auto; padding-bottom:40px; } #ye_popup_right h1 { min-height:48px; line-height:48px; font-size:20px; color:#FFFFFF; padding:0 30px 0 88px; } #ye_popup_right h1 span { display:inline-block; line-height:24px; vertical-align:middle; word-wrap:break-word; max-width:100%; } #ye_popup_right h1.pdf_link { background:url(../images/icons/pdf.png) no-repeat 30px 50%; } #ye_popup_right h1.ext_link { background:url(../images/icons/world.png) no-repeat 30px 50%; } #ye_popup_right h3 { text-align:center; margin-bottom:22px; padding:0 15px; } #ye_popup_right ul { padding:0 15px; } #ye_popup_right li { display:block; margin:0 auto 10px auto; max-width:320px; } #ye_popup_right li a { display:block; background-color:#BFD0E4; color:#004494; line-height:49px; font-weight:bold; font-size:18px; text-decoration:none; position: relative; text-align: center; } #ye_popup_right li a:hover { text-decoration:underline; background-color:#FFD617; color:#003776; } #ye_popup_right li a:focus { text-decoration:none; background-color:#FFD617; color:#003776; } #ye_popup_xy { position:absolute; width:100%; padding:0 10px; max-width:500px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; top:50%; left:50%; -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } #ye_popup_container { max-width:480px; min-height:100px; margin-bottom:200px; } #ye_popup_header { background-color:#003776; height:49px; position:relative; } #ye_popup_right_header { background-color:#003776; padding:60px 0 30px 0; width:480px; max-width:100%; } #ye_popup_close, #ye_popup_right_close { border:none; font-size:0; width:49px; height:49px; position:absolute; top:0; right:0; cursor:pointer; background:#003776 url(../images/icons/close-menu.png) no-repeat center center; } #ye_popup_right_close { top:3px; right:3px; } #ye_popup_close:hover, #ye_popup_right_close:hover { background-color:#004494; } #ye_popup_close:focus, #ye_popup_right_close:focus { background-color:#004494; outline:3px solid #FFD617; outline-offset:0; } #ye_popup_content { background-color:#FFFFFF; padding:20px; text-align:center; } #ye_popup_content img { width:100%; height:auto; max-width:300px; } #ye_popup_content a.fb-quiz-promo { background-color:#FFFCF3; color:#004494; text-decoration:none; display:block; } #ye_popup_content a.fb-quiz-promo:hover { text-decoration:underline; } #ye_popup_content a.fb-quiz-promo:focus { outline:3px solid #FFD617; outline-offset:0; } #ye_popup_content a.fb-quiz-promo span { padding:10px 20px 0 20px; font-size:16px; line-height:20px; font-weight:bold; display:block; } #ye_popup_content p.fb-quiz-promo { background-color:#FFFCF3; font-size:12px; color:#404040; line-height:14px; margin:0; padding:10px 20px 19px 20px; border-bottom:1px dotted #003776; margin-bottom:20px; } #ye_popup_content .related-button { display:block; width:100%; max-width:440px; padding:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; } #ye_popup_content .related-button:focus { outline-offset:0; } #ye_popup_content .related-button:last-child { margin-top:11px; background-color:#9F9F9F; } #ye_popup_content .related-button:last-child:hover { background-color:#BDBDBD; } #ye_popup_content a.related-button { margin-top:28px; } #ye_popup_privacy { margin:16px 20px 0 20px; text-align:center; font-size:12px; } /* Step contents */ #ye-step-contents { margin-top:40px; } #ye-step-contents>div { position:static; } #ye-step-contents>div>a { display:block; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:50%; overflow:hidden; } #ye-step-contents>div>a>span { display:block; background-color:#004494; padding:20px; font-size:20px; color:#FFFFFF; } #ye-step-contents>div>#ye-step-contents-prev::before { border-radius:5px 0 0 5px; padding-right:5px; } #ye-step-contents>div>#ye-step-contents-next { border-radius:0 5px 5px 0; padding-left:5px; } #ye-step-contents>div::after { content:''; display:block; clear:left; } /* Corporate top bar */ #globan:nth-child(2) { display:none; } /* Your Europe logo bar */ #eu-ye-header { position:relative; padding:23px 0; } #eu-ye-header::after { content:''; display:block; clear:both; } /* Your Europe logo */ #eu-ye-logo { display:block; float:left; height:64px; width:207px; color:#22AAE2; font-weight:bold; white-space:nowrap; text-decoration:none; } #header-content.splash #eu-ye-logo { float:none; margin:0 auto; } #eu-ye-logo img.normal { height:64px; width:207px; display:block; } #eu-ye-logo img.small { height:48px; width:155px; display:none; } #eu-ye-logo:focus { outline:3px solid #FFD617; outline-offset:3px; } /* Language selector */ #eu-languages-toggle { display:block; position:absolute; top:36px; right:424px; text-decoration:none; color:#000000; cursor:pointer; border:none; background:none; margin:0; padding:11px 41px 11px 13px; font-size:16px; line-height:16px; } .sdg #eu-languages-toggle { right:0; } #eu-languages-toggle span { color:#004494; } #eu-languages-toggle:hover span, #eu-languages-toggle:focus span{ text-decoration:underline; } #eu-languages-toggle.bg::after { content:'bg'; } #eu-languages-toggle.cs::after { content:'cs'; } #eu-languages-toggle.da::after { content:'da'; } #eu-languages-toggle.de::after { content:'de'; } #eu-languages-toggle.et::after { content:'et'; } #eu-languages-toggle.el::after { content:'el'; } #eu-languages-toggle.en::after { content:'en'; } #eu-languages-toggle.es::after { content:'es'; } #eu-languages-toggle.fr::after { content:'fr'; } #eu-languages-toggle.hr::after { content:'hr'; } #eu-languages-toggle.it::after { content:'it'; } #eu-languages-toggle.lv::after { content:'lv'; } #eu-languages-toggle.lt::after { content:'lt'; } #eu-languages-toggle.hu::after { content:'hu'; } #eu-languages-toggle.mt::after { content:'mt'; } #eu-languages-toggle.nl::after { content:'nl'; } #eu-languages-toggle.pl::after { content:'pl'; } #eu-languages-toggle.pt::after { content:'pt'; } #eu-languages-toggle.ro::after { content:'ro'; } #eu-languages-toggle.sk::after { content:'sk'; } #eu-languages-toggle.sl::after { content:'sl'; } #eu-languages-toggle.fi::after { content:'fi'; } #eu-languages-toggle.sv::after { content:'sv'; } #eu-languages-toggle.uk::after { content:'uk'; } #eu-languages-toggle::after { display:block; position:absolute; top:8px; right:8px; height:21px; width:24px; text-align:center; text-transform:uppercase; color:#FFFFFF; font-size:12px; line-height:12px; padding:4px 1px 0 0; background:url(../images/icons/language.png) 0 0 no-repeat; } #eu-close-languages-menu { display:block; position:absolute; top:2px; right:2px; cursor:pointer; border:none; background:url(../images/icons/close-box.gif) no-repeat; width:39px; height:39px; color:#FFFFFF; font-size:0; } #eu-languages-menu { display:none; position:absolute; z-index:9999; right:0; top:74px; background-color:#FFFFFF; border:1px solid #D9D9D9; padding-bottom:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:446px; max-width:100%; } #eu-languages-menu p { margin:0; padding:16px 0 10px 18px; } #eu-languages-menu ul { float:left; width:50%; } #eu-languages-menu li { margin:0; padding:0 2px; border-bottom:1px solid #F5F5F5; } #eu-languages-menu li:last-child { border-bottom:none; } #eu-languages-menu li a { display:block; padding:7px 2px 7px 16px; font-weight:bold; line-height:18px; text-decoration:none; color:#000000; } #eu-languages-menu li a.active { background:url(../images/icons/heavy-check-mark.png) right 0 no-repeat; } #eu-languages-menu li a:hover, #eu-languages-menu li a:focus { background-color:#004494; color:#FFFFFF; text-decoration:underline; } #eu-languages-menu li a.active:hover, #eu-languages-menu li a.active:focus { background-image:url(../images/icons/heavy-check-mark-hover.png); } #eu-languages-menu li a:focus, #eu-close-languages-menu:focus, #eu-languages-toggle:focus { outline:3px solid #FFD617; outline-offset:0; } #eu-languages-menu::after { content:''; display:block; clear:both; } /* Search widget */ .ye-search-widget { border-radius:6px; } .ye-search-widget h4 { padding:0 20px 0 48px; font-size:16px; margin-top:-9px; color:#004494; background:url(../images/icons/jump-down.png) no-repeat 24px center; } .ye-search-widget.toggle-content h4 { clear:both; padding:10px 20px 10px 20px; margin:0 -9px -10px -10px; background:#FFF8D9; border-top:10px solid #FFFFFF; } .ye-search-widget .ye-search-form { display:block; padding:0; margin:15px 0 30px 0; position:relative; height:58px; background:#FFFFFF url(../images/icons/search.gif) no-repeat 21px center; padding:1px 1px 1px 48px; overflow:hidden; z-index:1; border-radius:6px; } .ye-search-widget.glued .ye-search-form { margin-top:0; border-radius:0 0 6px 6px; padding-top:0; } .ye-search-widget.toggle-content .ye-search-form { margin-top:0; border-radius:0 0 6px 6px; position:absolute; bottom:-2px; left:-2px; right:-2px; margin-bottom:0; } .ye-search-widget .ye-search-form label { display:block; position:absolute; top:-9999px; left:-9999px; height:1px; width:1px; overflow:hidden; } .ye-search-widget .ye-search-form input[type=text] { display:block; font-size:18px; line-height:58px; padding:0 20px 0 0; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; color:#404040; background:none; } .ye-search-widget .ye-search-form input[type=text]::-webkit-input-placeholder { color:#9F9F9F; } .ye-search-widget .ye-search-form input[type=text]:-ms-input-placeholder { color:#9F9F9F; } .ye-search-widget .ye-search-form input[type=text]::placeholder { color:#9F9F9F; } .ye-search-widget .ye-search-form input[type=text]:focus::-webkit-input-placeholder { color:#FFFFFF; } .ye-search-widget .ye-search-form input[type=text]:focus:-ms-input-placeholder { color:#FFFFFF; } .ye-search-widget .ye-search-form input[type=text]:focus::placeholder { color:#FFFFFF; } .ye-search-widget .ye-search-form input[type=text]:focus { outline:none; } .ye-search-widget .ye-search-form input[type=text].shrunk { border-right:110px solid #FFFFFF; border-radius:0 6px 6px 0; border-right:110px solid rgba(0,0,0,0); } .ye-search-widget.glued .ye-search-form input[type=text].shrunk, .ye-search-widget.toggle-content .ye-search-form input[type=text].shrunk { border-radius:0 0 6px 0; } .ye-search-widget .ye-search-form input[type=submit] { display:none; position:absolute; right:1px; top:1px; font-size:18px; font-weight:bold; line-height:58px; text-align:center; padding:0; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:110px; color:#004494; background-color:#ECECEC; border-radius:0 6px 6px 0; overflow:hidden; } .ye-search-widget.toggle-content .ye-search-form input[type=submit] { border-radius:0 0 6px 0; border:2px solid #FFD617; border-left:none; padding-left:1px; border-top:none; padding-top:1px; line-height:56px; color:#004494; width:111px; right:0; } .ye-search-widget.glued .ye-search-form input[type=submit] { border-radius:0 0 6px 0; top:0; } .ye-search-widget .ye-search-form input[type=submit]:hover { cursor:pointer; } .ye-search-widget .ye-search-form input[type=submit]:focus, .ye-search-widget .ye-search-form input[type=text]:focus ~ input[type=submit] { outline:none; border:2px solid #FFD617; border-left:none; padding-left:1px; line-height:56px; background-color:#ECECEC; color:#004494; width:111px; right:0; top:0; } .ye-search-widget.glued .ye-search-form input[type=submit]:focus, .ye-search-widget.glued .ye-search-form input[type=text]:focus ~ input[type=submit] { border-top:none; padding-top:1px; } .ye-search-widget.toggle-content .ye-search-form input[type=text]:focus ~ input[type=submit] { padding-top:0; } .ye-search-widget .ye-search-form input[type=submit]:hover { background-color:#004494; color:#FFFFFF; } .ye-search-widget.toggle-content .ye-search-form input[type=submit]:hover { border:none; padding:0; line-height:58px; width:110px; right:1px; } .ye-search-widget .ye-search-form input[type=submit]:focus { background-color:#FFD617; color:#004494; } .ye-search-widget.toggle-content .ye-search-form input[type=submit]:focus { border:2px solid #FFD617; border-left:none; padding-left:1px; padding-top:0; line-height:56px; width:111px; right:0; top:0; } .ye-search-widget .ye-search-focus { position:absolute; border:1px solid #9F9F9F; top:0; bottom:0; left:0; right:0; border-radius:6px; z-index:-1; } .ye-search-widget.glued .ye-search-focus { border-radius:0 0 6px 6px; border-top:none; } .ye-search-widget.toggle-content .ye-search-focus { border-radius:0 0 6px 6px; border:2px solid #FFD617; border-top:1px solid #9F9F9F; } .ye-search-widget .ye-search-form input[type=submit]:hover ~ .ye-search-focus { border:2px solid #004494; } .ye-search-widget.glued .ye-search-form input[type=submit]:hover ~ .ye-search-focus{ border-top:none; } .ye-search-widget .ye-search-form input[type=text]:focus ~ .ye-search-focus, .ye-search-widget .ye-search-form input[type=submit]:focus ~ .ye-search-focus { border:2px solid #FFD617; } .ye-search-widget.glued .ye-search-form input[type=text]:focus ~ .ye-search-focus, .ye-search-widget.glued .ye-search-form input[type=submit]:focus ~ .ye-search-focus { border-top:none; } /* Contact points */ #nat-admin-content .contact-points { clear: both; } #nat-admin-content .contact-points .contact-point { padding: 20px 0 20px 10px; border-top: 1px solid #ccc; display:none; } #nat-admin-content .contact-point a { padding: 0; display: inline-block; } #nat-admin-content .contact-point a:hover { text-decoration: underline; } #nat-admin-content .contact-point span { display: block; line-height: 20px; } #nat-admin-content .contact-point .name { font-size: 20px; margin-bottom: 20px; } #nat-admin-content .contact-point .title { margin-bottom: 10px; } #nat-admin-content .contact-point .address { font-style: italic; margin-bottom: 10px; } #nat-admin-content .contact-point .website { margin-bottom: 10px; } #nat-admin-content .contact-point .website span { display: inline; } #nat-admin-content .contact-point .email { margin-bottom: 10px; } /* Search tool */ #eu-ye-search-tool { position:absolute; top:33px; right:0px; border:1px solid #B3B4B5; width:400px; } #eu-ye-search-tool div { position:relative; padding-right:43px; } #eu-ye-search-tool label { display:block; position:absolute; top:0; left:0; height:1px; width:1px; overflow:hidden; } #eu-ye-search-tool input[type=text] { background:#FFFFFF url(../images/icons/search.gif) 12px 10px no-repeat; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:42px; border:3px solid #FFFFFF; border-right:none; outline:none; font-size:16px; line-height:36px; padding:0 10px 0 40px; display:inline-block; } #eu-ye-search-tool input[type=text]:focus, #eu-ye-search-tool div.open input[type=text] { border-color:#FFD617; } #eu-ye-search-tool input[type=submit] { position:absolute; top:0; right:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:42px; width:43px; background:#ECECEC url(../images/icons/menu-down.png) 15px center no-repeat; color:#ECECEC; font-size:0; border:3px solid #ECECEC; border-left:none; outline:none; padding-left:3px; cursor:pointer; } #eu-ye-search-tool input[type=text]:focus + input[type=submit], #eu-ye-search-tool div.open input[type=submit] { background:#E3E3E3 url(../images/icons/active-up.png) 15px center no-repeat; border-color:#FFD617; } #eu-ye-search-tool div input[type=submit]:focus { background:#FFD617 url(../images/icons/down-black.png) 15px center no-repeat; border-color:#FFD617; } #eu-ye-search-tool div.open input[type=submit]:focus { background:#FFD617 url(../images/icons/up-black.png) 15px center no-repeat; } /* SDG search tool */ /*#eu-ye-page-header.sdg { background:#004494 url(../images/headers/sdg-header-2.jpg) no-repeat center 0; }*/ #sdg-form-container { border-bottom:1px solid #E2E2E2; } #sdg-form { text-align:center; padding:80px 0; } #sdg-form>div:first-child { display:inline-block; width:700px; max-width:100%; } #sdg-form>div:first-child>div:first-child { position:relative; padding-right:100px; border:1px solid #B3B4B5; background-color:#FFFFFF; } html[lang="el"] #sdg-form>div:first-child>div:first-child, html[lang="es"] #sdg-form>div:first-child>div:first-child, html[lang="fr"] #sdg-form>div:first-child>div:first-child, html[lang="pt"] #sdg-form>div:first-child>div:first-child { padding-right:120px; } html[lang="sk"] #sdg-form>div:first-child>div:first-child { padding-right:140px; } #sdg-form>div:first-child>div:first-child>label { display:block; position:absolute; top:-9999px; left:-9999px; height:1px; width:1px; overflow:hidden; } #sdg-form input[type=text] { background:url(../images/icons/search.gif) 8px 10px no-repeat; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:42px; border:3px solid #FFFFFF; outline:none; font-size:16px; line-height:16px; padding:9px 11px 9px 33px; } #sdg-form input[type=text]:focus { border:3px solid #FFD617; } #sdg-form input[type=submit] { position:absolute; top:0; right:0; background-color:#ECECEC; border:3px solid #ECECEC; outline:none; font-size:16px; line-height:16px; font-weight:bold; color:#004494; padding:0; width:100px; height:42px; text-align:center; text-decoration:none; cursor:pointer; } html[lang="el"] #sdg-form input[type=submit], html[lang="es"] #sdg-form input[type=submit], html[lang="fr"] #sdg-form input[type=submit], html[lang="pt"] #sdg-form input[type=submit] { width:120px; } html[lang="sk"] #sdg-form input[type=submit] { width:140px; } #sdg-form input[type=submit]:hover { text-decoration:underline; color:#FFFFFF; background-color:#003776; border-color:#003776; } #sdg-form input[type=submit]:focus { border:3px solid #FFD617; background-color:#004494; color:#FFFFFF; text-decoration:underline; } .sdg-search-examples { font-size:12.8px; line-height:16px; color:#B3B4B5; margin-top:10px; } .sdg-search-examples a { color:#B3B4B5; text-decoration:none; white-space:nowrap; } .sdg-search-examples a:hover { color:#404040; text-decoration:underline; } #sdg-advanced-search { display:none; position:relative; margin-top:16px; border:none; color:#004494; background-color:#ECECEC; font-size:14px; line-height:14px; padding:8px 38px 8px 16px; border:none; cursor:pointer; border-radius:18px; border:3px solid #FFFFFF; } #sdg-advanced-search:hover { background-color:#003776; color:#FFFFFF; } #sdg-advanced-search:focus { outline:none; border-color:#FFD617; } #sdg-advanced-search span { display:block; position:absolute; top:0; right:0; width:30px; height:30px; background-color:#E2E2E2; border-radius:50%; font-size:0; color:rgba(0,0,0,0); } #sdg-advanced-search:hover span, #sdg-advanced-search:focus span { background-color:#004494; } #sdg-advanced-search span::before, #sdg-advanced-search span::after { content:''; display:block; background-color:#004494; position:absolute; } #sdg-advanced-search span::before { top:9px; left:14px; width:2px; height:12px; } #sdg-advanced-search span::after { left:9px; top:14px; height:2px; width:12px; } #sdg-advanced-search:focus span::before, #sdg-advanced-search:focus span::after, #sdg-advanced-search:hover span::before, #sdg-advanced-search:hover span::after { background-color:#FFFFFF; } #sdg-advanced-options { display:none; border-bottom:1px solid #E2E2E2; background-color:#F5F5F5; min-height:80px; margin-top:20px; } .sdg #main-article { width:100%; max-width:850px; float:left; } #main-content.sdg-home { width:1140px; padding-right:0; } .sdg-home #main-article { padding-bottom:24px; } .sdg-home #main-article::after{ content:''; display:block; clear:left; } .sdg-home #main-article section { float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:25%; padding:16px 0 39px 0; } .sdg-home #main-article section:nth-child(4n-3) { padding-right:28px; } .sdg-home #main-article section:nth-child(4n-2) { padding-right:14px; } .sdg-home #main-article section:nth-child(4n-1) { padding-left:14px; } .sdg-home #main-article section:nth-child(4n) { padding-left:28px; } .sdg-home #main-article section:nth-child(4n+1) { clear:left; } .sdg-home #main-article section h2 { padding:14px 0; border-bottom:3px solid #004494; font-size:22px; line-height:26px; color:#004494; margin:0 0 16px 0; } .sdg-home #main-article section a { display:block; border-bottom:1px solid #E2E2E2; padding:8px 0; text-decoration:none; line-height:24px; margin-top:8px; } .sdg-home #main-article section a:hover { text-decoration:underline; } #sdg-all-results { margin-bottom:50px; padding-top:40px; } .sdg-results-set { margin-bottom:40px; display:none; } .sdg-results-set h3 { padding-bottom:20px; border-bottom:1px solid #9F9F9F; margin:0; line-height:34px; } .sdg-results-set h3::before { content:''; display:inline-block; width:50px; height:32px; background:no-repeat 0 0; border:1px solid #9F9F9F; margin-right:10px; vertical-align:middle; } #sdg-all-results[data-search-region="at"] .sdg-results-set.at { display:block; } .sdg-results-set.at h3::before { background-image:url(../images/flags/medium/at.gif); } #sdg-all-results[data-search-region="be"] .sdg-results-set.be { display:block; } .sdg-results-set.be h3::before { background-image:url(../images/flags/medium/be.gif); } #sdg-all-results[data-search-region="bg"] .sdg-results-set.bg { display:block; } .sdg-results-set.bg h3::before { background-image:url(../images/flags/medium/bg.gif); } #sdg-all-results[data-search-region="hr"] .sdg-results-set.hr { display:block; } .sdg-results-set.hr h3::before { background-image:url(../images/flags/medium/hr.gif); } #sdg-all-results[data-search-region="cy"] .sdg-results-set.cy { display:block; } .sdg-results-set.cy h3::before { background-image:url(../images/flags/medium/cy.gif); } #sdg-all-results[data-search-region="cz"] .sdg-results-set.cz { display:block; } .sdg-results-set.cz h3::before { background-image:url(../images/flags/medium/cz.gif); } #sdg-all-results[data-search-region="dk"] .sdg-results-set.dk { display:block; } .sdg-results-set.dk h3::before { background-image:url(../images/flags/medium/dk.gif); } #sdg-all-results[data-search-region="ee"] .sdg-results-set.ee { display:block; } .sdg-results-set.ee h3::before { background-image:url(../images/flags/medium/ee.gif); } #sdg-all-results[data-search-region="fi"] .sdg-results-set.fi { display:block; } .sdg-results-set.fi h3::before { background-image:url(../images/flags/medium/fi.gif); } #sdg-all-results[data-search-region="fr"] .sdg-results-set.fr { display:block; } .sdg-results-set.fr h3::before { background-image:url(../images/flags/medium/fr.gif); } #sdg-all-results[data-search-region="de"] .sdg-results-set.de { display:block; } .sdg-results-set.de h3::before { background-image:url(../images/flags/medium/de.gif); } #sdg-all-results[data-search-region="gr"] .sdg-results-set.gr { display:block; } .sdg-results-set.gr h3::before { background-image:url(../images/flags/medium/gr.gif); } #sdg-all-results[data-search-region="hu"] .sdg-results-set.hu { display:block; } .sdg-results-set.hu h3::before { background-image:url(../images/flags/medium/hu.gif); } #sdg-all-results[data-search-region="is"] .sdg-results-set.is { display:block; } .sdg-results-set.is h3::before { background-image:url(../images/flags/medium/is.gif); } #sdg-all-results[data-search-region="ie"] .sdg-results-set.ie { display:block; } .sdg-results-set.ie h3::before { background-image:url(../images/flags/medium/ie.gif); } #sdg-all-results[data-search-region="it"] .sdg-results-set.it { display:block; } .sdg-results-set.it h3::before { background-image:url(../images/flags/medium/it.gif); } #sdg-all-results[data-search-region="lv"] .sdg-results-set.lv { display:block; } .sdg-results-set.lv h3::before { background-image:url(../images/flags/medium/lv.gif); } #sdg-all-results[data-search-region="li"] .sdg-results-set.li { display:block; } .sdg-results-set.li h3::before { background-image:url(../images/flags/medium/li.gif); } #sdg-all-results[data-search-region="lt"] .sdg-results-set.lt { display:block; } .sdg-results-set.lt h3::before { background-image:url(../images/flags/medium/lt.gif); } #sdg-all-results[data-search-region="lu"] .sdg-results-set.lu { display:block; } .sdg-results-set.lu h3::before { background-image:url(../images/flags/medium/lu.gif); } #sdg-all-results[data-search-region="mt"] .sdg-results-set.mt { display:block; } .sdg-results-set.mt h3::before { background-image:url(../images/flags/medium/mt.gif); } #sdg-all-results[data-search-region="nl"] .sdg-results-set.nl { display:block; } .sdg-results-set.nl h3::before { background-image:url(../images/flags/medium/nl.gif); } #sdg-all-results[data-search-region="no"] .sdg-results-set.no { display:block; } .sdg-results-set.no h3::before { background-image:url(../images/flags/medium/no.gif); } #sdg-all-results[data-search-region="pl"] .sdg-results-set.pl { display:block; } .sdg-results-set.pl h3::before { background-image:url(../images/flags/medium/pl.gif); } #sdg-all-results[data-search-region="pt"] .sdg-results-set.pt { display:block; } .sdg-results-set.pt h3::before { background-image:url(../images/flags/medium/pt.gif); } #sdg-all-results[data-search-region="ro"] .sdg-results-set.ro { display:block; } .sdg-results-set.ro h3::before { background-image:url(../images/flags/medium/ro.gif); } #sdg-all-results[data-search-region="sk"] .sdg-results-set.sk { display:block; } .sdg-results-set.sk h3::before { background-image:url(../images/flags/medium/sk.gif); } #sdg-all-results[data-search-region="si"] .sdg-results-set.si { display:block; } .sdg-results-set.si h3::before { background-image:url(../images/flags/medium/si.gif); } #sdg-all-results[data-search-region="es"] .sdg-results-set.es { display:block; } .sdg-results-set.es h3::before { background-image:url(../images/flags/medium/es.gif); } #sdg-all-results[data-search-region="se"] .sdg-results-set.se { display:block; } .sdg-results-set.se h3::before { background-image:url(../images/flags/medium/se.gif); } #sdg-all-results[data-search-region="ch"] .sdg-results-set.ch { display:block; } .sdg-results-set.ch h3::before { background-image:url(../images/flags/medium/ch.gif); } #sdg-all-results[data-search-region="eu"] .sdg-results-set.eu { display:block; } .sdg-results-set.eu h3::before { background-image:url(../images/flags/medium/eu.gif); } .sdg-result, .sdg-choose-other-language { min-height:80px; border-bottom:1px solid #E2E2E2; padding:20px 0; overflow:hidden; } .sdg-result { display:none; position:relative; } .sdg-choose-other-language ~ .sdg-result { display:block } .sdg-choose-other-language { background-color:#F5F5F5; padding:16px 20px 20px 20px; min-height:0; } .sdg-choose-other-language label.checkbox, #sdg-filter-panel label.checkbox { margin:10px 10px 0 0; float:left; } .sdg-lg-not-available { font-style:italic; line-height:24px; } .sdg-result a { display:inline-block; font-size:18px; line-height:24px; text-decoration:none; padding-right:60px; } .sdg-result a:hover { text-decoration:underline; } .sdg-result-link { font-size:16px; margin:5px 0; color:#9F9F9F; } .sdg-result-preview { font-size:16px; margin:5px 0; color:#404040; } .sdg-result-rating { position:absolute; top:20px; right:0; } .sdg-result-rating button { position:relative; border:none; height:20px; width:26px; cursor:pointer; color:rgba(0,0,0,0); font-size:0; } .sdg-result-rating button:focus { outline:none; } .sdg-thumb-up { background:url(../images/icons/thumb-up.png) no-repeat right 0; text-align:right; margin-right:5px; } .sdg-result-rating.active .sdg-thumb-up:hover { background-image:url(../images/icons/thumb-up-hover.png); } .sdg-result-rating.active .sdg-thumb-up:focus, .sdg-result-rating.up .sdg-thumb-up { background-image:url(../images/icons/thumb-up-focus.png); } .sdg-result-rating.down .sdg-thumb-up { background-image:url(../images/icons/thumb-up-unselected.png); } .sdg-result-rating.active .sdg-thumb-up::before, .sdg-result-rating.active .sdg-thumb-down::before { content:''; position:absolute; display:block; width:6px; height:2px; top:12px; } .sdg-result-rating.active .sdg-thumb-up::before { left:0; } .sdg-result-rating.active .sdg-thumb-up:hover::before, .sdg-result-rating.active .sdg-thumb-up:hover::after, .sdg-result-rating.active .sdg-thumb-down:hover::before { background-color:#004494; } .sdg-result-rating.active .sdg-thumb-up::after { content:''; position:absolute; display:block; width:2px; height:6px; top:10px; left:2px; } .sdg-thumb-down { background:url(../images/icons/thumb-down.png) no-repeat 0 0; text-align:left; } .sdg-result-rating.active .sdg-thumb-down:hover { background-image:url(../images/icons/thumb-down-hover.png); } .sdg-result-rating.active .sdg-thumb-down:focus, .sdg-result-rating.down .sdg-thumb-down { background-image:url(../images/icons/thumb-down-focus.png); } .sdg-result-rating.up .sdg-thumb-down { background-image:url(../images/icons/thumb-down-unselected.png); } .sdg-result-rating.active .sdg-thumb-down::before { right:0; } #sdg-filter-panel { border-bottom:1px solid #E2E2E2; width:260px; z-index:999999; background-color:#F5F5F5; float:left; margin:20px 30px 20px 0; } #sdg-filter-panel label.checkbox { width:206px; } #sdg-filter-panel>h4 { display:block; margin:0; font-size:16px; color:#FFFFFF; background-color:#004494; padding:5px 20px; } #sdg-filter-panel>div { padding:10px 20px 20px 20px; } #sdg-filter-panel>div::after { content:''; display:block; clear:left; } .sdg-choose-other-language { } .sdg-result a::after { content:'zz'; display:inline-block; height:21px; width:24px; text-align:center; text-transform:uppercase; color:#FFFFFF; font-size:12px; line-height:12px; padding:4px 1px 0 0; background:url(../images/icons/language.png) 0 0 no-repeat; vertical-align:top; margin-left:10px; } .sdg-result.bg a::after { content:'bg'; } html[lang="bg"] .sdg-result.bg a::after, .sdg-choose-other-language.bg ~ .sdg-result.bg, #sdg-all-results.bg .sdg-choose-other-language.bg { display:none; } #sdg-all-results.bg .sdg-result.bg { display:block; } .sdg-result.cs a::after { content:'cs'; } html[lang="cs"] .sdg-result.cs a::after, .sdg-choose-other-language.cs ~ .sdg-result.cs, #sdg-all-results.cs .sdg-choose-other-language.cs { display:none; } #sdg-all-results.cs .sdg-result.cs { display:block; } .sdg-result.da a::after { content:'da'; } html[lang="da"] .sdg-result.da a::after, .sdg-choose-other-language.da ~ .sdg-result.da, #sdg-all-results.da .sdg-choose-other-language.da { display:none; } #sdg-all-results.da .sdg-result.da { display:block; } .sdg-result.de a::after { content:'de'; } html[lang="de"] .sdg-result.de a::after, .sdg-choose-other-language.de ~ .sdg-result.de, #sdg-all-results.de .sdg-choose-other-language.de { display:none; } #sdg-all-results.de .sdg-result.de { display:block; } .sdg-result.et a::after { content:'et'; } html[lang="et"] .sdg-result.et a::after, .sdg-choose-other-language.et ~ .sdg-result.et, #sdg-all-results.et .sdg-choose-other-language.et { display:none; } #sdg-all-results.et .sdg-result.et { display:block; } .sdg-result.el a::after { content:'el'; } html[lang="el"] .sdg-result.el a::after, .sdg-choose-other-language.el ~ .sdg-result.el, #sdg-all-results.el .sdg-choose-other-language.el { display:none; } #sdg-all-results.el .sdg-result.el { display:block; } .sdg-result.en a::after { content:'en'; } html[lang="en"] .sdg-result.en a::after, .sdg-choose-other-language.en ~ .sdg-result.en, #sdg-all-results.en .sdg-choose-other-language.en { display:none; } #sdg-all-results.en .sdg-result.en { display:block; } .sdg-result.es a::after { content:'es'; } html[lang="es"] .sdg-result.es a::after, .sdg-choose-other-language.es ~ .sdg-result.es, #sdg-all-results.es .sdg-choose-other-language.es { display:none; } #sdg-all-results.es .sdg-result.es { display:block; } .sdg-result.fr a::after { content:'fr'; } html[lang="fr"] .sdg-result.fr a::after, .sdg-choose-other-language.fr ~ .sdg-result.fr, #sdg-all-results.fr .sdg-choose-other-language.fr { display:none; } #sdg-all-results.fr .sdg-result.fr { display:block; } .sdg-result.hr a::after { content:'hr'; } html[lang="hr"] .sdg-result.hr a::after, .sdg-choose-other-language.hr ~ .sdg-result.hr, #sdg-all-results.hr .sdg-choose-other-language.hr { display:none; } #sdg-all-results.hr .sdg-result.hr { display:block; } .sdg-result.it a::after { content:'it'; } html[lang="it"] .sdg-result.it a::after, .sdg-choose-other-language.it ~ .sdg-result.it, #sdg-all-results.it .sdg-choose-other-language.it { display:none; } #sdg-all-results.it .sdg-result.it { display:block; } .sdg-result.lv a::after { content:'lv'; } html[lang="lv"] .sdg-result.lv a::after, .sdg-choose-other-language.lv ~ .sdg-result.lv, #sdg-all-results.lv .sdg-choose-other-language.lv { display:none; } #sdg-all-results.lv .sdg-result.lv { display:block; } .sdg-result.lt a::after { content:'lt'; } html[lang="lt"] .sdg-result.lt a::after, .sdg-choose-other-language.lt ~ .sdg-result.lt, #sdg-all-results.lt .sdg-choose-other-language.lt { display:none; } #sdg-all-results.lt .sdg-result.lt { display:block; } .sdg-result.hu a::after { content:'hu'; } html[lang="hu"] .sdg-result.hu a::after, .sdg-choose-other-language.hu ~ .sdg-result.hu, #sdg-all-results.hu .sdg-choose-other-language.hu { display:none; } #sdg-all-results.hu .sdg-result.hu { display:block; } .sdg-result.mt a::after { content:'mt'; } html[lang="mt"] .sdg-result.mt a::after, .sdg-choose-other-language.mt ~ .sdg-result.mt, #sdg-all-results.mt .sdg-choose-other-language.mt { display:none; } #sdg-all-results.mt .sdg-result.mt { display:block; } .sdg-result.nl a::after { content:'nl'; } html[lang="nl"] .sdg-result.nl a::after, .sdg-choose-other-language.nl ~ .sdg-result.nl, #sdg-all-results.nl .sdg-choose-other-language.nl { display:none; } #sdg-all-results.nl .sdg-result.nl { display:block; } .sdg-result.pl a::after { content:'pl'; } html[lang="pl"] .sdg-result.pl a::after, .sdg-choose-other-language.pl ~ .sdg-result.pl, #sdg-all-results.pl .sdg-choose-other-language.pl { display:none; } #sdg-all-results.pl .sdg-result.pl { display:block; } .sdg-result.pt a::after { content:'pt'; } html[lang="pt"] .sdg-result.pt a::after, .sdg-choose-other-language.pt ~ .sdg-result.pt, #sdg-all-results.pt .sdg-choose-other-language.pt { display:none; } #sdg-all-results.pt .sdg-result.pt { display:block; } .sdg-result.ro a::after { content:'ro'; } html[lang="ro"] .sdg-result.ro a::after, .sdg-choose-other-language.ro ~ .sdg-result.ro, #sdg-all-results.ro .sdg-choose-other-language.ro { display:none; } #sdg-all-results.ro .sdg-result.ro { display:block; } .sdg-result.sk a::after { content:'sk'; } html[lang="sk"] .sdg-result.sk a::after, .sdg-choose-other-language.sk ~ .sdg-result.sk, #sdg-all-results.sk .sdg-choose-other-language.sk { display:none; } #sdg-all-results.sk .sdg-result.sk { display:block; } .sdg-result.sl a::after { content:'sl'; } html[lang="sl"] .sdg-result.sl a::after, .sdg-choose-other-language.sl ~ .sdg-result.sl, #sdg-all-results.sl .sdg-choose-other-language.sl { display:none; } #sdg-all-results.sl .sdg-result.sl { display:block; } .sdg-result.fi a::after { content:'fi'; } html[lang="fi"] .sdg-result.fi a::after, .sdg-choose-other-language.fi ~ .sdg-result.fi, #sdg-all-results.fi .sdg-choose-other-language.fi { display:none; } #sdg-all-results.fi .sdg-result.fi { display:block; } .sdg-result.sv a::after { content:'sv'; } html[lang="sv"] .sdg-result.sv a::after, .sdg-choose-other-language.sv ~ .sdg-result.sv, #sdg-all-results.sv .sdg-choose-other-language.sv { display:none; } #sdg-all-results.sv .sdg-result.sv { display:block; } #eu-ye-page-header.home h1 span { font-weight:normal; } /* Title bar */ #eu-ye-page-header { background:#004494 url(../images/headers/top-bar-gradient-thin.png) no-repeat; background-image:linear-gradient(to right, #004494, #1177BB); position:relative; min-height:49px; } #eu-ye-page-header.fixed { position:fixed; left:0; top:0; width:100%; z-index:9997; min-height:37px; } /* Breadcrumb bar */ #header-content.splash #eu-ye-page-header>.centered { text-align:center; } #eu-breadcrumb { display:inline-block; height:17px; padding:15px 0 17px 0; white-space:nowrap; font-weight:bold; } #eu-breadcrumb li { font-size:14px; line-height:1; vertical-align:text-bottom; display:inline; color:#BFD0E4; } #eu-breadcrumb li#ye-choose-language { color:#FFFFFF; } #eu-breadcrumb li::after { content:'>'; color:#FFFFFF; padding:0 8px 0 10px; } #eu-breadcrumb li:last-child::after { content:none; } #eu-breadcrumb li a { color:#FFFFFF; text-decoration:none; } #eu-breadcrumb li a:hover { text-decoration:underline; } #eu-breadcrumb li a:focus { outline:3px solid #FFD617; outline-offset:3px; } .fixed #eu-breadcrumb { padding:9px 0 11px 0; } .fixed #eu-breadcrumb li { font-size:12.5px; } #eu-ye-toggle-menu { display:none; height:49px; padding:17px 19px 16px 50px; background:url(../images/icons/menu.gif) 19px 16px no-repeat; color:#FFFFFF; text-transform:uppercase; line-height:16px; font-size:16px; text-decoration:none; border:none; cursor:pointer; } #eu-ye-toggle-menu.close-it { background:url(../images/icons/close-menu.png) 19px 15px no-repeat; } #eu-ye-toggle-menu:hover, #eu-ye-toggle-menu:focus { padding:14px 16px 13px 47px; border:3px solid #FFD617; outline:none; background-position:16px 13px; color:#FFFFFF; } #eu-ye-toggle-menu.close-it:hover, #eu-ye-toggle-menu.close-it:focus { background-position:16px 12px; } /* Main navigation configuration */ #eu-ye-navigation ul li { margin:0; } #eu-ye-navigation a.menu.active, #eu-ye-navigation ul a.menu:hover, #eu-ye-navigation ul.fade a.menu:hover, #eu-ye-navigation ul.fade a.menu.active:hover, #eu-ye-navigation ul:hover a.menu.active:hover { color:#003776; background-color:#EBEBEB; } #eu-ye-navigation a.menu, #eu-ye-navigation ul.fade a.menu.active, #eu-ye-navigation ul:hover a.menu.active { background:none; color:#004494; } #eu-ye-navigation ul ul li.active>a>span.current { display:inline-block; width:12px; height:12px; background:url(../images/icons/heavy-check-active.png) no-repeat; margin-left:10px; } /* YE portals crossover buttons */ #switch-site { display:none; position:absolute; right:0; top:0; background-color:#FFD617; color:#004494; font-weight:bold; font-size:16px; line-height:16px; height:16px; padding:17px 20px 16px 20px; text-decoration:none; } #switch-site:hover, #switch-site:focus { text-decoration:underline; outline:none; } #switch-site:focus { padding:16px 19px 15px 19px; border:1px dotted #004494; } #switch-site::after { content:''; display:inline-block; width:9px; height:15px; background:url(../images/icons/menu-right.png) 0 0 no-repeat; margin-left:8px; vertical-align:middle; } /* Quiz display */ iframe#ye-quiz { display:block; width:100%; height:100vh; } body.quiz #share-page { border-top:none!important; } body.quiz #eu-ye-navigation ul li.home a { width:60px; } body.quiz #eu-ye-navigation ul li.section-menu { visibility:visible; } body.quiz #eu-ye-navigation ul li.section-menu>a { padding:18px 20px 19px 20px; height:18px; } /* In page nav */ #in-page-nav { display:none; width:275px; position:absolute; top:110px; left:-15px; } #in-page-nav #in-page-nav-title{ line-height:24px; font-size: 18px; font-weight:normal; text-transform:uppercase; color:#404040; padding:20px 0 12px 15px; margin:0; } #in-page-nav li{ margin:0; } #in-page-nav ul ul{ margin-bottom:10px; } #in-page-nav ul li.hiding ul{ display:none; } #in-page-nav a{ font-size:15px; display:block; padding:10px 10px 10px 15px; text-decoration:none; line-height:20px; font-weight:bold; color:#000000; } #in-page-nav a.sub-content{ border-left:1px solid #E3E3E3; padding-left:14px; } #in-page-nav li.hiding a.sub-content{ border-left:none; padding-left:15px; } #in-page-nav a:hover, #in-page-nav a:focus, #in-page-nav li.hiding a:hover, #in-page-nav li.hiding a:focus{ border-left:3px solid #004494; padding-left:12px; } #in-page-nav a:focus, #in-page-nav a.active:focus{ background-color:#FFD617; outline:none; } #in-page-nav a.active, #in-page-nav li.hiding a.active{ background-color:#ECECEC; border-left:3px solid #004494; padding-left:12px; } #in-page-nav ul:hover a.active{ border-left:3px solid #B3B4B5; padding-left:12px; } #in-page-nav ul:hover a.active:hover, #in-page-nav ul:hover a.active:focus{ border-left:3px solid #004494; } #in-page-nav ul ul li a{ font-size:14px; line-height:18px; border-left:1px solid #E3E3E3; padding-left:36px; } #in-page-nav ul ul li a:hover, #in-page-nav ul ul li a:focus, #in-page-nav ul ul li a.active, #in-page-nav ul:hover ul li a.active{ padding-left:34px; } #feedback-bar { border-top:1px solid #E2E2E2; } #ye-footer { background-color:#F5F5F5; padding:26px 0 16px 0; } #ye-footer a, .ye-follow-links a { text-decoration:none; color:#004494; } #ye-footer a:hover { text-decoration:underline; } #ye-footer>.centered::after { content:''; display:block; clear:both; } #ye-footer-title { display:block; margin-bottom:8px; } #ye-footer-title a { color:#404040; font-size:18px; } #ye-follow-links { float:left; white-space:nowrap; color:#404040; padding:10px 0; line-height:24px; margin-right:16px; } #ye-follow-links a { margin-right:16px; white-space:nowrap; display:inline-block; } #ye-follow-facebook { margin-left:16px; } #ye-follow-facebook::before { content:''; display:inline-block; background:url(../images/icons/follow-facebook.gif) 0 0 no-repeat; width:10px; height:17px; margin-right:6px; vertical-align:text-top; } #ye-follow-twitter::before { content:''; display:inline-block; background:url(../images/icons/follow-twitter.gif) 0 0 no-repeat; width:17px; height:15px; margin-right:4px; vertical-align:text-top; } #ye-follow-linkedin { margin-right:0; } #ye-follow-linkedin::before { content:''; display:inline-block; background:url(../images/icons/follow-linkedin.gif) 0 0 no-repeat; width:16px; height:16px; margin-right:6px; vertical-align:baseline; } #ye-general-pages { float:right; padding:10px 0; } #ye-general-pages li { margin-bottom:0; display:inline-block; margin-right:16px; } #ye-general-pages li:last-child { margin-right:0; } /* Content features */ #main-article::after { content:''; display:block; clear:both; } #main-article .box { clear:both; padding-top:2px; } #main-article h2:nth-child(3) { margin-top:0; } #main-article ul, #main-article ol { list-style-position:outside; margin:16px 0; } #main-article ul ul, #main-article ol ol { margin:8px 0; } #main-article ul { list-style-type:square; padding-left:20px; } #main-article ul ul { padding-left:40px; list-style-type:none; } #main-article ul ul li { position:relative; } #main-article ul ul li::before { content:''; left:-17px; position:absolute; top:9px; border:1px solid #404040; width:5px; height:5px; border-radius:2px; } body.search #main-article ul ul li::before { content:none; } #main-article ol { list-style-type:decimal; padding-left:40px; } #main-article img { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:100% !important; height:auto !important; margin-top:20px; } #a2f-main-content #main-article img, #main-article img.external-link, #main-article img.alIco { margin-top:0; max-width:none; } /* #fb-banner { border:1px solid #E2E2E2; width:100%; margin-bottom:0 !important; } */ /* a:hover>#fb-banner { border:1px solid #004494; }*/ .warning { background:#F5F5F5 url(../images/icons/warning.png) 16px center no-repeat; color:#000000; padding:16px 16px 8px 80px; margin:24px 0 12px 0; min-height:50px; } .warning p { color:#000000; } .info-block{ background:#F5F5F5 url(../images/icons/info.png) 16px center no-repeat; padding:16px 16px 8px 80px; margin-bottom:24px; min-height:50px; } #ic-container h4, .ic-block h2{margin-top: 12px} /* Various */ .left{ float:left; } .right{ float:right; } .clear{ clear:both; } .block{ display:block; } .text-right{ text-align:right; } .centered{ width:100%; margin:0 auto; } /* Tables */ table{ border-top:1px solid #9F9F9F; border-left:1px solid #9F9F9F; margin-bottom:4px; max-width:100%; background-color:#F5F5F5; } table td, table th{ border-bottom:1px solid #9F9F9F; border-right:1px solid #9F9F9F; padding:10px 20px; font-size:16px; line-height:24px; } table td p, table th p{ margin:0; padding:0; } table th{ background-color:#E3E3E3; font-weight:bold; } table.timeline { border:none !important; background:none; margin:30px 0 52px 0; } table.timeline td, table.timeline th{ border:none !important; } table.timeline th { text-align:left; background:none; } table.timeline th:first-child, table.timeline td:first-child { border-right:2px solid #BFD0E4 !important; text-align:right; color:#004494; } table.timeline th { padding:5px 20px; background-color:#E3E3E3; } table.timeline th:first-child { background-color:#BFD0E4; text-decoration:none; } table.timeline tr:first-child td { padding-top:30px; } table.timeline td:first-child { position:relative; text-decoration:none; font-weight:bold; } table.timeline td:first-child:after { content:''; position:absolute; display:block; width:6px; height:6px; border-radius:50%; background-color:#004494; top:19px; right:-4px; } table.timeline tr:first-child td:first-child:after { top:39px; } table.timeline tr:last-child td:first-child:before { content:''; position:absolute; display:block; width:100%; height:32px; border-right:2px dashed #BFD0E4; bottom:-32px; right:-2px; } table.timeline td em { display: inline-block; padding: 5px 10px; margin: 5px 0; background-color: #F5F5F5; font-size: 14px; line-height: 21px; font-style: normal; color: #000000; } .download { background-color:#9F9F9F; position:relative; margin-bottom:20px; border:1px solid #9F9F9F; } .download .media { position:absolute; top:0; left:0; background-color:#9F9F9F; padding-right:1px; } .download .media-top { padding:4px 4px 5px 4px; } .download .media .img, .download .media iframe, .download .media-top img { display:block; margin:5px; overflow:hidden; max-width:100%; } .download .media .img, .download .media-top img { height:auto; } .download .media .img { width:121px; } .download.poster .media .img { width:120px; } .download.presentation .media .img { width:150px; } .download.qr .media .img { width:145px; } .download.video .media .img { width:352px; } .download .media .caption { font-size:14px; display:block; color:#FFFFFF; padding:5px; margin:0; } .download .body { background-color:#F5F5F5; text-align:right; margin-left:132px; min-height:140px; } .download.qr .body { margin-left:156px; min-height:155px; } .download.poster .body { margin-left:131px; min-height:220px; } .download.presentation .body { margin-left:161px; min-height:200px; } .download.video .body { margin-left:363px; min-height:248px; } .download .body-wide { background-color:#F5F5F5; text-align:right; padding:15px; } .download .standard-form h3, .download h3 { padding:15px; margin:0; text-align:left; border:none; } .download .standard-form select, .download .standard-form .label-inlined { position:static; width:auto; margin:0 10px 20px 15px; float:left; text-align:left; } .download .body-wide.standard-form select { margin:0 0 15px 0; } .download .standard-form .radio-block { position:static; width:auto; } .download .standard-form .snippet { font-size:14px; text-align:left; background-color:#FFFFFF; border:1px solid #404040; padding:6px 12px; line-height: 18px; margin:0; display:none; clear:both; } .download .standard-form .snippet:focus { outline:3px solid #FFD617; outline-offset:0; border:1px solid #FFD617; } .download .standard-form .snippet.displayed { display:block; } .download .getstarted, .download .btn-grey { margin:0 20px 20px 0; display:inline-block; } .article-related::after { content:''; display:block; clear:both; } @media (max-width: 640px) { .download .media { position:static; padding-bottom:1px; } .download .media .img, .download .media .caption, .download .media iframe { display:inline-block; vertical-align:middle; } .download .body, .download.qr .body { margin-left:0 !important; min-height:0 !important; } } @media (max-width: 1024px) { .download.video .media { position:static; padding-bottom:1px; } .download.video .media iframe, .download.video .media .caption { display:inline-block; vertical-align:middle; } .download.video .body { margin-left:0 !important; min-height:0 !important; } } @media screen { body#main-article { padding:11px; } #main-content.nat-contact-page .individual-contact-point { border-bottom:1px solid #E2E2E2; margin-bottom:30px; padding-bottom:24px; } /* toggle-content */ #main-content .toggle, body#main-article .toggle, #country-choice, #country-choice-2, #country-choice-3 { cursor:pointer; font-size:18px; line-height:26px; font-weight:bold; padding:16px 52px 16px 20px; margin-top:24px; margin-bottom:24px; color:#004494; border:1px solid #9F9F9F; border-radius:6px!important; background-color:#F5F5F5; position:relative; } #main-content.nat-contact-page .toggle { border-radius:0; } #main-content.nat-contact-page .toggle.countries { border-radius:6px; } #main-content .ye-search-widget.glued .toggle { margin-bottom:0; border-radius:6px 6px 0 0!important; } #main-content #main-article>.toggle:nth-child(3) { margin-top:0; } #main-content.nat-contact-page h2.toggle, #main-content.sitemap h2.toggle { font-size:24px; line-height:28px; margin:24px 0; padding:0 21px 10px 0; font-weight:normal; border:none; background:url(../images/icons/menu-down.png) right center no-repeat; background-origin:content-box; border-bottom:1px solid #9F9F9F; } #main-content .toggle.nojump{ margin-top:0; } /*#main-content .toggle:hover, #country-choice:hover, #country-choice-2:hover, #country-choice-3:hover { background-color:#EBEBEB; color:#003776; }*/ #main-content .toggle:focus, #country-choice:focus, #country-choice-2:focus, #country-choice-3:focus { border-color:#004494; outline:none; } #main-content.nat-contact-page h2.toggle:hover, #main-content.sitemap h2.toggle:hover{ background:url(../images/icons/active-down.png) right center no-repeat; background-origin:content-box; color:#003776; border-left:none; padding-left:0; } #main-content .toggle.showing, body#main-article .toggle { background-color:#EBEBEB; margin-bottom:0; border-radius:6px 6px 0 0!important; color:#003776; } #main-content.nat-contact-page .toggle.countries.showing { border-radius:6px 6px 0 0; } #main-content.nat-contact-page h2.toggle.showing, #main-content.sitemap h2.toggle.showing{ background:url(../images/icons/menu-up.png) right center no-repeat; background-origin:content-box; margin-bottom:0; } #main-content.nat-contact-page h2.toggle.showing:hover, #main-content.sitemap h2.toggle.showing:hover{ background:url(../images/icons/menu-up.png) right center no-repeat; background-origin:content-box; } #main-content .toggle.showing.countries, #main-content .toggle.highlighted.countries { background-color:#FFD617; border-color:#FFD617; } #main-content .toggle.countries, #country-choice, #country-choice-2, #country-choice-3{ position:relative; padding:16px 20px 16px 48px; } #main-content .ye-search-widget.alone .toggle.countries { padding-left:20px; } #main-content .ye-search-widget.alone .toggle { cursor:auto; } #main-content .ye-search-widget.alone.blue .toggle { background-color:#004494; color:#FFFFFF; border-color:#004494; } #main-content.nat-contact-page .toggle.countries { margin:0 0 48px 0; } #main-content.nat-contact-page .toggle.showing.countries { margin:0; } .static.countries{ margin:0; } #main-content .toggle.countries::before, .static.countries::before { content:''; display:block; width:17px; height:26px; position:absolute; top:16px; left:21px; background:url(../images/icons/localisation.png) 0 0 no-repeat; } #country-choice, #country-choice-2, #country-choice-3 { background-image:url(../images/icons/localisation.png); background-position:21px 16px; background-repeat:no-repeat; } #main-content .ye-search-widget.alone .toggle.countries::before { content:none; } #main-content .toggle::after, body#main-article .toggle::after, #country-choice::after, #country-choice-2::after, #country-choice-3::after { content:''; position:absolute; top:-1px; bottom:-1px; right:-1px; background:url(../images/icons/menu-down.png) center center no-repeat; border-radius:0 6px 6px 0; width:53px; } #main-content.nat-contact-page .toggle::after { content:none; } #main-content .ye-search-widget.alone .toggle::after { content:none; } #main-content .ye-search-widget.glued .toggle::after { border-radius:0 6px 0 0; } #main-content .toggle:hover::after, #country-choice:hover::after, #country-choice-2:hover::after, #country-choice-3:hover::after { background:#9F9F9F url(../images/icons/select-down.png) center center no-repeat; } #main-content .toggle:focus::after, #country-choice:focus::after, #country-choice-2:focus::after, #country-choice-3:focus::after { background:#004494 url(../images/icons/select-down.png) center center no-repeat; } #main-content .toggle.highlighted.countries::after, #main-content .toggle.highlighted.countries:hover::after { background:url(../images/icons/active-down.png) center center no-repeat; } #main-content.nat-contact-page .toggle.countries::before { left:21px; top:16px; } #main-content .toggle.highlighted.countries:focus::after { background:#004494 url(../images/icons/select-down.png) center center no-repeat; } #main-content .toggle.showing::after, body#main-article .toggle::after { background:url(../images/icons/active-up.png) center center no-repeat; border-radius:0 6px 0 0; } #main-content .toggle.showing.highlighted.countries::after { background:url(../images/icons/active-up.png) center center no-repeat; } #main-content .toggle.showing:hover::after, body#main-article .toggle:hover::after { background:#9F9F9F url(../images/icons/select-up.png) center center no-repeat; } #main-content .toggle.showing.countries:hover::after { background:url(../images/icons/active-up.png) center center no-repeat; } #main-content .toggle.showing:focus::after, body#main-article .toggle:focus::after, #main-content .toggle.showing.countries:focus::after, #main-content .toggle.showing.highlighted.countries:focus::after { background:#004494 url(../images/icons/select-up.png) center center no-repeat; } #main-content .toggle.showing.countries::before, #main-content .toggle.highlighted.countries::before, .static.countries::before{ background:url(../images/icons/localisation-active.png) 0 0 no-repeat; } #main-content .toggle-content, body#main-article .toggle-content, .static-content { display:none; border:1px solid #E2E2E2; border-top:none; padding:24px 20px 0 20px; margin-bottom:24px; } #main-content .ye-search-widget.toggle-content { position:relative; background:none; } #main-article .ye-search-widget.toggle-content.countries ul { margin-bottom:0; } #main-content .toggle-content, body#main-article .toggle-content { padding-bottom:16px; border-radius:0 0 6px 6px; } #main-content .ye-search-widget.glued .toggle-content { margin-bottom:0; border-radius:0; } #main-content .ye-search-widget.inside.toggle-content { position:relative; padding-bottom:68px; } #main-content.nat-contact-page .toggle-content, #main-content.sitemap .toggle-content{ border:none; padding:0; margin-bottom:48px; } .example{ border:1px solid #9F9F9F; padding:0 20px 12px 20px; margin:18px 0 24px 0; } .example h4, .example h5{ color:#004494; } .example-2{ background-color:#F5F5F5; } blockquote{ border-left:4px solid #FFD617; padding:1px 20px 12px 40px; margin:18px 0 24px 0; background-color:#F5F5F5; font-style:italic; } #main-content .toggle-content.countries, .static-content.countries{ border:2px solid #FFD617; border-top:none; padding:10px 9px 0 10px; background-color:#FFFFFF; border-radius:0 0 6px 6px; } #main-content .ye-search-widget.toggle-content.countries, #main-content .interactive-box.toggle-content.countries { background:none; } #main-content .toggle-content.showed, .static-content, body#main-article .toggle-content{ display:block; } #main-content .toggle-content.showed, .static-content, body#main-article .toggle-content{ display:block; } #main-content .toggle-content.interactive-box li.no-content>a>span::after { content:'*'; } #main-content #interactive-box-contents>div { display:none; } #country-choice, #country-choice-2, #country-choice-3 { display:block!important; } #country-choice p, #country-choice-2 p, #country-choice-3 p, #dropdown1, #dropdown2, #dropdown3 { display:none!important; } #country-choice.list-eu-eea-che::before, #country-choice-2.list-eu-eea-che::before, #country-choice-3.list-eu-eea-che::before { content:'Choose country: EU + EEA + Switzerland'; } #country-choice.list-eu-eea::before, #country-choice-2.list-eu-eea::before, #country-choice-3.list-eu-eea::before { content:'Choose country: EU + EEA'; } #country-choice.list-eu::before, #country-choice-2.list-eu:before, #country-choice-3.list-eu::before { content:'Choose country: EU'; } #country-choice.list-no-eu::before, #country-choice-2.list-no-eu:before, #country-choice-3.list-no-eu::before { content:'Choose country: EEA'; } .static.countries{ font-size:18px; font-weight:bold; position:relative; background-color:#FFD617; padding:21px 21px 21px 49px; color:#004494; border-radius:6px 6px 0 0; } #nat-admin .static.countries{ margin-top:10px; } #nat-admin.hiding{ display:none; } .countries .short-name{ display:none; text-transform:uppercase; } .countries a, .article-related .countries a{ text-decoration:none; padding:6px 10px 6px 45px; display:block; } .countries a.anchor, .article-related .countries a.anchor{ padding:0; display:inline; } .article-related .countries a::before{ display:none; } .countries.external-links a{ padding-right:22px; } .countries.external-links a:hover, .countries.external-links a:focus{ background:url(../images/icons/external-link.png) right 0 no-repeat; } .countries .languages{ position:absolute; right:40px; top:0; } .languages a, a.language { display:inline-block; width:22px; padding:4px 0; font-size:14px; line-height:14px; border:1px solid #004494; text-align:center; margin-left:4px; text-decoration:none; font-weight:normal; } .languages a:first-child { margin-left:0; } .languages a:hover, .languages a:focus, a.language:hover, a.language:focus{ text-decoration:none; background-color:#004494; color:#FFFFFF; } .languages a:focus, a.language:focus{ outline:3px solid #FFD617; outline-offset:0; } #main-article .countries ul, .article-related .countries ul { float:left; margin:0 0 10px 0; list-style-type:none; width:33.3333333333%; } #main-article .countries::after, .article-related .countries::after { content:''; display:block; clear:both; } #main-article .countries ul { padding-left:0; } #main-article .countries li, .article-related .countries li{ display:block; margin:0; } .article-related .countries li{ padding-left:0; } #main-article .countries li.blank, .article-related .countries li.blank { height:17px; border-bottom:1px solid #004494; margin:0 -10px 18px 0; } .countries li.no-content { color:#004494; padding:6px 10px 6px 45px; opacity:0.25; filter:alpha(opacity=25); } .countries li.selected a{ font-weight:bold; } .countries li.selected a .name::after, .countries li.selected a .short-name::after{ content:''; display:inline-block; width:12px; height:12px; background:url(../images/icons/heavy-check-active.png) 0 0 no-repeat; margin-left:18px; } .countries li.at a, .countries li.at.no-content { background:url(../images/flags/small/at.gif) 10px center no-repeat; } .countries li.be-vlg a, .countries li.be-vlg.no-content, .countries li.be-wal a, .countries li.be-wal.no-content, .countries li.be a, .countries li.be.no-content { background:url(../images/flags/small/be.gif) 10px center no-repeat; } .countries li.bg a, .countries li.bg.no-content { background:url(../images/flags/small/bg.gif) 10px center no-repeat; } .countries li.hr a, .countries li.hr.no-content, .countries li.cr a, .countries li.cr.no-content { background:url(../images/flags/small/hr.gif) 10px center no-repeat; } .countries li.cy a, .countries li.cy.no-content { background:url(../images/flags/small/cy.gif) 10px center no-repeat; } .countries li.cz a, .countries li.cz.no-content { background:url(../images/flags/small/cz.gif) 10px center no-repeat; } .countries li.dk a, .countries li.dk.no-content { background:url(../images/flags/small/dk.gif) 10px center no-repeat; } .countries li.ee a, .countries li.ee.no-content { background:url(../images/flags/small/ee.gif) 10px center no-repeat; } .countries li.fi a, .countries li.fi.no-content { background:url(../images/flags/small/fi.gif) 10px center no-repeat; } .countries li.fr a, .countries li.fr.no-content { background:url(../images/flags/small/fr.gif) 10px center no-repeat; } .countries li.de a, .countries li.de.no-content { background:url(../images/flags/small/de.gif) 10px center no-repeat; } .countries li.el a, .countries li.el.no-content, .countries li.gr a, .countries li.gr.no-content { background:url(../images/flags/small/gr.gif) 10px center no-repeat; } .countries li.hu a, .countries li.hu.no-content { background:url(../images/flags/small/hu.gif) 10px center no-repeat; } .countries li.is a, .countries li.is.no-content { background:url(../images/flags/small/is.gif) 10px center no-repeat; } .countries li.ie a, .countries li.ie.no-content { background:url(../images/flags/small/ie.gif) 10px center no-repeat; } .countries li.it a, .countries li.it.no-content { background:url(../images/flags/small/it.gif) 10px center no-repeat; } .countries li.lv a, .countries li.lv.no-content { background:url(../images/flags/small/lv.gif) 10px center no-repeat; } .countries li.li a, .countries li.li.no-content { background:url(../images/flags/small/li.gif) 10px center no-repeat; } .countries li.lt a, .countries li.lt.no-content { background:url(../images/flags/small/lt.gif) 10px center no-repeat; } .countries li.lu a, .countries li.lu.no-content { background:url(../images/flags/small/lu.gif) 10px center no-repeat; } .countries li.mt a, .countries li.mt.no-content { background:url(../images/flags/small/mt.gif) 10px center no-repeat; } .countries li.nl a, .countries li.nl.no-content { background:url(../images/flags/small/nl.gif) 10px center no-repeat; } .countries li.no a, .countries li.no.no-content { background:url(../images/flags/small/no.gif) 10px center no-repeat; } .countries li.pl a, .countries li.pl.no-content { background:url(../images/flags/small/pl.gif) 10px center no-repeat; } .countries li.pt a, .countries li.pt.no-content { background:url(../images/flags/small/pt.gif) 10px center no-repeat; } .countries li.ro a, .countries li.ro.no-content { background:url(../images/flags/small/ro.gif) 10px center no-repeat; } .countries li.sk a, .countries li.sk.no-content { background:url(../images/flags/small/sk.gif) 10px center no-repeat; } .countries li.si a, .countries li.si.no-content { background:url(../images/flags/small/si.gif) 10px center no-repeat; } .countries li.es a, .countries li.es.no-content { background:url(../images/flags/small/es.gif) 10px center no-repeat; } .countries li.se a, .countries li.se.no-content { background:url(../images/flags/small/se.gif) 10px center no-repeat; } .countries li.ch a, .countries li.ch.no-content { background:url(../images/flags/small/ch.gif) 10px center no-repeat; } #main-article .countries li.gb-eng, .article-related .countries li.gb-eng, #main-article .countries li.gb-nir, .article-related .countries li.gb-nir, #main-article .countries li.gb-sct, .article-related .countries li.gb-sct, #main-article .countries li.gb-wls, .article-related .countries li.gb-wls, #main-article .countries li.gb, .article-related .countries li.gb, #main-article .countries li.uk, .article-related .countries li.uk, .countries li.gb-eng .languages, .countries li.gb-nir .languages, .countries li.gb-sct .languages, .countries li.gb-wls .languages, .countries li.gb .languages, .countries li.uk .languages { display:none; } .countries li a:hover { text-decoration:underline; background-color:#FFF1B3; } .countries li a:focus { background-color:#FFF1B3; outline:none; } .countries.interactive-box li.no-content { background:none; padding:0; } .countries.interactive-box li.no-content>a { cursor:default; } .countries.interactive-box li.no-content>a:hover, .countries.interactive-box li.no-content>a:focus { background-color:unset; text-decoration:none; } } #main-content.nat-contacts { padding-left:0; padding-right:0; width:1140px; } #main-content.nat-contacts>div { margin-top:20px; } #main-content.nat-contacts::after { content:''; display:block; clear:both; } #main-content.nat-contacts ul { margin:0; padding:0; list-style-type:none; width:50%; float:left; } #main-content.nat-contacts ul.non-eu-countries { width:100%; padding-top:20px; margin:20px 0 40px 0; border-top:1px solid #004494; } #main-content.nat-contacts ul.non-eu-countries li { width:25%; float:left; } #main-content.nat-contacts .nat-contacts-column { float:left; width:50%; } #main-content.nat-contacts .nat-contacts-column:nth-child(1) ul:first-child li>*, #main-content.nat-contacts ul.non-eu-countries li:first-child>* { margin:0 30px 10px 0; } #main-content.nat-contacts .nat-contacts-column:nth-child(1) ul:last-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(2)>* { margin:0 20px 10px 10px; } #main-content.nat-contacts .nat-contacts-column:nth-child(2) ul:first-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(3)>* { margin:0 10px 10px 20px; } #main-content.nat-contacts .nat-contacts-column:nth-child(2) ul:last-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(4)>* { margin:0 0 10px 30px; } #main-content.nat-contacts li>* { display:block; vertical-align:middle; position:relative; height:34px; text-align:right; background-color:#F5F5F5; padding:10px 20px 10px 84px; border:1px solid #E3E3E3; line-height:34px; } #main-content.nat-contacts li>a { cursor:pointer; } #main-content.nat-contacts li>*>span { vertical-align:middle; line-height:17px; display:inline-block; } #main-content.nat-contacts li>span>span:first-child { display:none; } #main-content.nat-contacts li:not(.no-content)>a:hover { border-color:#004494; background-color:#004494; color:#FFFFFF; } #main-content.nat-contacts li:not(.no-content)>a:hover span, #main-content.nat-contacts li:not(.no-content) a:focus span { text-decoration:underline; } #main-content.nat-contacts li:not(.no-content)>a:hover::before { border-color:#FFFFFF; } #main-content.nat-contacts li:not(.no-content)>a:focus { border-color:#FFD617; outline:2px solid #FFD617; outline-offset:0; text-decoration:underline; } #main-content.nat-contacts li.gb, #main-content.nat-contacts li.uk { display:none; } #main-content.nat-contacts li.no-content a::before, #main-content.nat-contacts li.no-content span { opacity:0.25; filter:alpha(opacity=25); } #main-content.nat-contacts li.no-content a { background-color:#FFFFFF; border-color:#FFFFFF; cursor:auto; } #main-content.nat-contacts li>*::before, #main-content.nat-contact-page h1::after { content:''; display:block; height:32px; width:50px; position:absolute; border:1px solid #9F9F9F; top:10px; left:10px; } #main-content.nat-contacts li>* { padding-left:67px; } #main-content.nat-contact-page h1 { position:relative; padding-right:67px; } #main-content.nat-contact-page h1::after { left:auto; top:auto; right:0; bottom:26px; } .promo #main-article h3.lang::before { content:''; display:inline-block; height:32px; width:50px; border:1px solid #9F9F9F; margin-right:15px; vertical-align:middle; } #main-content.nat-contacts li.at>*::before, #main-content.nat-contact-page h1.at::after { background:url(../images/flags/medium/at.gif) 0 0 no-repeat; } #main-content.nat-contacts li.be>*::before, #main-content.nat-contact-page h1.be::after { background:url(../images/flags/medium/be.gif) 0 0 no-repeat; } #main-content.nat-contacts li.bg>*::before, #main-content.nat-contact-page h1.bg::after, .promo #main-article h3.bg::before { background:url(../images/flags/medium/bg.gif) 0 0 no-repeat; } #main-content.nat-contacts li.hr>*::before, #main-content.nat-contacts li.cr>*::before, #main-content.nat-contact-page h1.cr::after, #main-content.nat-contact-page h1.hr::after, .promo #main-article h3.hr::before { background:url(../images/flags/medium/hr.gif) 0 0 no-repeat; } #main-content.nat-contacts li.cy>*::before, #main-content.nat-contact-page h1.cy::after { background:url(../images/flags/medium/cy.gif) 0 0 no-repeat; } #main-content.nat-contacts li.cz>*::before, #main-content.nat-contact-page h1.cz::after, .promo #main-article h3.cs::before { background:url(../images/flags/medium/cz.gif) 0 0 no-repeat; } #main-content.nat-contacts li.dk>*::before, #main-content.nat-contact-page h1.dk::after, .promo #main-article h3.da::before { background:url(../images/flags/medium/dk.gif) 0 0 no-repeat; } #main-content.nat-contacts li.ee>*::before, #main-content.nat-contact-page h1.ee::after, .promo #main-article h3.et::before { background:url(../images/flags/medium/ee.gif) 0 0 no-repeat; } #main-content.nat-contacts li.fi>*::before, #main-content.nat-contact-page h1.fi::after, .promo #main-article h3.fi::before { background:url(../images/flags/medium/fi.gif) 0 0 no-repeat; } #main-content.nat-contacts li.fr>*::before, #main-content.nat-contact-page h1.fr::after, .promo #main-article h3.fr::before { background:url(../images/flags/medium/fr.gif) 0 0 no-repeat; } #main-content.nat-contacts li.de>*::before, #main-content.nat-contact-page h1.de::after, .promo #main-article h3.de::before { background:url(../images/flags/medium/de.gif) 0 0 no-repeat; } #main-content.nat-contacts li.el>*::before, #main-content.nat-contacts li.gr>*::before, #main-content.nat-contact-page h1.gr::after, .promo #main-article h3.el::before { background:url(../images/flags/medium/gr.gif) 0 0 no-repeat; } #main-content.nat-contacts li.hu>*::before, #main-content.nat-contact-page h1.hu::after, .promo #main-article h3.hu::before { background:url(../images/flags/medium/hu.gif) 0 0 no-repeat; } #main-content.nat-contacts li.is>*::before, #main-content.nat-contact-page h1.is::after { background:url(../images/flags/medium/is.gif) 0 0 no-repeat; } #main-content.nat-contacts li.ie>*::before, #main-content.nat-contact-page h1.ie::after { background:url(../images/flags/medium/ie.gif) 0 0 no-repeat; } #main-content.nat-contacts li.it>*::before, #main-content.nat-contact-page h1.it::after, .promo #main-article h3.it::before { background:url(../images/flags/medium/it.gif) 0 0 no-repeat; } #main-content.nat-contacts li.lv>*::before, #main-content.nat-contact-page h1.lv::after, .promo #main-article h3.lv::before { background:url(../images/flags/medium/lv.gif) 0 0 no-repeat; } #main-content.nat-contacts li.li>*::before, #main-content.nat-contact-page h1.li::after { background:url(../images/flags/medium/li.gif) 0 0 no-repeat; } #main-content.nat-contacts li.lt>*::before, #main-content.nat-contact-page h1.lt::after, .promo #main-article h3.lt::before { background:url(../images/flags/medium/lt.gif) 0 0 no-repeat; } #main-content.nat-contacts li.lu>*::before, #main-content.nat-contact-page h1.lu::after { background:url(../images/flags/medium/lu.gif) 0 0 no-repeat; } #main-content.nat-contacts li.mt>*::before, #main-content.nat-contact-page h1.mt::after, .promo #main-article h3.mt::before { background:url(../images/flags/medium/mt.gif) 0 0 no-repeat; } #main-content.nat-contacts li.nl>*::before, #main-content.nat-contact-page h1.nl::after, .promo #main-article h3.nl::before { background:url(../images/flags/medium/nl.gif) 0 0 no-repeat; } #main-content.nat-contacts li.no>*::before, #main-content.nat-contact-page h1.no::after { background:url(../images/flags/medium/no.gif) 0 0 no-repeat; } #main-content.nat-contacts li.pl>*::before, #main-content.nat-contact-page h1.pl::after, .promo #main-article h3.pl::before { background:url(../images/flags/medium/pl.gif) 0 0 no-repeat; } #main-content.nat-contacts li.pt>*::before, #main-content.nat-contact-page h1.pt::after, .promo #main-article h3.pt::before { background:url(../images/flags/medium/pt.gif) 0 0 no-repeat; } #main-content.nat-contacts li.ro>*::before, #main-content.nat-contact-page h1.ro::after, .promo #main-article h3.ro::before { background:url(../images/flags/medium/ro.gif) 0 0 no-repeat; } #main-content.nat-contacts li.sk>*::before, #main-content.nat-contact-page h1.sk::after, .promo #main-article h3.sk::before { background:url(../images/flags/medium/sk.gif) 0 0 no-repeat; } #main-content.nat-contacts li.si>*::before, #main-content.nat-contact-page h1.si::after, .promo #main-article h3.sl::before { background:url(../images/flags/medium/si.gif) 0 0 no-repeat; } #main-content.nat-contacts li.es>*::before, #main-content.nat-contact-page h1.es::after, .promo #main-article h3.es::before { background:url(../images/flags/medium/es.gif) 0 0 no-repeat; } #main-content.nat-contacts li.se>*::before, #main-content.nat-contact-page h1.se::after, .promo #main-article h3.sv::before { background:url(../images/flags/medium/se.gif) 0 0 no-repeat; } #main-content.nat-contacts li.ch>*::before, #main-content.nat-contact-page h1.ch::after { background:url(../images/flags/medium/ch.gif) 0 0 no-repeat; } #main-content.nat-contacts li.gb>*::before, #main-content.nat-contacts li.uk>*::before, #main-content.nat-contact-page h1.gb::after, .promo #main-article h3.en::before { background:url(../images/flags/medium/gb.gif) 0 0 no-repeat; } #main-content.nat-contact-page h3 { color:#004494; border-bottom:1px solid #004494; padding-bottom:4px; } #main-article { position:relative; } #main-article a.abbr { color:inherit; /* << BREXIT TEMP FIX // cursor:help; text-decoration:none; color:#404040; border-bottom:1px dashed #004494; white-space:nowrap; */ } #main-article a.abbr span { display:none } #main-article a.abbr span.tooltip { display:block; position:absolute; background-color:#004494; color:#FFFFFF; padding:5px 0 5px 10px; box-shadow:0 5px 10px 0 #9F9F9F; left:0; width:auto; max-width:850px; height:auto; } #main-article a.abbr span.tooltip::before { content:''; display:block; background-color:#004494; width:10px; height:10px; position:absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom:-5px; overflow:visible; left:50%; } #main-article a.abbr span.tooltip::after { content:''; display:inline-block; width:10px; height:10px; } #main-article a.abbr.highlighted { background-color:#BFD0E4; } /*#main-article a.abbr span { height: 1px; width: 1px; position: absolute; top: -10px; } #main-article a.abbr span.showed { display:block; background-color:#004494; color:#FFFFFF; width:auto; height:auto; padding:5px 0 5px 10px; border-right:10px solid #004494; border-radius:10px; box-shadow:0 0 10px 0 #9F9F9F; } #main-article a.abbr span.showed::after { content:''; background-color:#004494; width:10px; height:10px; position:absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom:-5px; overflow:visible; left:50%; }*/ /* TEMP */ .article-related{ border-top:1px solid #9F9F9F; padding:30px 0 20px 0; } #advice-content { display:none; padding:0 20px; background-color:#F5F5F5; border:1px solid #9F9F9F; } #advice-content.showing { display:block; } #nat-admin-content { display:none; } #nat-admin-content.showing { display:block; } #advice-content div, #advice-content>p{ font-style:normal; padding:18px 0 10px 0; border-bottom:1px solid #BDBDBD; margin:0; } #advice-content>p { padding-bottom:18px; } #advice-content div p{ font-style:normal; } #advice-content>*:last-child>div:last-child, #advice-content>div:last-child, #advice-content>p:last-child { border-bottom:none; } #advice-content a{ text-decoration:none; } #advice-content a:hover{ text-decoration:underline; } #advice-content a.external:hover{ padding-right:22px; background:url(../images/icons/external-link.png) right 0 no-repeat; } .article-related h3{ margin-top:0; } .article-related h4{ display:inline-block; margin:6px 0 17px 0; font-weight:normal; } .article-related ul li { position:relative; padding-left:22px; } .article-related ul li a{ text-decoration:none; } .article-related ul li::before { content:''; position:absolute; display:block; height:8px; width:8px; left:0; top:8px; background-color:#004494; } .article-related ul li a:hover{ text-decoration:underline; } .article-related ul li:hover::before{ background-color:#FFD617; } .article-related .static-content ul li::before, .article-related .static-content ul li:hover::before { display:none; } .article-related p { font-style:italic; } .article-related>div p { font-style:normal; } .article-related>div[data-service-name="Local Business Support"] { position:relative; padding-right:167px; margin:20px 0; } .article-related>div[data-service-name="Local Business Support"]::after { content:''; display:block; clear:both; } .article-related>div[data-service-name="Local Business Support"]>h4 { display:block; } .article-related>div[data-service-name="Local Business Support"]>a { position:absolute; right:0; bottom:0; } .article-related>div[data-service-name="Local Business Support"]>a>img[src*="een-logo.svg"] { width:147px; height:137px; } .related-column{ float:left; width:50%; } .related-button, .getstarted, .standard-form input[type="submit"], #late-payment-calculator input[type="submit"]{ display:inline-block; color:#FFFFFF; background-color:#73bdea; font-size:18px; line-height:18px; font-weight:bold; text-decoration:none; padding:15px 60px; border:none; cursor:pointer; margin:10px 0 15px 0; } #late-payment-calculator div:nth-last-child(2) { text-align:right; padding:0 16px 22px 16px; margin:0; } #late-payment-calculator input[type="submit"] { margin:0; } #late-payment-calculator div:last-child { border-top:1px solid #004494; background-color:#F5F5F5; color:#000000; margin-bottom:0; padding:22px 16px; display:none; } #late-payment-calculator div:last-child span:last-child { width:60%; position:absolute; display:block; max-width:none; right:16px; bottom:22px; } .calculator .standard-form input[type="submit"] { display:block; float:right; margin:30px 0 0 20px; } .standard-form input[type="submit"].clear-form { background-color:#9F9F9F; margin-left:0; } .related-button:hover, .related-button:focus, .getstarted:hover, .getstarted:focus, .standard-form input[type="submit"]:hover, .standard-form input[type="submit"]:focus, #late-payment-calculator input[type="submit"]:hover, #late-payment-calculator input[type="submit"]:focus { text-decoration:underline; background-color:#004494; } .related-button:focus, .getstarted:focus, .standard-form input[type="submit"]:focus, #late-payment-calculator input[type="submit"]:focus{ outline:3px solid #FFD617; outline-offset:0; } #main-article>h1 ~ a.related-button, #main-article>h1 ~ .toggle.brexit-title, #main-article>h1 ~ .toggle-content.brexit-text, #main-article p>a.corona { display:none; } .banner-button, .banner-box { display:block; text-decoration:none; font-size:18px; line-height:26px; font-weight:bold; padding:16px 52px 16px 20px; margin-bottom:24px; color:#004494; border:1px solid #9F9F9F; border-radius:6px; background-color:#F5F5F5; position:relative; } #home-banner-button>.banner-button, #home-banner-button>.banner-box { margin-top:24px; } a.banner-button:focus { border-color:#004494; outline:none; } .banner-button.important:hover, a.banner-button.important:focus, .banner-button.alert, .banner-box.important:hover, .banner-box.alert { background-color:#FFD617; border-color:#FFD617; color:#404040; } div.banner-button.important:hover>a, div.banner-button.important>a:focus, div.banner-box.important:hover>button, div.banner-box.important>button:focus, div.banner-button.alert>a, div.banner-box.alert>button { color:#404040; } a.banner-button.alert:hover, a.banner-button.alert:focus, div.banner-button.alert>a:hover, div.banner-button.alert>a:focus, div.banner-box.alert>button:hover, div.banner-box.alert>button:focus { text-decoration:underline; color:#000000; } a.banner-button.alert:focus { border-color:#000000; } a.banner-button::after, div.banner-button>a::after { content:''; position:absolute; top:-1px; bottom:-1px; right:-1px; background:url(../images/icons/menu-right.png) center center no-repeat; border-radius:0 6px 6px 0; width:53px; } a.banner-button:hover::after, div.banner-button>a:hover::after { background:#9F9F9F url(../images/icons/next-white.png) center center no-repeat; } a.banner-button:focus::after, div.banner-button>a:focus::after { background:#004494 url(../images/icons/next-white.png) center center no-repeat; } div.banner-button>a:hover::after { z-index:5; } div.banner-button>a:focus::after { z-index:6; } a.banner-button.important::after, a.banner-button.alert::after, div.banner-button.important>a::after, div.banner-button.alert>a::after { background:#FFD617 url(../images/icons/next-dark.png) center center no-repeat; border:1px solid #9F9F9F; width:52px; border-left:none; } a.banner-button.important:hover::after, a.banner-button.important:focus::after, a.banner-button.alert::after, div.banner-button.important>a:hover::after, div.banner-button.important:hover>a::after, div.banner-button.alert>a::after { border-color:#FFD617; } div.banner-button.important>a:focus::after { border:1px solid #404040; } a.banner-button.alert:hover::after, a.banner-button.alert:focus::after, div.banner-button.alert>a:hover::after { background:#FFD617 url(../images/icons/next-black.png) center center no-repeat; } a.banner-button.alert:focus::after { border-color:#000000; } div.banner-button.alert>a:focus::after { background:#FFD617 url(../images/icons/next-black.png) center center no-repeat; border:1px solid #000000; } div.banner-button { font-size:16px; padding:10px 52px 10px 20px; } div.banner-box { font-size:16px; padding:0; } div.banner-button>a { text-decoration:none; display:inline-block; } div.banner-box>button { display:block; width:100%; background:none; border:none; font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; position:relative; text-align:left; cursor:pointer; } div.banner-box>button::after { content:''; position:absolute; right:-1px; background:url(../images/icons/menu-down.png) center center no-repeat; width:57px; } div.banner-box>button.showing::after { background:url(../images/icons/menu-up.png) center center no-repeat; } div.banner-box>button:first-child::after { border-radius:0 6px 0 0; top:-1px; bottom:-1px; } div.banner-box>button:nth-last-child(2)::after { border-radius:0 0 6px 0; top:-1px; bottom:-1px; } div.banner-box>button.showing:nth-last-child(2)::after { border-radius:0; } div.banner-box>button:hover::after { background:#9F9F9F url(../images/icons/select-down.png) center center no-repeat; } div.banner-box>button.showing:hover::after { background:#9F9F9F url(../images/icons/select-up.png) center center no-repeat; } div.banner-box>button:focus { outline:none; } div.banner-box>button:focus::after { background:#004494 url(../images/icons/select-down.png) center center no-repeat; } div.banner-box>button.showing:focus::after { background:#004494 url(../images/icons/select-up.png) center center no-repeat; } div.banner-box.important>button::after { background:#FFD617 url(../images/icons/down-dark.png) center center no-repeat; border:1px solid #9F9F9F; width:56px; border-left:none; } div.banner-box.important>button.showing::after { background:#FFD617 url(../images/icons/up-dark.png) center center no-repeat; border-bottom:1px dotted #9F9F9F; } div.banner-box.important>button:hover::after, div.banner-box.important:hover>button::after { border:none; right:0; } div.banner-box.important>button:hover::after, div.banner-box.important:hover>button::after, div.banner-box.alert>button::after { background:url(../images/icons/down-dark.png) center center no-repeat; } div.banner-box.important>button.showing:hover::after, div.banner-box.important:hover>button.showing::after, div.banner-box.alert>button.showing::after { background:url(../images/icons/up-dark.png) center center no-repeat; } div.banner-box.important>button:focus::after { border:1px solid #404040; right:-1px; background-color:#FFD617; z-index:6; } div.banner-box.alert>button::after { border-right:1px solid #FFD617; } div.banner-box.alert>button:hover::after, div.banner-box.alert>button:focus::after { background:url(../images/icons/down-black.png) center center no-repeat; } div.banner-box.alert>button.showing:hover::after, div.banner-box.alert>button.showing:focus::after { background:url(../images/icons/up-black.png) center center no-repeat; } div.banner-box.alert>button:focus::after { border:1px solid #000000; } div.banner-button>a:first-child { border-bottom:1px solid #9F9F9F; margin-bottom:5px; padding-bottom:5px; } div.banner-box>button { border-top:1px solid #9F9F9F; border-bottom:1px solid #9F9F9F; padding:8px 56px 8px 20px; margin-top:-1px; } div.banner-box>button:first-child { border-top:none; margin-top:0; } div.banner-box>button:nth-last-child(2) { border-bottom:none; } div.banner-box>button.showing { border-bottom:1px dotted #9F9F9F; } div.banner-box>button.showing:focus { border-bottom-style:solid; } div.banner-button.important>a:first-child:hover, div.banner-button.important:hover>a:first-child, div.banner-button.alert>a:first-child, div.banner-box.important>button:hover, div.banner-box.important:hover>button, div.banner-box.alert>button { border-color:#404040; } div.banner-box.alert>button { border-bottom-color:#FFD617; } div.banner-button>a:hover, div.banner-button>a:focus, div.banner-box>button:hover, div.banner-box>button:focus { text-decoration:underline; } div.banner-box.alert>button:focus { z-index:5; border-color:#000000; } div.banner-box>.banner-box-content { background-color:#FFFFFF; display:none; margin-bottom:1px; } div.banner-box.alert>.banner-box-content { background-color:#FFFAE1; } div.banner-box>.banner-box-content:last-child { border-radius:0 0 6px 6px; margin-bottom:0; } div.banner-box>.banner-box-content>ul { padding-left:0!important; margin:0!important; list-style-type:none!important; } div.banner-box>.banner-box-content>ul>li { margin:0!important; font-size:14px; } div.banner-box>.banner-box-content>ul>li>a { display:block; padding:8px 20px; border-bottom:1px dotted #E2E2E2; text-decoration:none; color:#404040; } div.banner-box.alert>.banner-box-content>ul>li>a { border-bottom:1px dotted #FFD617; color:#004494; } div.banner-box>.banner-box-content>ul>li:last-child>a { border-bottom:none; } div.banner-box>.banner-box-content>ul>li>a:hover { background-color:#F5F5F5; color:#004494; text-decoration:underline; } div.banner-box>.banner-box-content>ul>li>a:focus { background-color:#EBEBEB; color:#003776; text-decoration:underline; outline:none; } div.banner-box.alert>.banner-box-content>ul>li>a:hover { background-color:#FFF5C5; color:#003776; } div.banner-box.alert>.banner-box-content>ul>li>a:focus { background-color:#FFEB8B; color:#000000; } .standard-form input[type="submit"].clear-form:hover, .standard-form input[type="submit"].clear-form:focus{ background-color:#BDBDBD; } #feedback{ font-weight:bold; line-height:20px; cursor:pointer; display:block; margin:20px 0; padding:0; background:none; border:none; color:#004494; font-size:16px; } #feedback:focus{ outline:3px solid #FFD617; outline-offset:3px; } #feedback:hover{ text-decoration:underline; } #feedback::after{ content:''; background:url(../images/icons/menu-down.png) 0 0 no-repeat; display:inline-block; width:13px; height:11px; margin-left:8px; vertical-align:middle; } #feedback.showing::after{ background-image:url(../images/icons/menu-up.png); } #feedback-form{ display:none; padding:18px 0 30px 0; border-top:1px solid #E2E2E2; max-width:850px; } #feedback-form.showed{ display:block; } .standard-form label{ font-size:16px; line-height:24px; color:#404040; margin-bottom:8px; } .standard-form label.block{ font-weight:bold; } .standard-form .radio,.standard-form .checkbox{ display:inline-block; position:relative; margin:8px 20px 18px 0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .standard-form .checkbox{ margin:8px 0 18px 0; } .standard-form .radio input, .standard-form .checkbox input { position:absolute; opacity:0; left:-9999px; } .standard-form .radio-mark, .standard-form .check-mark{ position:relative; display:inline-block; vertical-align:middle; height:20px; width:20px; background-color:#F5F5F5; border:1px solid #404040; } .standard-form .radio input.error ~ .radio-mark, .standard-form .radio input.error ~ .check-mark { height:18px; width:18px; background-color:#F5F5F5; border:2px solid #DA2130; } .standard-form .radio-mark{ border-radius:50%; margin-left:8px; } .standard-form .check-mark{ margin-right:8px; border-radius:5px; } .standard-form .radio:hover input ~ .radio-mark, .standard-form .checkbox:hover input ~ .check-mark{ background-color:#FFFFFF; height:16px; width:16px; border:3px solid #FFD617; } .standard-form .radio:hover input:checked ~ .radio-mark, .standard-form .checkbox:hover input:checked ~ .check-mark { height:20px; width:20px; } .standard-form .radio input:checked ~ .radio-mark, .standard-form .checkbox input:checked ~ .check-mark{ background-color:#004494; border:1px solid #004494; height:20px; width:20px; } .standard-form .radio-mark::after, .standard-form .check-mark::after{ content:''; position:absolute; display:none; } .standard-form .radio input:checked ~ .radio-mark::after, .standard-form .checkbox input:checked ~ .check-mark::after{ display: block; } .standard-form .radio .radio-mark::after{ top:6px; left:6px; width:8px; height:8px; border-radius:50%; background-color:#FFFFFF; } .standard-form .checkbox .check-mark::after { top:3px; right:4px; width:12px; height:12px; background:url(../images/icons/check-mark.png) no-repeat; } .standard-form textarea, .standard-form input[type="text"], .epc-simulator select, .standard-form select, .epc_simulator_body select, #late-payment-calculator select, #late-payment-calculator input[type="text"]{ display:block; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:auto; border:1px solid #404040; padding:6px 12px; font-size:16px; line-height:22px; margin-bottom:18px; } .standard-form textarea:disabled, .standard-form input[type="text"]:disabled, .standard-form select:disabled, .epc_simulator_body select:disabled { background-color:#FFFFFF; color:#404040; } .standard-form select, .epc_simulator_body select, #late-payment-calculator select{ height:36px; padding:6px 8px; } .standard-form textarea{ resize:none; font-family:Arial, Helvetica, sans-serif; } .standard-form textarea:focus, .standard-form textarea.error:focus, .standard-form input[type="text"]:focus, .standard-form input[type="text"].error:focus, .standard-form select:focus, .standard-form select.error:focus, .epc_simulator_body select:focus, #late-payment-calculator select:focus, #late-payment-calculator input[type="text"]:focus, #late-payment-calculator select.error:focus, #late-payment-calculator input[type="text"].error:focus { outline:3px solid #FFD617; border:1px solid #FFD617; outline-offset:0; text-decoration:none; padding:6px 12px; } .standard-form select:focus, .standard-form select.error:focus, .epc_simulator_body select:focus, #late-payment-calculator select:focus, #late-payment-calculator select.error:focus { padding:6px 8px; } label.mandatory::after{ content:' *'; color:#DA2131; } p.mandatory::before{ content:'* '; color:#DA2131; } .standard-form .label-inlined, .epc_simulator_body .holder-home, .epc_simulator_body .holder-host, .epc_simulator_body .holder-profession, .epc_simulator_body .holder-purpose, .epc_simulator_body .holder-regime, #late-payment-calculator div, .parcels_simulator .holder-destination, .parcels_simulator .holder-home, .parcels_simulator .holder-product { display:block; position:relative; padding:6px 0; font-weight:bold; margin-bottom:18px; min-height:32px; } .epc_simulator_body .holder-home, .epc_simulator_body .holder-host, .epc_simulator_body .holder-profession, .epc_simulator_body .holder-purpose, .epc_simulator_body .holder-regime, #late-payment-calculator div, .parcels_simulator .holder-destination, .parcels_simulator .holder-home, .parcels_simulator .holder-product { margin-bottom:8px; padding:6px 16px; } .standard-form .label-inlined.full{ margin-bottom:8px; } .standard-form .label-inlined input[type="text"], .standard-form .radio-block, .standard-form select, .epc_simulator_body select, #late-payment-calculator select, #late-payment-calculator input[type="text"]{ position:absolute; top:0; right:0; width:60%; } .epc_simulator_body select, #late-payment-calculator select, #late-payment-calculator input[type="text"] { right:16px; } .standard-form .label-inlined .extra-info{ font-size:14px; font-weight:normal; font-style:italic; } .standard-form .label-inlined .label-text, .epc_simulator_body .holder-home label, .epc_simulator_body .holder-host label, .epc_simulator_body .holder-profession label, .epc_simulator_body .holder-purpose label, .epc_simulator_body .holder-regime label, #late-payment-calculator div span { display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:35%; } .standard-form .label-inlined.full .label-text { max-width:none; } .standard-form h3, .standard-form .label-title{ margin:30px 0 24px 0; padding-bottom:8px; border-bottom:1px solid #9F9F9F; } .standard-form .label-title{ display:block; font-size:22px; font-weight:bold; color:#404040; } .standard-form .hiding{ display:none; } .standard-form input[type="text"].error, .standard-form textarea.error, .standard-form select.error, #late-payment-calculator input[type="text"].error, #late-payment-calculator select.error { border:2px solid #DA2130; padding:5px 11px; } .standard-form select.error, #late-payment-calculator select.error { padding:5px 7px; } .standard-form input.datepicker { background:#FFFFFF url(../images/icons/calendar.gif) right center no-repeat; background-origin:content-box; } .ecl-pika-theme { border:1px solid #404040; } .ecl-pika-theme .pika-table { background-color:#FFFFFF; border-top:none; margin-bottom:0; } .ecl-pika-theme .pika-button { background-color:#EBEBEB; } .ecl-pika-theme .is-selected .pika-button { color:#FFFFFF; background-color:#004494; } .ecl-pika-theme .pika-table th { background:none; font-weight:normal; } .ecl-pika-theme .pika-table th, .ecl-pika-theme .pika-table td { border-bottom:none; border-right:none; line-height:1; } #chars-counter { font-size:14px; font-weight:normal; } /*travelling with pets form fix*/ #pet-origin-country select {position:static; width:100%;border: 1px solid #404040;color:#404040} #pet-origin-country .title {background-color: #004494;color: #FFFFFF;margin: 0;padding: 20px;font-size: 22px;line-height: 26px;font-weight: bold;} #pet-origin-country .select{background-color: #F5F5F5;padding: 18px 20px 1px 20px;color: #404040;text-decoration: none;border: 1px solid #BFBFBF;} /*feedback rating*/ .rating { width:160px; } .rating::after { clear:both; content: ''; display: block;} .rating span { float:right; position:relative; } .rating span input { position:absolute; top:0px; left:0px; opacity:0; } .rating span label { display:inline-block; width:30px; height:30px; margin-right:2px; background-image:url(../images/icons/star-o.svg); background-size: 30px 30px; } .rating span:hover ~ span label, .rating span:hover label, .rating span.checked label, .rating span.checked ~ span label { background-image:url(../images/icons/star.svg); } /* Feedback counting chars */ #suggestions.counted { margin-bottom:8px; } #suggestions-chars { text-align:right; font-size: 14px; line-height:14px; color:#404040; } #suggestions-chars.limit { color:#DA2131; } /* Parcels */ .parcels_simulator { border:1px solid #9F9F9F; background-color:#F5F5F5; padding:20px; margin:22px 0 14px 0; } #parcel-results { width:100%; display:none; } #parcel-results td, #parcel-results th{ width:50%; } /* EEN form */ .enquiryOk, .enquiryError, .standard-form .status, .standard-form .fail { display:none; } .enquiryOk, .standard-form .status { border:2px solid #467A39; background-color:#ECF1EB; } .enquiryError, .standard-form .fail { border:2px solid #DA2130; background-color:#FBE8EA; } .standard-form .status, .standard-form .fail { padding:16px; margin-bottom:20px; } .een-logo { display:block; float:right; margin-left:20px; } option[value='GB'], option[value='gb'], option[value='UK'], option[value='uk'] { display:none; } #share-page-label { font-size:18px; line-height:24px; color:#404040; margin-bottom:12px; } #share-page { padding:30px 0; border-top:1px solid #E2E2E2; } #share-page.home { padding-top:0; border-top:none; } #share-page ul li { display:inline-block; margin:0 3px 0 0; } #share-page ul li:last-child { margin-right:0; } #share-page ul li a { display:block; text-decoration:none; color:#FFFFFF; font-size:14px; line-height:40px; height:40px; width:70px; padding:0 20px 0 50px; border:1px solid #FFFFFF; } #share-page ul li a:hover, #share-page ul li a:focus { text-decoration:underline; } #share-page ul li a:focus { outline:3px solid #FFD617; } #sh-facebook { background:#334B77 url(../images/icons/sh-facebook.gif) 0 0 no-repeat; } #sh-facebook:hover, #sh-facebook:focus { background-color:#3B5998; } #sh-twitter { background:#1578B5 url(../images/icons/sh-twitter.gif) 0 0 no-repeat; } #sh-twitter:hover, #sh-twitter:focus { background-color:#1DA1F2; } #sh-googleplus { background:#A5382A url(../images/icons/sh-googleplus.gif) 0 0 no-repeat; } #sh-googleplus:hover, #sh-googleplus:focus { background-color:#DD4B39; } #sh-linkedin { background:#186C98 url(../images/icons/sh-linkedin.gif) 0 0 no-repeat; } #sh-linkedin:hover, #sh-linkedin:focus { background-color:#1385C8; } #sh-email { background:#135077 url(../images/icons/sh-email.gif) 0 0 no-repeat; } #sh-email:hover, #sh-email:focus { background-color:#1A6BA0; } #eu-ye-homepage-navigation .home { display:none; } #eu-ye-homepage-navigation>ul>li { float:left; width:264px; margin-right:28px; padding-top:16px; } #eu-ye-homepage-navigation>ul>li>a { display:block; text-decoration:none; padding:14px 0; border-bottom:3px solid #004494; font-size:22px; line-height:26px; } #eu-ye-homepage-navigation>ul>li>a:hover { border-bottom:3px solid #FFD617; } #eu-ye-homepage-navigation>ul>li>ul { list-style-type:none; padding:16px 0 23px 0; } #eu-ye-homepage-navigation>ul>li>ul>li { border-bottom:1px solid #E2E2E2; } #eu-ye-homepage-navigation>ul>li>ul>li>a { display:block; padding:8px 0; text-decoration:none; } #eu-ye-homepage-navigation>ul>li>ul>li>a:hover { text-decoration:underline; } #eu-ye-homepage-navigation>ul>li>ul>li>ul { display:none; } #eu-ye-homepage-navigation::after { content:''; display:block; clear:both; } /* Sitemap */ #main-content.sitemap .toggle-content { margin-bottom:0; } #main-content.sitemap #collapse-business.toggle-all, #main-content.sitemap #collapse-citizens.toggle-all { display:none; } #main-content.sitemap .toggle-all { display:block; float:right; position:relative; margin-top:16px; border:none; color:#004494; background-color:#ECECEC ; font-size:14px; line-height:14px; padding:8px 38px 8px 16px; border:none; cursor:pointer; border-radius:18px; border:3px solid #FFFFFF; } #main-content.sitemap .toggle-all:hover { background-color:#003776; color:#FFFFFF; } #main-content.sitemap .toggle-all:focus { outline:none; border-color:#FFD617; } #main-content.sitemap .toggle-all span { display:block; position:absolute; top:0; right:0; width:30px; height:30px; background-color:#E2E2E2; border-radius:50%; font-size:0; color:rgba(0,0,0,0); } #main-content.sitemap .toggle-all:hover span, #main-content.sitemap .toggle-all:focus span { background-color:#004494; } #main-content.sitemap #display-business.toggle-all span::before, #main-content.sitemap #display-citizens.toggle-all span::before, #main-content.sitemap .toggle-all span::after { content:''; display:block; background-color:#004494; position:absolute; } #main-content.sitemap #display-business.toggle-all span::before, #main-content.sitemap #display-citizens.toggle-all span::before { top:9px; left:14px; width:2px; height:12px; } #main-content.sitemap .toggle-all span::after { left:9px; top:14px; height:2px; width:12px; } #main-content.sitemap #display-business.toggle-all:focus span::before, #main-content.sitemap #display-citizens.toggle-all:focus span::before, #main-content.sitemap .toggle-all:focus span::after, #main-content.sitemap #display-business.toggle-all:hover span::before, #main-content.sitemap #display-citizens.toggle-all:hover span::before, #main-content.sitemap .toggle-all:hover span::after { background-color:#FFFFFF; } #main-content.sitemap .toggle-group { float:left; } #main-content.sitemap a.bold { font-weight:bold; } #main-content.sitemap ul { list-style-type:none; padding-left:0; } #main-content.sitemap ul>li>ul { margin:8px 0 16px 0; } #main-content.sitemap ul>li>a { display:inline-block; margin-left:34px; } #main-content.sitemap ul>li { position:relative; } #main-content.sitemap .open-section, #main-content.sitemap .no-child { display:block; position:absolute; top:0; left:0; width:20px; height:20px; background-color:#004494; border:none; cursor:pointer; } #main-content.sitemap .no-child { border-radius:50%; cursor:auto; background-color:#E2E2E2; } #main-content.sitemap ul>li>ul { margin-left:34px; } #main-content.sitemap .open-section.close::before, #main-content.sitemap .open-section::after { content:''; display:block; background-color:#FFFFFF; position:absolute; } #main-content.sitemap .open-section.close::before { top:4px; left:9px; width:2px; height:12px; } #main-content.sitemap .open-section::after { left:4px; top:9px; height:2px; width:12px; } #main-content.sitemap .open-section:hover { background-color:#FFD617; } #main-content.sitemap .open-section:hover::before, #main-content.sitemap .open-section:hover::after { background-color:#004494; } #main-content.sitemap .open-section:focus { outline:3px solid #004494; outline-offset:0; background-color:#FFD617; } #main-content.sitemap .open-section:focus::before, #main-content.sitemap .open-section:focus::after { background-color:#004494; } #main-article .whats-your-situation { margin:20px 0; } #main-article .whats-your-situation:nth-child(3) { margin-top:0; } #main-article ul.situation-list { list-style-type:none; margin:0; padding:0; border-bottom:5px solid #004494; } #main-article ul.situation-list li { display:inline-block; width:50%; padding:0; margin:0; } #main-article ul.situation-list li a { display:block; padding:16px 10px; margin:0; text-align:center; background-color:#F5F5F5; border:1px solid #9F9F9F; border-bottom:none; color:#004494; font-weight:bold; text-decoration:none; font-size:18px; line-height:26px; } #main-article ul.situation-list li a:hover { background-color:#EBEBEB; color:#003776; } #main-article ul.situation-list li a:focus { outline:none; border-color:#FFD617; background-color:#FFD617; color:#004494; } #main-article ul.situation-list.two-situations li:first-child a { margin-right:4px; } #main-article ul.situation-list.two-situations li:last-child a { margin-left:4px; } #main-article ul.situation-list li.current a { background-color:#004494; border:none; padding:17px 11px 16px 11px; color:#FFFFFF; } #main-article ul.situation-list li.current a:focus { outline:none; } .situation_title { display:none; } #main-article ul.options-list { list-style-type:none; font-size:0; padding-left:0; } #main-article ul.options-list>li { display:inline-block; margin-right:8px; } #main-article ul.options-list>li:last-child { margin-right:0; } #main-article ul.options-list>li>a { border-radius:6px; background-color:#004494; color:#FFFFFF; display:block; padding:5px 10px; text-decoration:none; } #main-article ul.options-list>li>a:hover { background-color:#003776; color:#FFFFFF; } #main-article ul.options-list>li>a:focus { outline:none; background-color:#FFD617; color:#000000; } #main-article .epc_simulator_body, #late-payment-calculator { border:3px solid #004494; border-top:none; margin-bottom:10px; } #late-payment-calculator { padding-top:22px; margin-bottom:30px; } #main-article .epc_simulator_body>h3:first-child, #main-article .app-title { background-color:#004494; color:#FFFFFF; margin:0; padding:20px; font-size:22px; line-height:26px; font-weight:bold; } #main-article .epc_simulator_body>*:nth-child(2) { margin-top:0; } #main-article .epc_simulator_body .hide { display:none; } #main-article .epc_simulator_body table { width:100%; background-color:#FFFFFF; border-color:#9F9F9F; border:none; } #main-article .epc_simulator_body table td { padding:0; border:none; } #main-article .epc_simulator_body table td .doc_name { padding:10px 20px; background:#9F9F9F url(../images/icons/select-down.png) no-repeat right center; background-origin:content-box; line-height:22px; color:#FFFFFF; border-bottom:1px solid #F5F5F5; font-weight:bold; } #main-article .epc_simulator_body table td.doc_open .doc_name { background-image:url(../images/icons/select-up.png); } #main-article .epc_simulator_body table td.doc_open .doc_name, #main-article .epc_simulator_body table tr:last-child td .doc_name { border-bottom:none; } #main-article .epc_simulator_body table tr:last-child td.doc_open { border-bottom:1px solid #9F9F9F; } #main-article .epc_simulator_body table td.doc_open .doc_info { padding:16px 20px; border-left:1px solid #9F9F9F; border-right:1px solid #9F9F9F; } #main-article #epc-simulator { padding-top:10px; } #main-article #epc-simulator>div{ position:relative; } #main-article #epc-simulator>div>div, #main-article .regulated-profession { padding:0 16px 16px 16px; color:#000000; background-color:#F5F5F5; } #main-article .regulated-profession, #main-article #holder-home-info { border-top:1px solid #004494; padding-top:16px; background-color:#F5F5F5; } #main-article #host-documents>*:first-child { margin-top:16px; } #main-article #host-documents>strong{ margin-top:16px; display:block; } #main-article .epc_simulator_body #host-fee { display:block; } #main-article .epc_simulator_body #host-fee>*:first-child { margin-top:8px; } #main-article .epc_simulator_body .fee_regions { display:block; line-height:22px; } #holder-home-info label:after, #holder-host-info label:after { content:' '; } #ye-language-selector { padding:40px 0 70px 0; } #ye-language-selector ul { float:left; width:50%; } #ye-language-selector ul:nth-child(1)>li { margin:0 15px 10px 20px; text-align:right; } #ye-language-selector ul:nth-child(2)>li { margin:0 20px 10px 15px; text-align:left; } #ye-language-selector ul>li>a { display:inline-block; background-color:#DFE8F2; border:1px solid #BFD0E4; color:#004494; line-height:47px; font-weight:bold; font-size:16px; text-decoration:none; position:relative; text-align:center; border-radius:6px; width:100%; max-width:360px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #ye-language-selector ul>li>a:hover { text-decoration:underline; border-color:#004494; background-color:#004494; color:#FFFFFF; } #ye-language-selector ul>li>a:focus { outline:none; background-color:#EFF4F9; border:2px solid #FFD617; line-height:45px; } #ye-language-selector ul>li>a:focus:hover { background-color:#FFD617; color:#000000; } #eu-ye-page-header.home #eu-breadcrumb { padding:15px 20px 16px 0; border-bottom:1px solid #80A1C9; } #eu-links-list>.centered::after, #eu-links-list #eu-contacts::after, #eu-links-list #eu-institutions::after { content:''; display:block; clear:both; } .ye-foot-note ol { list-style-type:decimal; list-style-position:outside; border-top:1px solid #9F9F9F; padding:20px 0 20px 20px; } .ye-foot-note ol li { font-size:14px; } /* Cookies banner #cookie-consent-banner { background-color:#BFD0E4!important; border-top:1px solid #000494!important; position:fixed!important; width:100%!important; bottom:0!important; z-index:999999!important; padding-top:0!important; padding-right:0!important; padding-left:0!important; padding-bottom:30px!important; font-family:Arial, Helvetica, sans-serif!important; } #cookie-consent-banner h2 { color:#003776!important; margin-top:22px!important; margin-right:auto!important; margin-bottom:14px!important; margin-left:auto!important; width:1140px!important; } #cookie-consent-banner p { font-size:18px!important; margin-right:auto!important; margin-left:auto!important; width:1140px!important; } #cookie-consent-banner .related-button { margin-bottom:0; } #cookie-consent-banner .centered .button-wrap:nth-last-child(2) { margin-right:20px; } #cookie-consent-banner .button-wrap { display:inline-block; } */ /* top search countries list */ ul.search-countries { display:none; position:absolute; top:43px; left:-1px; width:400px; max-height:280px; overflow-y:auto; z-index:9; background-color:#FFFFFF; border:1px solid #B3B4B5; border-top:none; } div.open ul.search-countries { display:block; } ul.search-countries li { margin-bottom:0; } ul.search-countries a { text-decoration:none; font-size:16px; line-height:34px; display:block; padding:0 10px 0 43px; border-bottom:1px solid #ECECEC; } ul.search-countries a:hover { background-color:#004494; color:#FFFFFF; border-color:#004494; } ul.search-countries a:focus { background-color:#FFD617; color:#000000; border-color:#FFD617; outline:none; } @media (max-width: 1180px) { #main-content { margin-left:20px; } } @media (min-width: 1024.1px) { #eu-ye-page-header, #footer-content, #ye-splash-navigation, #globan { min-width:1180px; } #eu-ye-page-header.home.business { background:#004494 url(../images/headers/business-header.jpg) center 0 no-repeat; } #eu-ye-page-header.home.citizens { background:#004494 url(../images/headers/citizens-header.jpg) center 0 no-repeat; } #eu-ye-page-header.home.business.fixed, #eu-ye-page-header.home.citizens.fixed { background:#004494; } #eu-ye-page-header.home h1 { color:#FFFFFF; font-weight:bold; height:96px; width:50%; padding:28px 0 27px 0; } /* HOMEPAGE HACK */ html[lang="lt"] body.business #eu-ye-page-header.home h1, html[lang="hu"] body.business #eu-ye-page-header.home h1, html[lang="de"] body.citizens #eu-ye-page-header.home h1, html[lang="fr"] body.citizens #eu-ye-page-header.home h1, html[lang="hr"] body.citizens #eu-ye-page-header.home h1, html[lang="it"] body.citizens #eu-ye-page-header.home h1, html[lang="lt"] body.citizens #eu-ye-page-header.home h1, html[lang="mt"] body.citizens #eu-ye-page-header.home h1, html[lang="pt"] body.citizens #eu-ye-page-header.home h1, html[lang="sl"] body.citizens #eu-ye-page-header.home h1, html[lang="fi"] body.citizens #eu-ye-page-header.home h1, html[lang="sv"] body.citizens #eu-ye-page-header.home h1 { width:60%; } html[lang="bg"] body.citizens #eu-ye-page-header.home h1, html[lang="es"] body.citizens #eu-ye-page-header.home h1, html[lang="hu"] body.citizens #eu-ye-page-header.home h1, html[lang="sk"] body.citizens #eu-ye-page-header.home h1 { width:65%; } html[lang="cs"] body.citizens #eu-ye-page-header.home h1, html[lang="el"] body.citizens #eu-ye-page-header.home h1 { width:70%; } #eu-ye-page-header.home .centered { position:relative; } #eu-ye-page-header.home.fixed .centered { position:static; } #eu-ye-page-header.home.fixed #eu-breadcrumb { padding:9px 0 11px 0; border-bottom:none; } #eu-ye-page-header.home.fixed h1 { display:none; } #eu-ye-page-header.section h1 { color:#FFFFFF; height:48px; padding:16px 0 17px 0; font-size:30px; } #eu-ye-page-header.section #eu-breadcrumb { padding:15px 0 16px 0; float:none; border-bottom:1px solid #80A1C9; } #eu-ye-page-header.section .centered { position:relative; } #eu-ye-page-header.section.fixed .centered { position:static; } #eu-ye-page-header.section.fixed #eu-breadcrumb { padding:9px 0 11px 0; border-bottom:none; } #eu-ye-page-header.section.fixed h1 { display:none; } /* Main navigation bar desktop configuration */ #eu-ye-navigation { height:55px; min-width:1180px; background-color:#F5F5F5; border-bottom:3px solid #E3E3E3; position:relative; } #eu-ye-navigation.home { display:none; } #eu-ye-navigation.fixed { position:fixed; left:0; top:37px; width:100%; z-index:9998; } #eu-ye-navigation>ul>li { display:block; float:left; } #eu-ye-navigation ul a.menu { position:relative; display:block; cursor:pointer; height:55px; font-size:14.4px; font-weight:bold; line-height:18px; text-decoration:none; overflow:hidden; padding:0 20px; border-bottom:3px solid #E3E3E3; } html[lang="de"] body.business #eu-ye-navigation ul li:not(.home) a.menu, html[lang="hu"] body.business #eu-ye-navigation ul li:not(.home) a.menu, html[lang="bg"] body.citizens #eu-ye-navigation ul li:not(.home) a.menu, html[lang="de"] body.citizens #eu-ye-navigation ul li:not(.home) a.menu, html[lang="nl"] body.citizens #eu-ye-navigation ul li:not(.home) a.menu { font-size:13px; } #eu-ye-navigation .centered { width:1140px !important; } #eu-ye-navigation a.menu.active, #eu-ye-navigation ul.fade a.menu.active:hover, #eu-ye-navigation ul:hover a.menu.active:hover { border-bottom:3px solid #003776; } #eu-ye-navigation ul.fade a.menu.active, #eu-ye-navigation ul:hover a.menu.active { border-bottom:3px solid #004494; } #eu-ye-navigation ul li.section-menu a.menu.group { padding-right:40px; } #eu-ye-navigation ul li.section-menu a.menu.external { padding-right:45px; } #eu-ye-navigation ul a.external::after { content:''; display:block; height:14px; width:16px; position:absolute; top:20px; right:20px; background:url(../images/icons/external-link.png) right center no-repeat; } #eu-ye-navigation ul a.external:hover::after { background:url(../images/icons/external-link-hover.png) right center no-repeat; } #eu-ye-navigation ul a.group::after, #eu-ye-navigation ul:hover a.group.active::after { content:''; display:block; height:9px; width:13px; position:absolute; top:23px; right:20px; background:url(../images/icons/menu-down.png) right center no-repeat; } #eu-ye-navigation ul a.group.open, #eu-ye-navigation ul.fade a.group.open, #eu-ye-navigation ul.fade a.group.open:hover { color:#003776; background-color:#EBEBEB; border-bottom:3px solid #EBEBEB; } #eu-ye-navigation ul a.group:hover::after, #eu-ye-navigation ul a.group.active::after, #eu-ye-navigation ul:hover a.group.active:hover::after { content:''; display:block; height:9px; width:13px; position:absolute; top:23px; right:20px; background:#EBEBEB url(../images/icons/active-down.png) right center no-repeat; } #eu-ye-navigation ul a.group.open::after, #eu-ye-navigation ul a.group.open:hover::after, #eu-ye-navigation ul:hover a.group.open::after, #eu-ye-navigation ul:hover a.group.open:hover::after { content:''; display:block; height:9px; width:13px; position:absolute; top:23px; right:20px; background:#EBEBEB url(../images/icons/active-up.png) right center no-repeat; } #eu-ye-navigation ul li.home a { font-size:0; color:#F5F5F5; background:url(../images/icons/home.gif) center 16px no-repeat; padding:0; } #eu-ye-navigation ul li.home a:hover, #eu-ye-navigation ul li.home a.active, #eu-ye-navigation ul:hover li.home a.active:hover { font-size:0; color:#EBEBEB; background:#EBEBEB url(../images/icons/home-active.gif) center 16px no-repeat; } #eu-ye-navigation ul:hover li.home a.active, #eu-ye-navigation ul.fade li.home a.active { font-size:0; color:#F5F5F5; background:url(../images/icons/home.gif) center 16px no-repeat; padding:0; } #eu-ye-navigation ul li.eu-ye-toggle-menu { display:none; } #eu-ye-navigation ul li.section-menu { visibility:hidden; } body.promo #eu-ye-navigation ul li.section-menu { visibility:visible; } body.promo #eu-ye-navigation ul li.section-menu>a { padding-top:18px; height:18px; padding-bottom:19px; } /* Main navigation panel desktop configuration */ #eu-ye-navigation ul ul { display:none; visibility:visible; position:absolute; z-index:1; left:0; top:58px; padding:0 0 11px 0; background-color:#EBEBEB; border-bottom:3px solid #003776; } #eu-ye-navigation ul ul li:first-child { display:block; } #eu-ye-navigation ul ul h2>a:hover { border-left:3px solid #004494; padding-left:19px; } #eu-ye-navigation ul ul li a { display:block; padding:6px 22px; color:#003776; text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:50%; } #eu-ye-navigation ul ul li a:hover { background-color:#FFD617; color:#004494; } #eu-ye-navigation ul ul li.active { z-index:999; } #eu-ye-navigation ul ul li.active a.submenu, #eu-ye-navigation ul ul li.active ul li.active a { font-weight:bold; } #eu-ye-navigation ul ul li.extra { position:relative; } #eu-ye-navigation ul ul li.extra ul { position:absolute; top:0; left:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:50%; padding:0; border:0; } #eu-ye-navigation ul ul li.extra a.submenu:hover { background:#FFD617 url(../images/icons/menu-right.png) right center no-repeat; background-origin:content-box; } #eu-ye-navigation ul ul li.extra.active a.submenu { padding:5px 22px 5px 21px; border:1px dotted #003776; border-right:none; } #eu-ye-navigation ul ul li.extra.active ul { display:block; border:1px dotted #003776; } #eu-ye-navigation ul ul li.extra.active ul a { padding:6px 21px; color:#003776; width:auto; } #eu-ye-navigation ul ul li.extra.active::before { content:''; position:absolute; display:block; width:1px; bottom:0; top:0; left:570px; background-color:#E3E3E3; z-index:999; } #eu-ye-navigation ul ul .centered:hover li.extra.active:hover ul a:hover, #eu-ye-navigation ul ul li.extra ul a:hover { border:none; position:relative; color:#004494; } #eu-ye-navigation ul ul li.extra ul a:hover::after { content:''; position:absolute; display:block; width:3px; height:100%; top:0; right:-1px; background-color:#004494; } #eu-ye-navigation ul ul .centered li.extra.active, #eu-ye-navigation ul ul .centered li.extra ul { background-color:#E3E3E3; } #eu-ye-navigation ul ul ul h3 { margin-top:0; } #eu-ye-navigation ul ul li.extra.active ul h3 a { padding-top:12px; } /* YE portals crossover buttons */ .fixed #switch-site { padding:11px 20px 10px 20px; font-size:14px; line-height:14px; } .fixed #switch-site:focus { padding:10px 19px 10px 19px; } #main-content { position:relative; z-index:0; } /* SDG */ #main-content.sdg { padding:0; width:1140px; } #main-content.tiny { padding-left:290px; padding-right:0; } #main-content.jump { margin-top:107px; } #main-content.section, #main-content.sitemap { padding-left:0; padding-right:0; width:1140px; } #main-content.section h1 { } #main-content.section h2 { margin:0; padding-top:16px; } #main-content.section h2 a { display:block; text-decoration:none; padding:14px 0; border-bottom:3px solid #004494; font-size:22px; line-height:26px; } #main-content.section h2 a:hover { border-bottom:3px solid #FFD617; } #main-content.section .topic { float:left; width:360px; margin-right:30px; } #main-content.section .topic ul { list-style-type:none; padding:16px 0 23px 0; margin:0; } #main-content.section .topic ul li { border-bottom:1px solid #E2E2E2; } #main-content.section .topic ul li a { display:block; padding:8px 0; text-decoration:none; } #main-content.section .topic ul li a:hover { text-decoration:underline; } #main-content.section .topic:nth-child(3n+2) { margin-right:0; } #main-content.section .topic:nth-child(3n+3) { clear:left; } #eu-ye-homepage-navigation { min-width:1180px; } #eu-ye-homepage-navigation>ul>li:nth-child(3n+2) { margin-right:28px; } #eu-ye-homepage-navigation>ul>li:nth-child(3n+3) { clear:none; } #eu-ye-homepage-navigation>ul>li:nth-child(4n+1) { margin-right:0; } #eu-ye-homepage-navigation>ul>li:nth-child(4n+2) { clear:left; } #main-article { padding-bottom:36px; } #main-article .anchor { margin:0; display:inline; } #last-checked { position:absolute; right:0; top:30px; color:#767676; font-size:15px; font-style:italic; } #eu-links-list { background-color:#E3E3E3; border-top:6px solid #004494; padding:36px 0 19px 0; } #eu-links-list #eu-contacts { float:left; width:360px; padding-bottom:33px; margin-right:30px; } #eu-links-list #eu-contacts>div:first-child { padding-bottom:63px; } #eu-links-list #eu-institutions { float:left; width:750px; padding-bottom:33px; } #eu-links-list .eu-links-list-title { font-size:18px; font-weight:normal; border-bottom:2px solid #BFBFBF; padding:12px 0; margin:0; } #eu-links-list ul { padding-top:21px; width:360px; } #eu-links-list #eu-institutions ul { margin-right:30px; float:left; } #eu-links-list #eu-institutions ul:nth-last-child(2) { margin-right:0; } #eu-links-list li { line-height:1; padding-top:8px; } #eu-links-list li a { color:#004494; text-decoration:none; } #eu-links-list li a:hover { text-decoration:underline; } #eu-services-list { padding:7px 0 27px 0; background-color:#D9D9D9; } #eu-services-list ul { overflow:hidden; } #eu-services-list li { line-height:1; vertical-align:text-bottom; margin:0 28px 0 0; padding-top:20px; display:inline-block; white-space:nowrap; } #eu-services-list li:last-child { margin-right:0; } #eu-services-list li a { color:#003776; text-decoration:none; } #eu-services-list li a:hover { text-decoration:underline; } html[lang="hr"] #eu-ye-search .centered div { width:55%; } html[lang="lt"] #eu-ye-business .centered div, html[lang="hu"] #eu-ye-business .centered div, html[lang="de"] #eu-ye-citizens .centered div, html[lang="fr"] #eu-ye-citizens .centered div, html[lang="hr"] #eu-ye-citizens .centered div, html[lang="it"] #eu-ye-citizens .centered div, html[lang="lt"] #eu-ye-citizens .centered div, html[lang="mt"] #eu-ye-citizens .centered div, html[lang="pt"] #eu-ye-citizens .centered div, html[lang="sl"] #eu-ye-citizens .centered div, html[lang="fi"] #eu-ye-citizens .centered div, html[lang="sv"] #eu-ye-citizens .centered div { width:60%; } html[lang="bg"] #eu-ye-citizens .centered div, html[lang="es"] #eu-ye-citizens .centered div, html[lang="hu"] #eu-ye-citizens .centered div, html[lang="sk"] #eu-ye-citizens .centered div { width:65%; } html[lang="cs"] #eu-ye-citizens .centered div, html[lang="el"] #eu-ye-citizens .centered div { width:70%; } /*#cookie-consent-banner { min-width:1180px; }*/ } /* Responsive hacks */ /* Non full desktop format */ @media (max-width: 1024px) { #eu-ye-navigation { display:none; position:absolute; z-index:9996; width:421px; max-width:100%; overflow:auto; } #eu-ye-navigation.fixed { position:fixed; top:49px; } #eu-ye-navigation.display { display:block; } #eu-ye-navigation ul.centered { margin:0; background:#F5F5F5; border-bottom:3px solid #004494; } #eu-ye-navigation ul li.home, #eu-ye-navigation ul li.section-menu { border-bottom:1px solid #E3E3E3; } #eu-ye-navigation ul a.menu { display:block; cursor:pointer; font-size:14px; font-weight:bold; line-height:15px; text-decoration:none; overflow:hidden; padding:17px 20px; } #eu-ye-navigation a.menu.active, #eu-ye-navigation ul.fade a.menu.active, #eu-ye-navigation ul:hover a.menu.active, #eu-ye-navigation ul.fade a.menu.active:hover, #eu-ye-navigation ul:hover a.menu.active:hover { padding-left:15px; } #eu-ye-navigation .centered { width:100%; margin:0; } #eu-ye-navigation ul .centered { max-width:416px; } #eu-ye-navigation ul a.menu:hover, #eu-ye-navigation ul a.menu:focus { text-decoration:underline; } #eu-ye-navigation a.menu.active, #eu-ye-navigation ul.fade a.menu.active.open, #eu-ye-navigation ul.fade a.menu.active:hover, #eu-ye-navigation ul:hover a.menu.active:hover { border-left:5px solid #003776; color:#003776; } #eu-ye-navigation ul.fade a.menu.active, #eu-ye-navigation ul:hover a.menu.active { border-left:5px solid #004494; color:#004494; } #eu-ye-navigation ul a.group.open, #eu-ye-navigation ul.fade a.group.open, #eu-ye-navigation ul.fade a.group.open:hover { color:#003776; background-color:#E3E3E3; position:relative; } #eu-ye-navigation a.menu.active:focus, #eu-ye-navigation ul.fade a.menu.active:hover:focus, #eu-ye-navigation ul:hover a.menu.active:hover:focus, #eu-ye-navigation ul a.menu:focus, #eu-ye-navigation ul a.group.open:focus, #eu-ye-navigation ul.fade a.group.open:focus, #eu-ye-navigation ul.fade a.group.open:hover:focus { background-color:#FFD617; text-decoration:none; } #eu-ye-navigation ul a.group.open::after, #eu-ye-navigation ul.fade a.group.open::after, #eu-ye-navigation ul.fade a.group.open:hover::after { content:''; display:block; width:16px; height:13px; position:absolute; top:18px; right:19px; background:url(../images/icons/close-sub.gif) no-repeat; } #eu-ye-navigation ul a.group.open:focus::after, #eu-ye-navigation ul.fade a.group.open:focus::after, #eu-ye-navigation ul.fade a.group.open:hover:focus::after { background:url(../images/icons/close-sub-focus.gif) no-repeat; } #eu-ye-navigation ul ul { display:none; border-left:5px solid #E3E3E3; } #eu-ye-navigation ul ul ul { border-left:none; } #eu-ye-navigation ul ul li { max-width:416px; } #eu-ye-navigation ul ul li:first-child { display:none; } #eu-ye-navigation ul ul li a { color:#003776; display:block; cursor:pointer; font-size:14px; line-height:15px; border-top:1px solid #E3E3E3; background-color:#F5F5F5; text-decoration:none; overflow:hidden; padding:12px 20px 12px 35px; } #eu-ye-navigation ul ul li a:hover, #eu-ye-navigation ul ul li.extra a.submenu:hover, #eu-ye-navigation ul ul li.extra a.submenu.show-it:hover { text-decoration:underline; } #eu-ye-navigation ul ul li a:focus, #eu-ye-navigation ul ul li.extra ul a:focus, #eu-ye-navigation ul ul li.extra a.submenu:focus, #eu-ye-navigation ul ul li.extra a.submenu.show-it:focus { background-color:#FFD617; text-decoration:none; } #eu-ye-navigation ul ul li.active a.submenu, #eu-ye-navigation ul ul li.extra ul li.active a { font-weight:bold; } #eu-ye-navigation ul ul li.extra a.submenu { padding-right:45px; background:#F5F5F5 url(../images/icons/active-down-sub.png) right center no-repeat; } #eu-ye-navigation ul ul li.extra a.submenu.show-it { background:#F5F5F5 url(../images/icons/active-up-sub.png) right center no-repeat; } #eu-ye-navigation ul ul li.extra ul { display:none; } #eu-ye-navigation ul ul li.extra ul.showed { display:block; } #eu-ye-navigation ul ul li.extra ul a { padding-left:55px; background-color:#FFFFFF; } /* Intermediate behaviours */ #eu-ye-navigation.alternative ul a.menu, #eu-ye-navigation.alternative ul ul li a { border-right:1px solid #E3E3E3; } #eu-ye-homepage-navigation { padding:16px 0 32px 0; } #eu-ye-homepage-navigation>ul>li { width:100%; margin-right:0; padding-top:0; } #eu-ye-homepage-navigation>ul>li>a { border-bottom:2px solid #004494; font-size:20px; line-height:24px; background:url(../images/icons/active-down.png) no-repeat right center; padding-right:10px; background-origin:content-box; } #eu-ye-homepage-navigation>ul>li>a.open { background-image:url(../images/icons/active-up.png); } #eu-ye-homepage-navigation>ul>li>a:hover { border-bottom:2px solid #FFD617; } #eu-ye-homepage-navigation>ul>li>ul { display:none; padding:16px 0 0 0; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>a { background:url(../images/icons/active-down.png) no-repeat right center; padding-right:10px; background-origin:content-box; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>a.show-it { background-image:url(../images/icons/active-up.png); font-weight:bold; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>ul { border-left:1px solid #004494; margin-bottom:14px; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>ul>li { margin-bottom:0; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>ul>li>a { display:block; background-color:#F5F5F5; cursor:pointer; padding:7px 0 7px 20px; border-top:1px solid #FFFFFF; text-decoration:none; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>ul>li>a:hover { background-color:#E2E2E2; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>ul>li>a:focus { background-color:#FFD617; } #eu-ye-homepage-navigation>ul>li>ul>li.extra>ul>li:first-child>a { border-top:none; } #sdg-filter-panel { width:100%; margin-right:0; margin-bottom:0; } #sdg-filter-panel label.checkbox { width:auto; } .sdg #main-article { max-width:100%; } ul.search-countries { width:100%; max-height:245px; } } /* Specific for tablet/intermediate formats */ @media (min-width: 640.1px) and (max-width: 1024px) { #main-content.nat-contacts { padding-left:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; margin:0; padding:0 20px; } #main-content.nat-contacts ul { margin:0; padding:0; list-style-type:none; width:100%; float:left; } #main-content.nat-contacts ul.non-eu-countries { width:100%; padding-top:20px; margin-top:20px; border-top:1px solid #004494; position:relative; } #main-content.nat-contacts ul.non-eu-countries li { width:50%; float:none; } #main-content.nat-contacts ul.non-eu-countries li:nth-child(3) { position:absolute; right:0; top:20px; } #main-content.nat-contacts ul.non-eu-countries li:last-child { position:absolute; right:0; top:86px; } #main-content.nat-contacts .nat-contacts-column:nth-child(1) ul:first-child li>*, #main-content.nat-contacts ul.non-eu-countries li:first-child>*, #main-content.nat-contacts .nat-contacts-column:nth-child(1) ul:last-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(2)>* { margin:0 20px 10px 0; } #main-content.nat-contacts .nat-contacts-column:nth-child(2) ul:first-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(3)>*, #main-content.nat-contacts .nat-contacts-column:nth-child(2) ul:last-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(4)>* { margin:0 0 10px 20px; } .centered { width:auto; margin:0 20px; } #header-content { min-width:0; } #eu-institutions-link { float:right; } #eu-ye-header.sdg { padding:28px 0; } #eu-languages-toggle { right:0; } #eu-ye-search-tool { position:static; width:auto; padding:15px 0 5px 0; clear:both; border:none; } #eu-ye-search-tool div { border:1px solid #B3B4B5; } #eu-ye-page-header.home.business { background:#004494 url(../images/headers/business-header.jpg) center 0 no-repeat; } #eu-ye-page-header.home.citizens { background:#004494 url(../images/headers/citizens-header.jpg) center 0 no-repeat; } #eu-ye-page-header.home.business.fixed, #eu-ye-page-header.home.citizens.fixed { background:#004494; } #eu-ye-page-header.home { height:200px; } #eu-ye-page-header.home h1 { color:#FFFFFF; font-weight:bold; width:75%; padding:20px 0; position:absolute; left:20px; bottom:0; } #eu-ye-page-header.home.sdg h1 { padding:28px 0 27px 0; } #main-content.sdg-home { width:auto; } .sdg-home #main-article section { width:50%; } .sdg-home #main-article section:nth-child(4n-3) { padding-right:0; } .sdg-home #main-article section:nth-child(4n-2) { padding-right:0; } .sdg-home #main-article section:nth-child(4n-1) { padding-left:0; } .sdg-home #main-article section:nth-child(4n) { padding-left:0; } .sdg-home #main-article section:nth-child(4n+1) { clear:none; } .sdg-home #main-article section:nth-child(2n-1) { padding-right:14px; } .sdg-home #main-article section:nth-child(2n) { padding-left:14px; } .sdg-home #main-article section:nth-child(2n+1) { clear:left; } #eu-breadcrumb { display:none; } .sdg #eu-breadcrumb { display:block; } .splash #eu-breadcrumb { display:block; } #eu-ye-toggle-menu { display:inline-block; } .home #eu-ye-toggle-menu { display:none; } #eu-ye-navigation ul li:nth-last-child(3) { border-bottom:none; } #main-article{ padding-bottom:36px; } #main-article .anchor{ margin:0; display:inline; } #last-checked{ position:absolute; right:0; top:30px; color:#767676; font-size:15px; font-style:italic; } #eu-links-list { background-color:#E3E3E3; border-top:6px solid #004494; padding:36px 0 19px 0; } #eu-links-list #eu-contacts { padding-bottom:33px; } #eu-links-list #eu-contacts>div:first-child, #eu-links-list #eu-contacts>div:nth-child(2) { width:50%; float:left; } #eu-links-list #eu-institutions { clear:left; padding-bottom:33px; } #eu-links-list .eu-links-list-title { font-size:18px; font-weight:normal; border-bottom:2px solid #BFBFBF; padding:12px 0; margin:0 0 21px 0; } #eu-links-list #eu-contacts>div:first-child .eu-links-list-title, #eu-links-list #eu-contacts>div:first-child ul { margin-right:15px; } #eu-links-list #eu-contacts>div:nth-child(2) .eu-links-list-title, #eu-links-list #eu-contacts>div:nth-child(2) ul { margin-left:15px; } #eu-links-list #eu-institutions ul { width:50%; float:left; } #eu-links-list #eu-institutions ul:nth-child(3) li { padding-left:15px; } #eu-links-list li { line-height:1; padding-top:8px; } #eu-links-list li a { color:#004494; text-decoration:none; } #eu-links-list li a:hover { text-decoration:underline; } #eu-services-list { padding:7px 0 27px 0; background-color:#D9D9D9; } #eu-services-list ul { overflow:hidden; } #eu-services-list li { line-height:1; vertical-align:text-bottom; margin:0 24px 0 0; padding-top:20px; display:inline-block; white-space:nowrap; } #eu-services-list li:last-child { margin-right:0; } #eu-services-list li a { color:#003776; text-decoration:none; } #eu-services-list li a:hover { text-decoration:underline; } #main-content{ position:relative; z-index:0; } #main-content.jump { margin-top:49px; } #main-content.section { padding-left:0; width:auto; } #main-content.section h2 { margin:0; padding-top:16px; } #main-content.section h2 a { display:block; text-decoration:none; padding:14px 0; border-bottom:3px solid #004494; font-size:22px; line-height:26px; } #main-content.section h2 a:hover { border-bottom:3px solid #FFD617; } #main-content.section .topic { float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:14px; } #main-content.section .topic ul { list-style-type:none; padding:16px 0 23px 0; margin:0; } #main-content.section .topic ul li { border-bottom:1px solid #E2E2E2; } #main-content.section .topic ul li a { display:block; padding:8px 0; text-decoration:none; } #main-content.section .topic ul li a:hover { text-decoration:underline; } #main-content.section #main-article { padding-top:23px; } #main-content.section #main-article .topic:nth-child(2n) { padding-right:0; padding-left:14px; } #main-content.section #main-article .topic:nth-child(2n+1) { clear:left; } html[lang="hr"] #eu-ye-search .centered div { width:80%; } } /* Specific for spmartphone/smaller formats */ @media (max-width: 640px) { #ye-language-selector { padding:30px 0 50px 0; } #ye-language-selector ul { float:none; width:100%; } #ye-language-selector ul:nth-child(1)>li, #ye-language-selector ul:nth-child(2)>li { margin:0 15px 10px 15px; text-align:center; } #ye-language-selector ul>li>a { line-height:41px; font-size:14px; border-radius:4px; max-width:300px; } #ye-language-selector ul>li>a:focus { line-height:37px; } .ye-search-widget .ye-search-form input[type=text].shrunk { border-right:60px solid #FFFFFF; border-right:60px solid rgba(0,0,0,0); } .ye-search-widget .ye-search-form input[type=submit] { font-size:0; color:#ECECEC; width:60px; background:#ECECEC url(../images/search/design/magnifier-submit.png) no-repeat 17px 6px; } .ye-search-widget .ye-search-form input[type=submit]:focus, .ye-search-widget .ye-search-form input[type=text]:focus ~ input[type=submit] { background-position:17px 5px; width:61px; } .ye-search-widget.glued .ye-search-form input[type=submit]:focus, .ye-search-widget.glued .ye-search-form input[type=text]:focus ~ input[type=submit] { background-position:17px 6px; } .ye-search-widget .ye-search-form input[type=text]:focus ~ input[type=submit]:hover { background-position:17px 5px; } .ye-search-widget .ye-search-form input[type=submit]:hover { color:#004494; color:rgba(0,0,0,0); background-position:17px -44px; } .ye-search-widget .ye-search-form input[type=submit]:focus { color:#FFD617; color:rgba(0,0,0,0); background-position:17px 5px; } .ye-search-widget.toggle-content .ye-search-form input[type=submit]:hover { width:60px; } .ye-search-widget.toggle-content .ye-search-form input[type=submit], .ye-search-widget.toggle-content .ye-search-form input[type=submit]:focus { width:61px; } #main-content { margin-left:15px; } h1 { font-size:30px; padding:50px 0 20px 0; line-height:1; } .sdg h1 { font-size:40px; line-height:48px; } h2 { font-size:26px; line-height:30px; margin:24px 0 14px 0; } h3, #main-article .box .support-title { font-size:20px; line-height:24px; font-weight:bold; color:#404040; margin:22px 0 14px 0; } h4 { font-size:16px; font-weight:bold; color:#404040; margin:18px 0 12px 0; } h5 { font-size:14px; font-weight:bold; color:#004494; margin:16px 0 10px 0; } h6 { font-size:12px; font-weight:bold; color:#404040; margin:14px 0 8px 0; } p, li, dl { font-size:14px; color:#404040; line-height:21px; margin-bottom:7px; } table td, table th{ padding:5px 10px; font-size:14px; line-height:21px; } /*#eu-ye-page-header.open { position:fixed; left:0; bottom:0; width:100%; z-index:9997; min-height:37px; }*/ #eu-ye-page-header.home, .splash #eu-ye-page-header { position:relative; width:auto; z-index:auto; min-height:49px; } #eu-ye-navigation { position:fixed; left:0; top:49px; right:0; z-index:9998; width:100%; } #eu-ye-navigation-field { position:fixed; width:100%; height:3000px; background-color:rgba(0,55,118,0.5); top:49px; left:0; z-index:9995; display:none; } #eu-ye-navigation ul.centered { width:100%; max-width:421px; display:inline-block; vertical-align:bottom; border-bottom:3px solid #004494; } table.timeline tr:first-child td { padding-top:25px; } table.timeline td:first-child:after { top:13px; } table.timeline tr:first-child td:first-child:after { top:33px; } table.timeline td em { font-size:12px; line-height:18px; } .related-button { font-size:16px; line-height:16px; padding:10px 20px; } #ye_popup_content img { max-width:240px; } #ye_popup_content p { font-size:16px; line-height:22px; } #main-content.nat-contacts { padding-left:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; margin:0; padding:0 15px; } #main-content.nat-contacts ul { margin:0; padding:0; list-style-type:none; width:100%; float:left; } #main-content.nat-contacts ul li { font-size:16px; } #main-content.nat-contacts ul.non-eu-countries { width:100%; padding-top:20px; margin-top:20px; border-top:1px solid #004494; } #main-content.nat-contacts ul.non-eu-countries li { width:100%; float:none; } #main-content.nat-contacts .nat-contacts-column { float:none; width:100%; } #main-content.nat-contacts .nat-contacts-column:nth-child(1) ul:first-child li>*, #main-content.nat-contacts ul.non-eu-countries li:first-child>*, #main-content.nat-contacts .nat-contacts-column:nth-child(1) ul:last-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(2)>*, #main-content.nat-contacts .nat-contacts-column:nth-child(2) ul:first-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(3)>*, #main-content.nat-contacts .nat-contacts-column:nth-child(2) ul:last-child li>*, #main-content.nat-contacts ul.non-eu-countries li:nth-child(4)>* { margin:0 0 10px 0; } #main-content .toggle-content.countries, .static-content.countries{ position:relative; } #main-article .countries ul, .article-related .countries ul { width:50%; float:none; } #main-article .countries ul:nth-child(3), .article-related .countries ul:nth-child(3) { position:absolute; top:10px; right:9px; } #main-article .countries li.blank, .article-related .countries li.blank { height:16px; margin-bottom:16px; } .centered { width:auto; margin:0 15px; } #header-content { min-width:0; } #eu-main-navigation:before { border:none; top:0; left:0; background:url(../images/flags/eu-flag-corp-bg.gif) 0 0 no-repeat; } #eu-main-navigation a { font-size:13px; } #eu-europa-site { float:none; height:10px; font-size:10px; padding:6px 0 5px 0; margin:0; text-align:center; } #eu-europa-site a { font-size:10px; } #eu-institutions-link { float:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:30px; font-size:13px; padding:4px 0 7px 0; } #eu-ye-header { padding:16px 0; } #eu-ye-logo { height:48px; width:155px; } #eu-ye-logo img.normal { display:none; } #eu-ye-logo img.small { display:block; } #eu-languages-toggle { top:23px; right:0; padding:8px 36px 10px 10px; font-size:14px; } #eu-languages-toggle::after { top:7px; right:7px; height:22px; width:21px; font-size:10px; background:url(../images/icons/language-smaller.png) 0 0 no-repeat; } #eu-languages-menu { top:75px; } #eu-languages-menu a, #eu-languages-menu p { font-size:14px; } #eu-ye-search-tool { position:static; width:auto; padding:11px 0 4px 0; clear:both; border:none; } #eu-ye-search-tool div { border:1px solid #B3B4B5; padding-right:35px; } #eu-ye-search-tool input[type=text] { background-position:7px 6px; height:35px; font-size:14px; line-height:29px; padding:0 8px 0 30px; } #eu-ye-search-tool input[type=submit] { height:35px; width:35px; background-position:11px center; } #eu-ye-search-tool input[type=text]:focus + input[type=submit], #eu-ye-search-tool div.open input[type=submit] { background-position:11px center; } #eu-ye-search-tool div input[type=submit]:focus { background-position:11px center; } #eu-ye-search-tool div.open input[type=submit]:focus { background-position:11px center; } #eu-ye-page-header.home { height:200px; } #eu-ye-page-header.home.business { background:#004494 url(../images/headers/business-header-small.jpg) center 0 no-repeat; } #eu-ye-page-header.home.citizens { background:#004494 url(../images/headers/citizens-header-small.jpg) center 0 no-repeat; } #eu-ye-page-header.home.business.fixed, #eu-ye-page-header.home.citizens.fixed { background:#004494; } #eu-ye-page-header.home h1 { color:#FFFFFF; font-weight:bold; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:20px 30px 20px 15px; position:absolute; left:0; bottom:0; } #eu-ye-page-header.home.sdg h1 { padding:28px 15px 27px 15px; } #eu-breadcrumb { display:none; } .sdg #eu-breadcrumb { display:block; } .splash #eu-breadcrumb { display:block; } #eu-ye-toggle-menu { display:inline-block; } .home #eu-ye-toggle-menu { display:none; } #switch-site{ position:static; height:15px; line-height:15px; font-size:14px; padding:17px 20px; } /*#eu-ye-homepage-navigation>ul>li#switch-recipient>a#switch-site { border-bottom:none; font-weight:normal; font-size:20px; line-height:24px; height:24px; background:#FFD617; text-align:center; padding:14px 20px; }*/ #eu-ye-homepage-navigation>ul>li#switch-recipient { position:relative; height:49px; margin-top:32px; } #eu-ye-homepage-navigation>ul>li#switch-recipient>a#switch-site { display:none; border-bottom:none; position:absolute; right:0; top:0; background:#FFD617; color:#004494; font-weight:bold; font-size:16px; line-height:16px; height:16px; padding:17px 20px 16px 20px; text-decoration:none; text-align:center; } #eu-ye-homepage-navigation>ul>li#switch-recipient>a#switch-site:hover, #eu-ye-homepage-navigation>ul>li#switch-recipient>a#switch-site:focus { text-decoration:underline } #eu-ye-homepage-navigation>ul>li#switch-recipient>a#switch-site:focus { padding:16px 19px 15px 19px; border:1px dotted #004494; } /*.home #switch-site{ position:absolute; height:15px; line-height:15px; font-size:14px; padding:17px 20px; }*/ #main-article{ padding-bottom:36px; } #main-article .anchor{ margin:0; display:inline; } #last-checked{ position:absolute; right:0; top:15px; color:#767676; font-size:14px; font-style:italic; } #main-content{ position:relative; z-index:0; } #main-content.jump { margin-top:49px; } #main-content.section { padding-left:0; width:auto; } #main-content.section h2 { margin:0; padding-top:12px; } #main-content.section h2 a { display:block; text-decoration:none; padding:14px 0; border-bottom:3px solid #004494; font-size:22px; line-height:26px; } #main-content.section h2 a:hover { border-bottom:3px solid #FFD617; } #main-content.section .topic ul { list-style-type:none; padding:12px 0 0 0; margin:0; } #main-content.section .topic ul li { border-bottom:1px solid #E2E2E2; } #main-content.section .topic ul li a { display:block; padding:8px 0; text-decoration:none; } #main-content.section .topic ul li a:hover { text-decoration:underline; } #main-content.section #main-article { padding-top:23px; } #eu-links-list { background-color:#E3E3E3; border-top:6px solid #004494; padding-bottom:30px; } #eu-links-list .eu-links-list-title { font-size:16px; font-weight:normal; border-bottom:2px solid #BFBFBF; padding:16px 0 8px 0; margin-bottom:15px; } #eu-links-list li { font-size:14px; line-height:15px; padding-top:4px; } #eu-links-list li a { color:#004494; text-decoration:none; } #eu-links-list li a:hover { text-decoration:underline; } #eu-services-list { padding:5px 0 25px 0; background-color:#D9D9D9; } #eu-services-list ul { overflow:hidden; } #eu-services-list li { font-size:15px; line-height:15px; vertical-align:text-bottom; margin:0 20px 0 0; padding-top:20px; display:inline-block; white-space:nowrap; } #eu-services-list li:last-child { margin-right:0; } #eu-services-list li a { color:#003776; text-decoration:none; } #eu-services-list li a:hover { text-decoration:underline; } #ye-follow-links { white-space:normal; } .standard-form .label-inlined input[type="text"], .standard-form .radio-block, .standard-form select, .epc_simulator_body select, #late-payment-calculator select, #late-payment-calculator input[type="text"]{ position:static; width:100%; margin-bottom:0; } .standard-form .label-inlined .label-text, .epc_simulator_body .holder-home label, .epc_simulator_body .holder-host label, .epc_simulator_body .holder-profession label, .epc_simulator_body .holder-purpose label, .epc_simulator_body .holder-regime label, #late-payment-calculator div span { max-width:none; margin-bottom:5px; } #late-payment-calculator div:last-child span:last-child { width:auto; position:static; text-align:right; } #late-payment-calculator input[type="submit"] { margin-top:8px; } .epc_simulator_body .holder-home, .epc_simulator_body .holder-host, .epc_simulator_body .holder-profession, .epc_simulator_body .holder-purpose, .epc_simulator_body .holder-regime{ padding:6px 10px; } .epc_simulator_body select { right:10px; } .standard-form .label-inlined { margin-bottom:8px; } .standard-form label.radio { margin-bottom:0; } .standard-form div.label-inlined { font-size:16px; } .een-logo { float:none; margin:20px 0; } #main-article ul.situation-list li a { font-size:16px; line-height:23px; padding:16px 5px; } #main-article ul.situation-list li.current a { padding:17px 6px 16px 6px; } #main-content.sdg-home { width:auto; } .sdg-home #main-article section { width:auto; float:none; text-align:center; } .sdg-home #main-article section:nth-child(4n-3) { padding-right:0; } .sdg-home #main-article section:nth-child(4n-2) { padding-right:0; } .sdg-home #main-article section:nth-child(4n-1) { padding-left:0; } .sdg-home #main-article section:nth-child(4n) { padding-left:0; } .sdg-home #main-article section:nth-child(4n+1) { clear:none; } .sdg-result a { padding-right:0; } .sdg-result-rating { position:static; text-align:right; } /* Cookies banner #cookie-consent-banner { padding-bottom:30px; text-align:center; } #cookie-consent-banner h2 { color:#003776; margin:22px 0 14px 0; font-size: } #cookie-consent-banner p { font-size:16px; } #cookie-consent-banner .centered .button-wrap:nth-last-child(2) { margin-right:0; } #cookie-consent-banner .button-wrap { display:block; text-align:center; } */ .calculator .standard-form input[type="submit"] { display:block; float:none; margin:20px 0 0 0; width:100%; padding:15px 0; } #late-payment-submit { margin-top:40px; } #feedback-bar .standard-form label.radio { margin-bottom:18px; } div.banner-button, div.banner-box { font-size:14px; line-height:23px; } div.banner-box>.banner-box-content>ul>li { margin:0 0 4px 0!important; font-size:12px; line-height:21px; } div.banner-box>.banner-box-content>ul>li:last-child { margin:0!important; } ul.search-countries { top:36px; max-height:210px; } ul.search-countries a { font-size:14px; line-height:29px; display:block; padding:0 8px 0 33px; } .article-related>div[data-service-name="Local Business Support"] { padding-right:132px; margin:17px 0; } .article-related>div[data-service-name="Local Business Support"]>a>img[src*="een-logo.svg"] { width:117px; height:109px; } } @media (max-width: 480px) { #main-article .countries ul, .article-related .countries ul { width:100%; } #main-article .countries ul:nth-child(3), .article-related .countries ul:nth-child(3) { position:static; } .article-related>div[data-service-name="Local Business Support"] { padding-right:0; } .article-related>div[data-service-name="Local Business Support"]>a { position:static; display:inline-block; margin-bottom:10px; } } @media print { .toggle-content.brexit-text { display:none !important; } .toggle-content { display:block !important; } #eu-languages-toggle, #eu-languages-menu, #eu-ye-search-tool, #eu-ye-page-header, #eu-ye-navigation, #in-page-nav ul, #in-page-nav-title, .brexit-title, .brexit-text, .article-related, #footer-content, #share-page, .languages, .no-content, .toggle.countries, .short-name { display:none !important; } .countries { margin-bottom:8px; } .countries ul { list-style-type:none!important; display:inline; padding:0!important; margin:0 !important; } .countries ul li { list-style:none; display:inline; font-style:italic; } .countries ul li span:first-child:after { content:','; display:inline; margin:0; padding:none; } .countries ul:nth-last-child(2) li:last-child span:first-child:after { content:'.'; } table { width:100% !important; background:none; margin-bottom:16px; } #main-content a.abbr { border-bottom:none; } #main-content.jump { margin-top:0; } #last-checked { left:0; } body { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } }