CINXE.COM
Legal notices: Cookie policy - About Us - Publications Office of the EU
<!DOCTYPE html> <html class="ltr site-class-10530 page-class-legal-notices/cookie-policy layout-class-portal2012-about-us-navigation-layout" dir="ltr" lang="en-GB"> <head> <title>Legal notices: Cookie policy - About Us - Publications Office of the EU</title> <meta content="initial-scale=1.0, width=device-width" name="viewport"/> <meta content="10530" name="site-scope-id"/> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta content="The information on the Publications Office portal is using cookies. Read here to find our policy." lang="en-GB" name="description" /> <script type="text/javascript" src="/ruxitagentjs_ICANVfhqru_10303241106123517.js" data-dtconfig="app=ea7c4b59f27d43eb|cuc=mghsa7aw|mdl=mdcc2=20|mel=100000|featureHash=ICANVfhqru|dpvc=1|md=mdcc1=a#myPortal ^rb span.username-top,mdcc2=cINTEGRATION-ERROR|lastModification=1731516720247|mdp=mdcc2|tp=500,50,0|rdnt=1|uxrgce=1|agentUri=/ruxitagentjs_ICANVfhqru_10303241106123517.js|reportUrl=/rb_bf78637emx|rid=RID_1847818445|rpid=-2098822947|domain=europa.eu"></script><script type="importmap">{"imports":{"@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js"},"scopes":{}}</script><script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://op.europa.eu/o/op-portal-admin-theme/images/clay/icons.svg';Liferay.Icons.spritemap = 'https://op.europa.eu/o/OPPortalEE/images/clay/icons.svg';</script> <script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=en_GB&t=1732213191576&/o/frontend-js-jquery-web/jquery/jquery.min.js&/o/frontend-js-jquery-web/jquery/init.js&/o/frontend-js-jquery-web/jquery/ajax.js&/o/frontend-js-jquery-web/jquery/bootstrap.bundle.min.js&/o/frontend-js-jquery-web/jquery/collapsible_search.js&/o/frontend-js-jquery-web/jquery/fm.js&/o/frontend-js-jquery-web/jquery/form.js&/o/frontend-js-jquery-web/jquery/popper.min.js&/o/frontend-js-jquery-web/jquery/side_navigation.js" type="text/javascript"></script> <script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy" rel="canonical" /> <link data-senna-track="temporary" href="https://op.europa.eu/es/web/about-us/legal-notices/cookie-policy" hreflang="es-ES" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sv/web/about-us/legal-notices/cookie-policy" hreflang="sv-SE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/bg/web/about-us/legal-notices/cookie-policy" hreflang="bg-BG" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hr/web/about-us/legal-notices/cookie-policy" hreflang="hr-HR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lv/web/about-us/legal-notices/cookie-policy" hreflang="lv-LV" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/nl/web/about-us/legal-notices/cookie-policy" hreflang="nl-NL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/mt/web/about-us/legal-notices/cookie-policy" hreflang="mt-MT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hu/web/about-us/legal-notices/cookie-policy" hreflang="hu-HU" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/de/web/about-us/legal-notices/cookie-policy" hreflang="de-DE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/el/web/about-us/legal-notices/cookie-policy" hreflang="el-GR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/cs/web/about-us/legal-notices/cookie-policy" hreflang="cs-CZ" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/da/web/about-us/legal-notices/cookie-policy" hreflang="da-DK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ga/web/about-us/legal-notices/cookie-policy" hreflang="ga-IE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/et/web/about-us/legal-notices/cookie-policy" hreflang="et-EE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pl/web/about-us/legal-notices/cookie-policy" hreflang="pl-PL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fi/web/about-us/legal-notices/cookie-policy" hreflang="fi-FI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sk/web/about-us/legal-notices/cookie-policy" hreflang="sk-SK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/it/web/about-us/legal-notices/cookie-policy" hreflang="it-IT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lt/web/about-us/legal-notices/cookie-policy" hreflang="lt-LT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sl/web/about-us/legal-notices/cookie-policy" hreflang="sl-SI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pt/web/about-us/legal-notices/cookie-policy" hreflang="pt-PT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fr/web/about-us/legal-notices/cookie-policy" hreflang="fr-FR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ro/web/about-us/legal-notices/cookie-policy" hreflang="ro-RO" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy" hreflang="en-GB" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy" hreflang="x-default" rel="alternate" /> <meta property="og:description" content="The information on the Publications Office portal is using cookies. Read here to find our policy."> <meta property="og:locale" content="en_GB"> <meta property="og:locale:alternate" content="bg_BG"> <meta property="og:locale:alternate" content="es_ES"> <meta property="og:locale:alternate" content="cs_CZ"> <meta property="og:locale:alternate" content="da_DK"> <meta property="og:locale:alternate" content="de_DE"> <meta property="og:locale:alternate" content="et_EE"> <meta property="og:locale:alternate" content="el_GR"> <meta property="og:locale:alternate" content="en_GB"> <meta property="og:locale:alternate" content="fr_FR"> <meta property="og:locale:alternate" content="ga_IE"> <meta property="og:locale:alternate" content="hr_HR"> <meta property="og:locale:alternate" content="it_IT"> <meta property="og:locale:alternate" content="lv_LV"> <meta property="og:locale:alternate" content="lt_LT"> <meta property="og:locale:alternate" content="hu_HU"> <meta property="og:locale:alternate" content="mt_MT"> <meta property="og:locale:alternate" content="nl_NL"> <meta property="og:locale:alternate" content="pl_PL"> <meta property="og:locale:alternate" content="pt_PT"> <meta property="og:locale:alternate" content="ro_RO"> <meta property="og:locale:alternate" content="sk_SK"> <meta property="og:locale:alternate" content="sl_SI"> <meta property="og:locale:alternate" content="fi_FI"> <meta property="og:locale:alternate" content="sv_SE"> <meta property="og:site_name" content="About Us"> <meta property="og:title" content="Legal notices: Cookie policy - About Us - Publications Office of the EU"> <meta property="og:type" content="website"> <meta property="og:url" content="https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy"> <link href="https://op.europa.eu/o/OPPortalEE/images/favicon.ico" rel="apple-touch-icon" /> <link href="https://op.europa.eu/o/OPPortalEE/images/favicon.ico" rel="icon" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://op.europa.eu/o/OPPortalEE/css/clay.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732209498000" id="liferayAUICSS" rel="stylesheet" type="text/css" /> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh:%2Fo%2Fjournal-content-web%2Fcss%2Fmain.css&com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet:%2Fo%2Fproduct-navigation-user-personal-bar-web%2Fcss%2Fmain.css&t=1732209498000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="7d455190" /> <script type="text/javascript" data-senna-track="temporary"> // <![CDATA[ var Liferay = Liferay || {}; Liferay.Browser = { acceptsGzip: function() { return true; }, getMajorVersion: function() { return 7.0; }, getRevision: function() { return '7.0'; }, getVersion: function() { return '7.0'; }, isAir: function() { return false; }, isChrome: function() { return false; }, isEdge: function() { return false; }, isFirefox: function() { return false; }, isGecko: function() { return false; }, isIe: function() { return true; }, isIphone: function() { return false; }, isLinux: function() { return false; }, isMac: function() { return false; }, isMobile: function() { return false; }, isMozilla: function() { return false; }, isOpera: function() { return false; }, isRtf: function() { return true; }, isSafari: function() { return false; }, isSun: function() { return false; }, isWebKit: function() { return false; }, isWindows: function() { return true; } }; Liferay.Data = Liferay.Data || {}; Liferay.Data.ICONS_INLINE_SVG = true; Liferay.Data.NAV_SELECTOR = '#navigation'; Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse'; Liferay.Data.isCustomizationView = function() { return false; }; Liferay.Data.notices = [ ]; (function () { var available = {}; var direction = {}; available['en_GB'] = 'English\x20\x28United\x20Kingdom\x29'; direction['en_GB'] = 'ltr'; available['bg_BG'] = 'Bulgarian\x20\x28Bulgaria\x29'; direction['bg_BG'] = 'ltr'; available['es_ES'] = 'Spanish\x20\x28Spain\x29'; direction['es_ES'] = 'ltr'; available['cs_CZ'] = 'Czech\x20\x28Czechia\x29'; direction['cs_CZ'] = 'ltr'; available['da_DK'] = 'Danish\x20\x28Denmark\x29'; direction['da_DK'] = 'ltr'; available['de_DE'] = 'German\x20\x28Germany\x29'; direction['de_DE'] = 'ltr'; available['et_EE'] = 'Estonian\x20\x28Estonia\x29'; direction['et_EE'] = 'ltr'; available['el_GR'] = 'Greek\x20\x28Greece\x29'; direction['el_GR'] = 'ltr'; available['fr_FR'] = 'French\x20\x28France\x29'; direction['fr_FR'] = 'ltr'; available['ga_IE'] = 'Irish\x20\x28Ireland\x29'; direction['ga_IE'] = 'ltr'; available['hr_HR'] = 'Croatian\x20\x28Croatia\x29'; direction['hr_HR'] = 'ltr'; available['it_IT'] = 'Italian\x20\x28Italy\x29'; direction['it_IT'] = 'ltr'; available['lv_LV'] = 'Latvian\x20\x28Latvia\x29'; direction['lv_LV'] = 'ltr'; available['lt_LT'] = 'Lithuanian\x20\x28Lithuania\x29'; direction['lt_LT'] = 'ltr'; available['hu_HU'] = 'Hungarian\x20\x28Hungary\x29'; direction['hu_HU'] = 'ltr'; available['mt_MT'] = 'Maltese\x20\x28Malta\x29'; direction['mt_MT'] = 'ltr'; available['nl_NL'] = 'Dutch\x20\x28Netherlands\x29'; direction['nl_NL'] = 'ltr'; available['pl_PL'] = 'Polish\x20\x28Poland\x29'; direction['pl_PL'] = 'ltr'; available['pt_PT'] = 'Portuguese\x20\x28Portugal\x29'; direction['pt_PT'] = 'ltr'; available['ro_RO'] = 'Romanian\x20\x28Romania\x29'; direction['ro_RO'] = 'ltr'; available['sk_SK'] = 'Slovak\x20\x28Slovakia\x29'; direction['sk_SK'] = 'ltr'; available['sl_SI'] = 'Slovenian\x20\x28Slovenia\x29'; direction['sl_SI'] = 'ltr'; available['fi_FI'] = 'Finnish\x20\x28Finland\x29'; direction['fi_FI'] = 'ltr'; available['sv_SE'] = 'Swedish\x20\x28Sweden\x29'; direction['sv_SE'] = 'ltr'; Liferay.Language = { available, direction, get: function(key) { return key; } }; })(); var featureFlags = {"LPD-11018":false,"LPD-10964":false,"LPD-10887":false,"LPS-193884":false,"LPD-11218":false,"LPS-178642":false,"LPD-11253":false,"LPD-16469":false,"LPS-193005":false,"LPS-187284":false,"LPS-187285":false,"LPD-11377":false,"LPD-10562":false,"LPD-11179":false,"LPS-114786":false,"LPS-192957":false,"COMMERCE-8087":false,"LRAC-10757":false,"LPS-180090":false,"LPS-178052":false,"LPS-189856":false,"LPD-19465":false,"LPS-187436":false,"LPS-182184":false,"LPS-185892":false,"LPS-186620":false,"LPS-184404":false,"LPS-198183":false,"LPS-171364":false,"LPD-6378":false,"LPS-153714":false,"LPS-96845":false,"LPS-170670":false,"LPS-141392":false,"LPS-169981":false,"LPS-153839":false,"LPD-11165":false,"LPS-187793":false,"LPS-177027":false,"LPD-10793":false,"LPD-11003":false,"LPS-196847":false,"LPS-114700":false,"LPS-135430":false,"LPS-134060":false,"LPS-164563":false,"LPS-122920":false,"LPS-199086":false,"LPS-203351":false,"LPD-10588":false,"LPD-10862":false,"LPD-11313":false,"LPD-6368":false,"LPD-10701":false,"LPD-10703":false,"LPS-202104":false,"LPS-187142":false,"LPD-15596":false,"LPS-196935":true,"LPS-187854":false,"LPS-176691":false,"LPS-197909":false,"LPD-23210":false,"LPD-29516":false,"COMMERCE-8949":false,"LPS-165481":false,"LPS-153813":false,"LPS-174455":false,"LPD-10856":false,"COMMERCE-13024":false,"LPS-165482":false,"LPD-10855":false,"LPS-193551":false,"LPS-197477":false,"LPD-17965":false,"LPS-174816":false,"LPS-186360":false,"LPS-153332":false,"LPS-179669":false,"LPS-174417":false,"LPD-18730":false,"LPD-11147":false,"LPS-155284":false,"LRAC-15017":false,"LPD-19870":false,"LPS-200108":false,"LPS-159643":false,"LPS-161033":false,"LPS-164948":false,"LPD-11070":false,"LPS-188058":false,"LPS-129412":false,"LPS-169837":false,"LPD-20213":false}; Liferay.FeatureFlags = Object.keys(featureFlags).reduce( (acc, key) => ({ ...acc, [key]: featureFlags[key] === 'true' || featureFlags[key] === true }), {} ); Liferay.PortletKeys = { DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet', DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet', ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet' }; Liferay.PropsValues = { JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0, UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 50485760000 }; Liferay.ThemeDisplay = { getLayoutId: function() { return '197'; }, getLayoutRelativeControlPanelURL: function() { return '/en/group/about-us/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/en/web/about-us/legal-notices/cookie-policy'; }, getLayoutURL: function() { return 'https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy'; }, getParentLayoutId: function() { return '5'; }, isControlPanel: function() { return false; }, isPrivateLayout: function() { return 'false'; }, isVirtualLayout: function() { return false; }, getBCP47LanguageId: function() { return 'en-GB'; }, getCanonicalURL: function() { return 'https\x3a\x2f\x2fop\x2eeuropa\x2eeu\x2fen\x2fweb\x2fabout-us\x2flegal-notices\x2fcookie-policy'; }, getCDNBaseURL: function() { return 'https://op.europa.eu'; }, getCDNDynamicResourcesHost: function() { return ''; }, getCDNHost: function() { return ''; }, getCompanyGroupId: function() { return '10197'; }, getCompanyId: function() { return '10157'; }, getDefaultLanguageId: function() { return 'en_GB'; }, getDoAsUserIdEncoded: function() { return ''; }, getLanguageId: function() { return 'en_GB'; }, getParentGroupId: function() { return '10530'; }, getPathContext: function() { return ''; }, getPathImage: function() { return '/image'; }, getPathJavaScript: function() { return '/o/frontend-js-web'; }, getPathMain: function() { return '/en/c'; }, getPathThemeImages: function() { return 'https://op.europa.eu/o/OPPortalEE/images'; }, getPathThemeRoot: function() { return '/o/OPPortalEE'; }, getPlid: function() { return '6234383'; }, getPortalURL: function() { return 'https://op.europa.eu'; }, getRealUserId: function() { return '10161'; }, getRemoteAddr: function() { return '10.1.4.98'; }, getRemoteHost: function() { return '10.1.4.98'; }, getScopeGroupId: function() { return '10530'; }, getScopeGroupIdOrLiveGroupId: function() { return '10530'; }, getSessionId: function() { return ''; }, getSiteAdminURL: function() { return 'https://op.europa.eu/group/about-us/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; }, getSiteGroupId: function() { return '10530'; }, getURLControlPanel: function() { return '/en/group/control_panel?refererPlid=6234383'; }, getURLHome: function() { return 'https\x3a\x2f\x2fop\x2eeuropa\x2eeu\x2fweb\x2feu-law-and-publications\x2fhome'; }, getUserEmailAddress: function() { return ''; }, getUserId: function() { return '10161'; }, getUserName: function() { return ''; }, isAddSessionIdToURL: function() { return false; }, isImpersonated: function() { return false; }, isSignedIn: function() { return false; }, isStagedPortlet: function() { return false; }, isStateExclusive: function() { return false; }, isStateMaximized: function() { return false; }, isStatePopUp: function() { return false; } }; var themeDisplay = Liferay.ThemeDisplay; Liferay.AUI = { getCombine: function() { return true; }, getComboPath: function() { return '/combo/?browserId=ie&minifierType=&languageId=en_GB&t=1720444384268&'; }, getDateFormat: function() { return '%d/%m/%Y'; }, getEditorCKEditorPath: function() { return '/o/frontend-editor-ckeditor-web'; }, getFilter: function() { var filter = 'raw'; filter = 'min'; return filter; }, getFilterConfig: function() { var instance = this; var filterConfig = null; if (!instance.getCombine()) { filterConfig = { replaceStr: '.js' + instance.getStaticResourceURLParams(), searchExp: '\\.js$' }; } return filterConfig; }, getJavaScriptRootPath: function() { return '/o/frontend-js-web'; }, getPortletRootPath: function() { return '/html/portlet'; }, getStaticResourceURLParams: function() { return '?browserId=ie&minifierType=&languageId=en_GB&t=1720444384268'; } }; Liferay.authToken = 'ijs97pLO'; Liferay.currentURL = '\x2fen\x2fweb\x2fabout-us\x2flegal-notices\x2fcookie-policy'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy'; // ]]> </script> <script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=ie&minifierType=js&languageId=en_GB&t=1720444384268&', waitTimeout: 60000};</script><script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=ie&languageId=en_GB&minifierType=js" type="text/javascript"></script><script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=en_GB&t=1720444384268&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script> <script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://op.europa.eu/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://op.europa.eu/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://op.europa.eu/o/oauth2/introspect';}, getTokenURL: function() {return 'https://op.europa.eu/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script><script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='contacts-web@5.0.58/index';var MODULE_PATH='/o/contacts-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { contactscenter: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-contacts-center': { path: 'main.js', requires: [ 'aui-io-plugin-deprecated', 'aui-toolbar', 'autocomplete-base', 'datasource-io', 'json-parse', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-workflow-kaleo-designer-web@5.0.131/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { 'kaleo-designer': { base: MODULE_PATH + '/designer/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-kaleo-designer-autocomplete-util': { path: 'autocomplete_util.js', requires: ['autocomplete', 'autocomplete-highlighters'], }, 'liferay-kaleo-designer-definition-diagram-controller': { path: 'definition_diagram_controller.js', requires: [ 'liferay-kaleo-designer-field-normalizer', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-dialogs': { path: 'dialogs.js', requires: ['liferay-util-window'], }, 'liferay-kaleo-designer-editors': { path: 'editors.js', requires: [ 'aui-ace-editor', 'aui-ace-editor-mode-xml', 'aui-base', 'aui-datatype', 'aui-node', 'liferay-kaleo-designer-autocomplete-util', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-field-normalizer': { path: 'field_normalizer.js', requires: ['liferay-kaleo-designer-remote-services'], }, 'liferay-kaleo-designer-nodes': { path: 'nodes.js', requires: [ 'aui-datatable', 'aui-datatype', 'aui-diagram-builder', 'liferay-kaleo-designer-editors', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-remote-services': { path: 'remote_services.js', requires: ['aui-io'], }, 'liferay-kaleo-designer-templates': { path: 'templates.js', requires: ['aui-tpl-snippets-deprecated'], }, 'liferay-kaleo-designer-utils': { path: 'utils.js', requires: [], }, 'liferay-kaleo-designer-xml-definition': { path: 'xml_definition.js', requires: [ 'aui-base', 'aui-component', 'dataschema-xml', 'datatype-xml', ], }, 'liferay-kaleo-designer-xml-definition-serializer': { path: 'xml_definition_serializer.js', requires: ['escape', 'liferay-kaleo-designer-xml-util'], }, 'liferay-kaleo-designer-xml-util': { path: 'xml_util.js', requires: ['aui-base'], }, 'liferay-portlet-kaleo-designer': { path: 'main.js', requires: [ 'aui-ace-editor', 'aui-ace-editor-mode-xml', 'aui-tpl-snippets-deprecated', 'dataschema-xml', 'datasource', 'datatype-xml', 'event-valuechange', 'io-form', 'liferay-kaleo-designer-autocomplete-util', 'liferay-kaleo-designer-editors', 'liferay-kaleo-designer-nodes', 'liferay-kaleo-designer-remote-services', 'liferay-kaleo-designer-utils', 'liferay-kaleo-designer-xml-util', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/designer/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='dynamic-data-mapping-web@5.0.103/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { const LiferayAUI = Liferay.AUI; AUI().applyConfig({ groups: { ddm: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: LiferayAUI.getFilterConfig(), modules: { 'liferay-ddm-form': { path: 'ddm_form.js', requires: [ 'aui-base', 'aui-datatable', 'aui-datatype', 'aui-image-viewer', 'aui-parse-content', 'aui-set', 'aui-sortable-list', 'json', 'liferay-form', 'liferay-map-base', 'liferay-translation-manager', 'liferay-util-window', ], }, 'liferay-portlet-dynamic-data-mapping': { condition: { trigger: 'liferay-document-library', }, path: 'main.js', requires: [ 'arraysort', 'aui-form-builder-deprecated', 'aui-form-validator', 'aui-map', 'aui-text-unicode', 'json', 'liferay-menu', 'liferay-translation-manager', 'liferay-util-window', 'text', ], }, 'liferay-portlet-dynamic-data-mapping-custom-fields': { condition: { trigger: 'liferay-document-library', }, path: 'custom_fields.js', requires: ['liferay-portlet-dynamic-data-mapping'], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-editor-alloyeditor-web@5.0.48/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { alloyeditor: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-alloy-editor': { path: 'alloyeditor.js', requires: [ 'aui-component', 'liferay-portlet-base', 'timers', ], }, 'liferay-alloy-editor-source': { path: 'alloyeditor_source.js', requires: [ 'aui-debounce', 'liferay-fullscreen-source-editor', 'liferay-source-editor', 'plugin', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='exportimport-web@5.0.85/index';var MODULE_PATH='/o/exportimport-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { exportimportweb: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-export-import-export-import': { path: 'main.js', requires: [ 'aui-datatype', 'aui-dialog-iframe-deprecated', 'aui-modal', 'aui-parse-content', 'aui-toggler', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-state-web@1.0.21/index';var MODULE_PATH='/o/frontend-js-state-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { state: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/document-library-web@6.0.182/index';var MODULE_PATH='/o/document-library-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { dl: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'document-library-upload-component': { path: 'DocumentLibraryUpload.js', requires: [ 'aui-component', 'aui-data-set-deprecated', 'aui-overlay-manager-deprecated', 'aui-overlay-mask-deprecated', 'aui-parse-content', 'aui-progressbar', 'aui-template-deprecated', 'liferay-search-container', 'querystring-parse-simple', 'uploader', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-react-web@5.0.41/index';var MODULE_PATH='/o/frontend-js-react-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { react: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-js-components-web@2.0.67/index';var MODULE_PATH='/o/frontend-js-components-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { components: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='staging-processes-web@5.0.57/index';var MODULE_PATH='/o/staging-processes-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { stagingprocessesweb: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-staging-processes-export-import': { path: 'main.js', requires: [ 'aui-datatype', 'aui-dialog-iframe-deprecated', 'aui-modal', 'aui-parse-content', 'aui-toggler', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-search-web@6.0.133/index';var MODULE_PATH='/o/portal-search-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { search: { base: MODULE_PATH + '/js/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-search-date-facet': { path: 'date_facet.js', requires: ['aui-form-validator'], }, }, root: MODULE_PATH + '/js/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='calendar-web@5.0.93/index';var MODULE_PATH='/o/calendar-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { calendar: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-calendar-a11y': { path: 'calendar_a11y.js', requires: ['calendar'], }, 'liferay-calendar-container': { path: 'calendar_container.js', requires: [ 'aui-alert', 'aui-base', 'aui-component', 'liferay-portlet-base', ], }, 'liferay-calendar-date-picker-sanitizer': { path: 'date_picker_sanitizer.js', requires: ['aui-base'], }, 'liferay-calendar-interval-selector': { path: 'interval_selector.js', requires: ['aui-base', 'liferay-portlet-base'], }, 'liferay-calendar-interval-selector-scheduler-event-link': { path: 'interval_selector_scheduler_event_link.js', requires: ['aui-base', 'liferay-portlet-base'], }, 'liferay-calendar-list': { path: 'calendar_list.js', requires: [ 'aui-template-deprecated', 'liferay-scheduler', ], }, 'liferay-calendar-message-util': { path: 'message_util.js', requires: ['liferay-util-window'], }, 'liferay-calendar-recurrence-converter': { path: 'recurrence_converter.js', requires: [], }, 'liferay-calendar-recurrence-dialog': { path: 'recurrence.js', requires: [ 'aui-base', 'liferay-calendar-recurrence-util', ], }, 'liferay-calendar-recurrence-util': { path: 'recurrence_util.js', requires: ['aui-base', 'liferay-util-window'], }, 'liferay-calendar-reminders': { path: 'calendar_reminders.js', requires: ['aui-base'], }, 'liferay-calendar-remote-services': { path: 'remote_services.js', requires: [ 'aui-base', 'aui-component', 'liferay-calendar-util', 'liferay-portlet-base', ], }, 'liferay-calendar-session-listener': { path: 'session_listener.js', requires: ['aui-base', 'liferay-scheduler'], }, 'liferay-calendar-simple-color-picker': { path: 'simple_color_picker.js', requires: ['aui-base', 'aui-template-deprecated'], }, 'liferay-calendar-simple-menu': { path: 'simple_menu.js', requires: [ 'aui-base', 'aui-template-deprecated', 'event-outside', 'event-touch', 'widget-modality', 'widget-position', 'widget-position-align', 'widget-position-constrain', 'widget-stack', 'widget-stdmod', ], }, 'liferay-calendar-util': { path: 'calendar_util.js', requires: [ 'aui-datatype', 'aui-io', 'aui-scheduler', 'aui-toolbar', 'autocomplete', 'autocomplete-highlighters', ], }, 'liferay-scheduler': { path: 'scheduler.js', requires: [ 'async-queue', 'aui-datatype', 'aui-scheduler', 'dd-plugin', 'liferay-calendar-a11y', 'liferay-calendar-message-util', 'liferay-calendar-recurrence-converter', 'liferay-calendar-recurrence-util', 'liferay-calendar-util', 'liferay-scheduler-event-recorder', 'liferay-scheduler-models', 'promise', 'resize-plugin', ], }, 'liferay-scheduler-event-recorder': { path: 'scheduler_event_recorder.js', requires: [ 'dd-plugin', 'liferay-calendar-util', 'resize-plugin', ], }, 'liferay-scheduler-models': { path: 'scheduler_models.js', requires: [ 'aui-datatype', 'dd-plugin', 'liferay-calendar-util', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}</script> <script type="text/javascript" data-senna-track="temporary"> // <![CDATA[ // ]]> </script> <meta lang="en" content="http://publications.europa.eu/resource/authority/corporate-body/PUBL" name="author" /> <meta lang="en" content="&copy; European Union" name="COPYRIGHT" /> <meta lang="en" content="Publications Office of the European Union" name="DC.publisher" /> <meta lang="en" content="Website" name="DC.type" /> <meta lang="en" content="facebook.com/EULawandPublications" property="fb:admins" /> <meta lang="en" content="LUXEMBOURG" name="og:country-name" /> <meta lang="en" content="49.598918" property="og:latitude" /> <meta lang="en" content="6.131508" property="og:longitude" /> <meta lang="en" content="2417" property="og:postal-code" /> <meta lang="en" content="20, rue de Reims" property="og:street-address" /> <meta lang="en" content="summary" name="twitter:card" /> <meta lang="en" content="@EUPublications" name="twitter:creator" /> <meta lang="en" content="293993583" name="twitter:creator:id" /> <meta lang="en" content="http://op.europa.eu/en/web/about-us/legal-notices/cookie-policy" name="twitter:url" /> <meta content="en" name="DCSext.lang" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://op.europa.eu/o/OPPortalEE/css/main.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732209498000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> /*********** PREVIOUS CODE ***********/ .about-us .localnav .nav-menu ul a:focus, .newsletter .localnav .nav-menu ul a:focus{ color: #5499ff; text-decoration: underline; } #ec-widget-share-button a { background-image: none; border: 1px solid #cccccc !important; border-radius: 4px; color: #3366cc !important; display: inline; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; font-size: 13px !important; min-width: auto !important; padding: 0 4px !important; text-align: center; } #p_p_id_56_INSTANCE_63vBvluXvDOx_ { margin-left: 50px; margin-right: 50px; margin-top: 20px; } .emph{ font-weight: bold; } .centered { text-align: center; } .underlined { text-decoration: underline; } .stronger{ font-weight: bold; } .different{ font-weight: bold; font-size: large; text-align: center; } .centeredStrong{ font-weight: bold; text-align: center; } .centeredYellowRed{ text-align: center; color: red; background-color: yellow; } .limeRed{ color: red; background-color: lime; } .centeredStrongBigger{ font-weight: bold; text-align: center; font-size: 14px; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article dd > p, .OPPortalLayout .maincontent .single-maincontent .portlet-content .journal-content-article dd > p{ padding: 0 0 0 0; } .lessSpace { //margin-top: -25px; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article dd > ul, .OPPortalLayout .maincontent .single-maincontent .portlet-content .journal-content-article dd > ul { // padding-left: unset !important; } .OPPortalLayout .myportalwrapper .myportaltitle{ font-size:13px; } @media (min-width: 769px) { .navbar-collapse.navHeaderCollapse{ display: block; } } #headercontent .wtSearchButton a:link, #headercontent .wtSearchButton a:visited, #headercontent .wtSearchButton a:active{ font-size: 13px; color: #666666; } .customSideNavv{ position:sticky; } .customSideNavv li a { white-space: normal; } @media screen and (min-width: 992px) { #layout-column_maincontentarea { padding-right: 5%; } } /*********** NEW ***********/ /* Side menu space */ @media screen and (min-width: 992px) { aside#localnav.localnav { /*padding-right: 40px;*/ } } /* GRIDS */ .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-gap: 24px; } .grid-col { grid-template-columns: 1fr; } .grid-2col { grid-template-columns: 1fr 1fr; } .grid-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-gap-0 { grid-gap: 0px; } .grid-gap-16 { grid-gap: 16px; } .grid-gap-24 { grid-gap: 24px; } .grid-gap-32 { grid-gap: 32px; } .grid-gap-40 { grid-gap: 40px; } .grid-gap-48 { grid-gap: 48px; } .grid-gap-56 { grid-gap: 56px; } .grid-gap-64 { grid-gap: 64px; } @media screen and (min-width: 576px) { .grid-sm-col { grid-template-columns: 1fr; } .grid-sm-2col { grid-template-columns: 1fr 1fr; } .grid-sm-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-sm-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-sm-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-sm-0 { grid-gap: 0px; } .grid-gap-sm-16 { grid-gap: 16px; } .grid-gap-sm-24 { grid-gap: 24px; } .grid-gap-sm-32 { grid-gap: 32px; } .grid-gap-sm-40 { grid-gap: 40px; } .grid-gap-sm-48 { grid-gap: 48px; } .grid-gap-sm-56 { grid-gap: 56px; } .grid-gap-sm-64 { grid-gap: 64px; } } @media screen and (min-width: 768px) { .grid-md-col { grid-template-columns: 1fr; } .grid-md-2col { grid-template-columns: 1fr 1fr; } .grid-md-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-md-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-md-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-md-0 { grid-gap: 0px; } .grid-gap-md-16 { grid-gap: 16px; } .grid-gap-md-24 { grid-gap: 24px; } .grid-gap-md-32 { grid-gap: 32px; } .grid-gap-md-40 { grid-gap: 40px; } .grid-gap-md-48 { grid-gap: 48px; } .grid-gap-md-56 { grid-gap: 56px; } .grid-gap-md-64 { grid-gap: 64px; } } @media screen and (min-width: 992px) { .grid-lg-col { grid-template-columns: 1fr; } .grid-lg-2col { grid-template-columns: 1fr 1fr; } .grid-lg-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-lg-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-lg-0 { grid-gap: 0px; } .grid-gap-lg-16 { grid-gap: 16px; } .grid-gap-lg-24 { grid-gap: 24px; } .grid-gap-lg-32 { grid-gap: 32px; } .grid-gap-lg-40 { grid-gap: 40px; } .grid-gap-lg-48 { grid-gap: 48px; } .grid-gap-lg-56 { grid-gap: 56px; } .grid-gap-lg-64 { grid-gap: 64px; } } /* FONTS */ .maincontent p.p-op, ol.ol-op > li, ul.ul-op > li, a.a-op, .journal-content-article a.a-op, .portlet-body .journal-content-article p.p-op, ul.ul-op p, .heading-section, ol.ol-op li a, ul.ul-op li a { font-size: 1rem; line-height: 150% !important; } /*p.p-op > *,*/ p.p-op * { font-size: inherit !important; line-height: inherit!important; } .font-s, .font-s > * { font-size: 0.875rem !important; line-height: 125% !important; } .font-l, .font-l > * { font-size: 1.125rem !important; } .maincontent h1.h1-op, .maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op { line-height: 135% !important; } .maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op, .maincontent p.p-op, .maincontent ul.ul-op, .maincontent ol.ol-op, .maincontent li.li-op { color: #444444; } .maincontent h1.h1-op { font-size: 1.75rem !important; font-weight: bold; color: #132760 !important; margin-bottom: 1.212em; } .maincontent h2.h2-op { font-size: 1.313rem !important; font-weight: bold; margin-bottom: 1.66em; } .maincontent h3.h3-op { font-size: 1.125rem; font-weight: bold; margin-bottom: 1.2em; } .maincontent h4.h4-op { font-size: 1rem!important; margin-bottom: 1.1em; } .maincontent h1.h1-op, /*.maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op, */ { color: #132760 !important; } .line-below { border-bottom: 0.25rem solid; margin-top: -2rem; width: 35%; } .caption-text { color: #666666; font-size: 0.875rem !important; margin-bottom: 0.5em !important; } /* LISTS */ .maincontent ul.ul-op, .maincontent ol.ol-op { /*margin: 0;*/ } ol.ol-op > li, ul.ul-op > li { margin-bottom: 1rem; } ol.ol-op.feature { list-style: none; counter-reset: op; } ul.ul-op.bullet-none { list-style: none; padding: 0; margin: 0; } ol.ol-op.feature > li { counter-increment: op; display: flex; margin-bottom: 1.5rem; } ol.ol-op.feature > li::before { content: counter(op) " "; font-weight: bold; font-size: 1.5rem; margin-right: 1rem; background-color: #F5F5F5; padding: 1rem; } /* NON STRUCTURAL HEADINGS */ .heading-section { font-size: 1.125rem; color: #112250; margin-bottom: 0.444em; } /* In development .highlight-text-op { border-radius: 0.25rem; padding: 0.25rem 0.5rem; } .highlight-text-op.white { background-color: white; }*/ /* COLOURS */ .maincontent .light-blue-op { background-color: #F0F3F9; } .maincontent .light-grey-op { background-color: #F5F5F5; } .maincontent .white-op { background-color: #FFFFFF; } .maincontent .text-secondary-op { color: #666666; } .maincontent .text-helper-op { color: #757575 !important; } /* CONTAINERS */ .maincontent .card-op { position: relative; padding: 1rem; } /* Card feature */ .maincontent .card-feature { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-color: #FFFFFF; padding: 0.75rem; transition: all .2s ease-in-out; } .maincontent .card-feature div > img { width:100%; border-radius: 0.25rem; } .maincontent .card-feature div > a { font-size: 1rem !important; font-weight: bold; color: #3366CC; line-height: 140%; } .maincontent .card-feature div > a:hover { /*text-decoration: none !important;*/ } .maincontent .card-feature .name { font-size: 0.875rem; margin-top: 0.35rem; } .maincontent .card-feature:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* Card feature : END */ /* Card image text stack */ .maincontent .card-stack { position: relative; padding: 0rem; transition: all .2s ease-in-out; } .maincontent .card-stack div > img { width:100%; /*max-width: 295px;*/ /*border: 1px solid #DDDDDD;*/ } .maincontent .card-stack div > a { font-size: 1rem !important; font-weight: bold; color: #3366CC; line-height: 140%; } .maincontent .card-stack div > a:hover { text-decoration: none !important; } .maincontent .card-stack .content { font-size: 0.875rem; margin-top: 0.35rem; } .maincontent .card-stack .content > span { font-weight: bold; } .maincontent .card-stack p.content:nth-child(2) { margin-bottom: 0; } .maincontent .card-stack p.content:nth-child(3) { margin-top: 0; } .maincontent .card-stack:hover { /*outline: 1px solid #4D94FF;*/ } /* Card image text stack : END */ .maincontent .max-width-op { max-width: 175px !important; } .maincontent .section-op-sm, .maincontent .section-op { /*border: 1px dotted grey;*/ margin: 0; } .maincontent .section-op-sm { padding: 1.5rem 0 1.5rem 0; } .maincontent .section-op { padding: 2rem 0 2rem 0; } /* Card shadow */ .maincontent .card-shadow { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; } .maincontent .card-shadow:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* BUTTONS */ .maincontent a.btn-op { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: center; text-decoration: none!important; display: block; padding: 0.75rem 1rem; border-radius: 3px; } .maincontent a.btn-blue-outline-op { border: 1px solid #3366CC!important; color: #3366CC; background-color: transparent; } .maincontent a.btn-blue-outline-op:hover { background-color: #E7EDF9; } .maincontent a.btn-blue-fill-op { border: 1px solid #3366CC; color: #FFFFFF !important; background-color: #3366CC; } .maincontent a.btn-blue-fill-op:hover { background-color: #004494; } /* IMAGES */ .img-feature-round { border-radius: 50%; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -webkit-box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); /* Firefox 3.5 - 3.6 */ -moz-box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); } .img-feature-round-orange { box-sizing: border-box; border-radius: 50%; border: 0.25rem solid rgba(255, 153, 51); } .img-feature-round-sky { box-sizing: border-box; border-radius: 50%; border: 0.25rem solid rgba(0, 153, 204); } /* Support elements */ html { scroll-behavior: smooth; } .maincontent .hr-op { height: 1px; /*border: 1px 0 0 0; border-style: solid; border-color: #DDDDDD;*/ background-color: #DDDDDD; margin: 0; padding: 0; } /* Emulate Gap Support with Flexbox and Margins */ .emulated-flex-gap { --gap: 32px; display: inline-flex; flex-wrap: wrap; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap)); width: calc(100% + var(--gap)); } .emulated-flex-gap > * { margin: var(--gap) 0 0 var(--gap); } .see-outlines { border: 1px dotted black; } /* Support elements */ .section-hr { border-bottom: 1px solid #DDDDDD; } /* ICONS */ /* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"); */ /*********** Medium ***********/ @media screen and (min-width: 768px) { .flex-gap > div, .emulated-flex-gap > div { flex: 1; } /* CONTAINERS */ .maincontent .max-width-op { max-width: 350px !important; } /* LISTS */ ol.ol-op.feature > li::before { font-size: 2rem; margin-right: 1.5rem; padding: 2rem; } } /*********** Large ***********/ @media screen and (min-width: 992px) { .maincontent h1.h1-op { font-size: 2.063rem !important; } .maincontent h2.h2-op { font-size: 1.5rem !important; } .maincontent h3.h3-op { font-size: 1.25rem; } /* CONTAINERS */ .maincontent .card-op { padding: 1.5rem; } .maincontent .section-op-sm { padding: 2rem 0 2rem 0; } .maincontent .section-op { padding: 4rem 0 4rem 0; } /* Support elements */ } /*********** ANIMATIONS ***********/ @media screen and (max-width: 650px) { .js-scroll { opacity: 0; transition: opacity 500ms; } .js-scroll.scrolled { opacity: 1; } .scrolled.fade-in { animation: fade-in 1s ease-in-out both; } .scrolled.fade-in-bottom { animation: fade-in-bottom 1s ease-in-out both; } .scrolled.fade-in-top { animation: fade-in-top 0.4s ease-out both; } .scrolled.slide-left { animation: slide-in-left 1s ease-in-out both; } .scrolled.slide-in-right { animation: slide-in-right 0.40s ease-in-out both; } .scrolled.zoom-in { animation: zoom-in 0.4s ease-in-out both; } @keyframes zoom-in { 0% { -webkit-transform: scale(0.95); transform: scale(0.95) opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } </style> <style data-senna-track="temporary" type="text/css"> </style> <script data-senna-track="temporary">var Liferay = window.Liferay || {}; Liferay.CommerceContext = {"commerceAccountGroupIds":[],"accountEntryAllowedTypes":["person"],"commerceChannelId":"0","showUnselectableOptions":false,"currency":{"currencyId":"12770924","currencyCode":"USD"},"showSeparateOrderItems":false,"commerceSiteType":0};</script><link href="/o/commerce-frontend-js/styles/main.css" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> </style> <script type="text/javascript" data-senna-track="temporary"> if (window.Analytics) { window._com_liferay_document_library_analytics_isViewFileEntry = false; } </script> <script type="text/javascript"> Liferay.on( 'ddmFieldBlur', function(event) { if (window.Analytics) { Analytics.send( 'fieldBlurred', 'Form', { fieldName: event.fieldName, focusDuration: event.focusDuration, formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFieldFocus', function(event) { if (window.Analytics) { Analytics.send( 'fieldFocused', 'Form', { fieldName: event.fieldName, formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title:event.title } ); } } ); Liferay.on( 'ddmFormPageShow', function(event) { if (window.Analytics) { Analytics.send( 'pageViewed', 'Form', { formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFormSubmit', function(event) { if (window.Analytics) { Analytics.send( 'formSubmitted', 'Form', { formId: event.formId, title: event.title } ); } } ); Liferay.on( 'ddmFormView', function(event) { if (window.Analytics) { Analytics.send( 'formViewed', 'Form', { formId: event.formId, title: event.title } ); } } ); </script><script> </script> <script src="https://op.europa.eu/o/OPPortalEE/js/main.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/opportal/opportal.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/mainsearch.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/documentRating.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/twitterWidget.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script type="text/javascript"> AUI().use('aui-viewport'); AUI().use("node", function (navContent) { var node = navContent.one(".temporary"); var destinationNode = navContent.one(".font_btn_en"); try{ destinationNode.html(node.get("value").split("_")[0].toUpperCase()) }catch(e) {} }); </script> <script> var cl = document.querySelector('html').classList; cl.remove('no-js'); cl.add('has-js'); </script> <link rel="stylesheet" href="https://op.europa.eu/o/OPPortalEE/css/ecl-eu.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732209498000" media="screen" /> <script type="module" src="/webpub/webchat/WebchatScriptsLoader.js" site_language="en_GB"></script> <!--PORTAL-2200 BEGIN --> <script> window.cookie_notice_url = { "en": "https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy", "bg": "https://op.europa.eu/bg/web/about-us/legal-notices/cookie-policy", "cs": "https://op.europa.eu/cs/web/about-us/legal-notices/cookie-policy", "da": "https://op.europa.eu/da/web/about-us/legal-notices/cookie-policy", "de": "https://op.europa.eu/de/web/about-us/legal-notices/cookie-policy", "et": "https://op.europa.eu/et/web/about-us/legal-notices/cookie-policy", "el": "https://op.europa.eu/el/web/about-us/legal-notices/cookie-policy", "es": "https://op.europa.eu/es/web/about-us/legal-notices/cookie-policy", "fr": "https://op.europa.eu/fr/web/about-us/legal-notices/cookie-policy", "ga": "https://op.europa.eu/ga/web/about-us/legal-notices/cookie-policy", "hr": "https://op.europa.eu/hr/web/about-us/legal-notices/cookie-policy", "it": "https://op.europa.eu/it/web/about-us/legal-notices/cookie-policy", "lv": "https://op.europa.eu/lv/web/about-us/legal-notices/cookie-policy", "lt": "https://op.europa.eu/lt/web/about-us/legal-notices/cookie-policy", "hu": "https://op.europa.eu/hu/web/about-us/legal-notices/cookie-policy", "mt": "https://op.europa.eu/mt/web/about-us/legal-notices/cookie-policy", "nl": "https://op.europa.eu/nl/web/about-us/legal-notices/cookie-policy", "pl": "https://op.europa.eu/pl/web/about-us/legal-notices/cookie-policy", "pt": "https://op.europa.eu/pt/web/about-us/legal-notices/cookie-policy", "ro": "https://op.europa.eu/ro/web/about-us/legal-notices/cookie-policy", "sk": "https://op.europa.eu/sk/web/about-us/legal-notices/cookie-policy", "sl": "https://op.europa.eu/sl/web/about-us/legal-notices/cookie-policy", "fi": "https://op.europa.eu/fi/web/about-us/legal-notices/cookie-policy", "sv": "https://op.europa.eu/sv/web/about-us/legal-notices/cookie-policy" }; </script> <!--PORTAL-2200 END --> <script defer src="https://webtools.europa.eu/load.js?globan=1110"></script> </head> <body class="op-portal-theme ie change-tracking-enabled controls-visible yui3-skin-sam signed-out public-page site default-font-size pref-not-loaded"> <!-- script generated from theme--> <script type="application/json"> </script><script type="text/javascript">window.addEventListener("cck_all_accepted",function(n){var t={consents:({},{analytics:{status:1}})};ppms.cm.api("setComplianceSettings",t,function(n){console.log(n)})}),window.addEventListener("cck_technical_accepted",function(n){var t={consents:({},{analytics:{status:0}})};ppms.cm.api("setComplianceSettings",t,function(n){console.log(n)})});</script> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="//analytics.webanalytics.op.europa.eu/containers/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', '71d4e5e7-e988-4cad-9c83-9fe98d5c7cbb'); </script><script> </script> <script type="application/json">{ "utility": "cck", "url": "https://op.europa.eu/{lang}/web/about-us/legal-notices/cookie-policy" }</script> <div class="globan-parent"> <div id="globan-here"></div> </div> <div class="row m-0 p-0"> <div class="col-md-12 col-sm-12 m-0 p-0 portlet-column" id="environment-container" style="display: none;"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-3518673" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="3518671" data-analytics-asset-title="ISSN - Footer" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="3518673"> $InputBox.getData() <style type="text/css"> html.ltr:not(.site-class-5642886):not(.site-class-2895081):not(.site-class-11197864){ background-color: var(--gs-base-color-eu-blue-5); } html.ltr:not(.site-class-5642886):not(.site-class-2895081):not(.site-class-11197864) main#maincontent { min-height: auto; } .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible #environment-container, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible .globan-invalid-domain, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible #globan, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible .cadmin.control-menu-container, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible #environment-container, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible #maincontent, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible #header.header, .layout-class-portal2012-layout-isg body.has-control-menu.controls-visible #globalnav.globalnav{ position: relative !important; top: unset !important; margin-top: unset !important; } .layout-class-portal2012-layout-isg #environment-container, .layout-class-portal2012-layout-isg body.controls-hidden .globan-invalid-domain, .layout-class-portal2012-layout-isg body.controls-hidden .cadmin.control-menu-container, .layout-class-portal2012-layout-isg body.controls-hidden #environment-container{ display: none !important; } .portlet-journal-content .portlet .portlet-header{ left: 0; } .layout-class-portal2012-layout-isg .site-main-logo{ align-self: center; } .layout-class-portal2012-layout-isg #header.header.ecl-site-header > .row{ height: 67px; } .layout-class-portal2012-layout-isg #header.header.ecl-site-header > .row{ height: 67px; } .layout-class-portal2012-layout-isg #header.header.ecl-site-header #logo{ display: flex; } .layout-class-portal2012-layout-isg #header.header.ecl-site-header .gcss-op .ls-header-sitename-area, .layout-class-portal2012-layout-isg #header.header.ecl-site-header .site-main-logo { max-width: unset; /*max-height: 67px;*/ /*overflow: hidden;*/ } @media (max-width: 991.5px) { .layout-class-portal2012-layout-isg.page-class-home #isg-home-content-block .welcome-container .welcome-img{ display: none; } .layout-class-portal2012-layout-isg.page-class-home #isg-home-content-block .welcome-container, .layout-class-portal2012-layout-isg.page-class-home #isg-home-content-block .welcome-container .welcome-message{ max-width: 100%; width: 100%; min-height: unset; } .layout-class-portal2012-layout-isg body .wtShareButton:link, .layout-class-portal2012-layout-isg body .wtShareButton:visited, .layout-class-portal2012-layout-isg body .wtShareButton:hover, .layout-class-portal2012-layout-isg body .wtShareButton:focus, .layout-class-portal2012-layout-isg body .wtShareButton:active, .layout-class-portal2012-layout-isg body .wtShareButton { border: unset !important; color: #697188 !important; font-style: normal; background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.42486 4.32422C10.55 4.32666 11.4641 3.4349 11.4666 2.33301C11.4691 1.23113 10.5585 0.335944 9.43334 0.333501C8.30818 0.331058 7.39407 1.22283 7.39158 2.32471C7.39108 2.61056 7.45295 2.89348 7.5737 3.15344L4.12386 5.5165C3.32202 4.74641 2.0347 4.75862 1.24833 5.54387C0.46196 6.32911 0.474434 7.5898 1.27627 8.3599C2.06713 9.11924 3.333 9.11924 4.12386 8.3599L7.5737 10.723C7.11166 11.7247 7.56572 12.9033 8.58859 13.3562C9.61147 13.8092 10.815 13.3641 11.2775 12.3623C11.7396 11.3606 11.2855 10.182 10.2626 9.72907C9.4987 9.39093 8.60107 9.5468 8.00231 10.1219L4.55247 7.75887C4.79547 7.23749 4.79547 6.63891 4.55247 6.11753L8.00231 3.75447C8.38202 4.11997 8.89296 4.32471 9.42486 4.32422Z' fill='%23697188'/%3E%3C/svg%3E%0A") !important; font-weight: 700; font-size: 14px !important; background-repeat: no-repeat !important; background-size: initial !important; background-position: left center !important; min-width: unset; padding: 0 0 0 20px !important; height: 40px !important; display: block !important; line-height: 40px !important; margin-top: 0 !important; } .layout-class-portal2012-layout-isg body .sbkm.wt.wt-sbkm{ height: 40px; display: block; } } @media (max-width: 767.5px) { .layout-class-portal2012-layout-isg body .wtShareButton:link, .layout-class-portal2012-layout-isg body .wtShareButton:visited, .layout-class-portal2012-layout-isg body .wtShareButton:hover, .layout-class-portal2012-layout-isg body .wtShareButton:focus, .layout-class-portal2012-layout-isg body .wtShareButton:active, .layout-class-portal2012-layout-isg body .wtShareButton { padding-left: 16px !important; width: 0 !important; margin: 0 !important; } .layout-class-portal2012-layout-isg .isg-share-container{ top: 0 !important; } #globalnav .global-nav-middle { padding: 0; } } @media (min-width: 767.5px) and (max-width: 991.5px){ .layout-class-portal2012-layout-isg .isg-content .isg-content-iframe-container .isg-content-iframe{ padding-right: 24px; } } .site-class-11197864 #isg-content-region, .site-class-11197864 .isg-content .isg-content-iframe-container .isg-content-iframe, .site-class-11197864 .isg-search #isg-search-results-container, .site-class-11197864 .tool-box-content-index ul.customSideNavv, .site-class-11197864 .tool-box-content-contents ul.customSideNavv, .site-class-11197864 .tool-box-content-bookmarks .isg-bookmarks, .site-class-11197864 #isg-content-region, .site-class-11197864 .isg-content .isg-content-iframe-container .isg-content-iframe, .site-class-11197864 .isg-search #isg-search-results-container, .site-class-11197864 .tool-box-content-index ul.customSideNavv, .site-class-11197864 .tool-box-content-contents ul.customSideNavv, .site-class-11197864 .tool-box-content-bookmarks .isg-bookmarks, .layout-class-portal2012-layout-isg #isg-content-region, .layout-class-portal2012-layout-isg .isg-content .isg-content-iframe-container .isg-content-iframe, .layout-class-portal2012-layout-isg .isg-search #isg-search-results-container, .layout-class-portal2012-layout-isg .tool-box-content-index ul.customSideNavv, .layout-class-portal2012-layout-isg .tool-box-content-contents ul.customSideNavv, .layout-class-portal2012-layout-isg .tool-box-content-bookmarks .isg-bookmarks { /*scrollbar-width: unset; scrollbar-color: unset;*/ } .layout-class-portal2012-layout-isg .tool-box-content-bookmarks .isg-bookmarks{ scrollbar-width: unset; scrollbar-color: unset; } @media (max-width: 991.5px){ * { scroll-padding-top: 110px; } .layout-class-portal2012-layout-isg .tool-box-content-index ul.customSideNavv { scroll-padding-top: 10px; } } .layout-class-portal2012-layout-isg .bookmark-label-text span, .layout-class-portal2012-layout-isg .bookmark-label-text a{ align-content: center; } .layout-class-portal2012-layout-isg .isg-bookmarks-view .isg-bookmarks .bookmark-list-item { //padding: 0; //margin: 14px 0; } .layout-class-portal2012-layout-isg .isg-bookmarks-view .isg-bookmarks .bookmark-list-item:last-child { //margin-bottom: 0; } .layout-class-portal2012-layout-isg .isg-bookmarks-view .isg-bookmarks .bookmark-list-item.bookmark-collapsable .bookmark-collapsable-content{ padding-left: 0; margin-left: 0; } .layout-class-portal2012-layout-isg .isg-bookmarks-view .isg-bookmarks .bookmark-list-item-sortable-drop { margin-left: 0; } .layout-class-portal2012-layout-isg .bookmark-list-item.bookmark-list-item-sortable.yui3-dd-drop{ position: relative; padding-left: 30px; } .layout-class-portal2012-layout-isg .bookmark-list-item.bookmark-list-item-sortable.yui3-dd-drop:before { content: '.. .. ..'; display: block; font-size: 20px; width: 27px; height: 100%; line-height: 6px; position: absolute; left: 0; top: 0; padding: 12px 7px; cursor: move; } .layout-class-portal2012-layout-isg .isg-bookmarks .block-restricted{ margin-top: 15px; } .layout-class-portal2012-layout-isg span.nobreak { white-space: nowrap; } .layout-class-portal2012-layout-isg .container.isg-portlet-content-container.has-no-bilingual-button { display: none !important; } /* START PORTALMSP-4596 */ @media (min-width: 992px){ .detail-actions-dialog.yui3-widget.modal-dialog { width: auto !important; min-width: 600px !important; max-width: 1000px !important; height:auto; } } /* END PORTALMSP-4596 */ .site-class-2448002 #maincontentarea-bottom { z-index: 1; } .btn.searchCriteriaSaveButton.btn-secondary { padding: var(--gs-base-spacing-xs) var(--gs-base-spacing-s)!important; font-weight: var(--gs-base-font-weight-default)!important; font-size: var(--gs-base-font-size-s)!important; color: #FFFFFF!important; border: 2px solid var(--gs-base-color-link-100)!important; background-color: #0e47cb !important; background-image: unset; margin-top: 10px; } .btn.searchCriteriaSaveButton.btn-secondary:hover, .btn.searchCriteriaSaveButton.btn-secondary:focus{ padding: var(--gs-base-spacing-xs) var(--gs-base-spacing-s)!important; font-weight: var(--gs-base-font-weight-default)!important; font-size: var(--gs-base-font-size-s)!important; color: #FFFFFF!important; border: 2px solid var(--gs-base-color-link-100)!important; background-color: #0e47cb !important; background-image: unset; margin-top: 10px; } .op-portal-theme .ec_header-container-2 .portlet-body .wtSearchButton.wtSearchButton-selected { color: #fff !important; font-family: Arial; font-size: 14px !important; font-style: normal; padding: 4px 8px !important; justify-content: center; align-items: center; margin-top: 0; padding-top: 0; font-weight: 400; line-height: 14px !important; border-radius: 3px; border: 1px solid var(--gs-base-color-gray-60, #858585); background: #0E47CB !important; } /* START in WCE edit mode, WCE edit stays on top of everything else */ .has-control-menu.controls-visible .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_:hover { z-index: 99999; position: relative; } .has-control-menu.controls-visible .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_:hover .visible-interaction{ z-index: 999999; position: relative; } body > div > div > .dropdown-menu.show { z-index: 999999 } .has-control-menu.controls-hidden .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ .portlet-content > .portlet-header > .autofit-col{ display: none; } /* END in WCE edit mode, WCE edit stays on top of everything else */ .alert.alert-info, .gcss-op .alert.alert-info { background: #f0f3f9; border: none; box-sizing: border-box; border-radius: unset; border-left: 6px solid #039; padding-left: 50px; display: block; } .gcss-op .alert a:link { font-weight:unset!important; } .gcss-op .alert{ margin-top: var(--gs-base-spacing-m); padding-top: var(--gs-base-spacing-m); padding-bottom: var(--gs-base-spacing-m); } .gcss-op .alert .lead { font-weight: 700; font-size: var(--gs-base-font-size-m); } .gcss-op .alert .lead, .gcss-op .alert p { line-height: var(--gs-base-line-height-m)!important; /*color: var(--gs-base-color-gray-100);*/ } /* PORTALMSP-1970*/ @media (max-width: 991px){ .accordionComponent .card-header, .op-accordion .card-header { height: auto; } } /* end PORTALMSP-1970 PORTALMSP-3122*/ /* PORTALMSP-3114*/ .modal-full-screen.dialog-iframe-modal{ /*z-index: 999999 !important; */ } .modal-full-screen.dialog-iframe-modal.modal-focused{ /*z-index: 9999999 !important; */ } /* end PORTALMSP-3114 PORTALMSP-3122*/ /* PORTALMSP-3143*/ html.modal-open .open-opia-bottom{ z-index: 99; } body.modal-open .close-opia-bottom, body.modal-open #opia-webchat-container, body.modal-open .open-opia-bottom-container{ z-index: 1; } /* end PORTALMSP-3143*/ /* PORTALMSP-1806 - until deploy*/ .portlet-column-content.empty { padding: 0 !important; } /* end PORTALMSP-1806 - until deploy*/ #secontent{ padding-left: 15px !important; } /* Footer test */ .footer-block-test-PORTALMSP-1380 { display:block!important; } .footer-none-test-PORTALMSP-1380 { display:none !important; } /********* CSS Print test ********/ .site-class-7946710 header.print { margin: 0 0 2rem 0; padding-bottom: 0.5rem; border-bottom: 1px solid black; display: none; } @media print { .site-class-7946710 body { margin: 0; background-color: #fff; } .site-class-7946710 #globan, .site-class-7946710 header, .site-class-7946710 footer, .site-class-7946710 aside, .site-class-7946710 nav, .site-class-7946710 form, .site-class-7946710 iframe, .site-class-7946710 .menu, .site-class-7946710 .hero, .site-class-7946710 .adslot { display: none; } .site-class-7946710 header.print { display: block; } .site-class-7946710 table, .site-class-7946710 img, .site-class-7946710 svg { break-inside: avoid; } .site-class-7946710 p, .site-class-7946710 p > *, .site-class-7946710 ul > *, .site-class-7946710 ol > * { font-size: 12pt!important; font-family:georgia, times, serif; } .site-class-7946710 p, .site-class-7946710 ul, .site-class-7946710 ul > * .site-class-7946710 ol, .site-class-7946710 ol > *, { color: #000000!important; } .site-class-7946710 #maincontentarea, .site-class-7946710 .maincontentarea { padding: 0!important; margin: 0!important; width: 100%!important; float: none; } .site-class-7946710 @page { margin: 2cm } } /**** GLOBAL RESET ******/ .journal-content-article a { font-size: unset; } /* .OPPortalLayout a, .OPPortalLayout a:link, .OPPortalLayout a:visited, .OPPortalLayout a:active .gcss-op { color:unset; border:unset; outline:unset; } */ #maincontent, #maincontentarea .gcss-op { outline: unset!important; outline-offset: unset!important; } .portlet-body .journal-content-article h1 { font-size: unset; letter-spacing: unset; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article .gcss-op ul li > a { display: revert; } /* Links theme */ /* #maincontent code, #maincontentarea code { font-size: unset; } */ /****** GRID ******/ .gcss-op .gs-grid, .gcss-op .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-gap: 24px; } .gcss-op .gs-grid.gs-gridchild-no-stretch { justify-items: start; align-items: start; } .gcss-op .gs-grid-col, .gcss-op .grid-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-2col, .gcss-op .grid-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-3col, .gcss-op .grid-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-0, .gcss-op .grid-gap-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-16, .gcss-op .grid-gap-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-24, .gcss-op .grid-gap-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-32, .gcss-op .grid-gap-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-40, .gcss-op .grid-gap-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-48, .gcss-op .grid-gap-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-56, .gcss-op .grid-gap-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-64, .gcss-op .grid-gap-64 { grid-gap: 64px; } @media screen and (min-width: 576px) { .gcss-op .gs-grid-sm-col, .gcss-op .grid-sm-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-sm-2col, .gcss-op .grid-sm-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-sm-3col, .gcss-op .grid-sm-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-4col, .gcss-op .grid-sm-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-5col, .gcss-op .grid-sm-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-6col, .gcss-op .grid-sm-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-7col, .gcss-op .grid-sm-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-sm-8col, .gcss-op .grid-sm-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-sm-0, .gcss-op .grid-gap-sm-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-sm-16, .gcss-op .grid-gap-sm-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-sm-24, .gcss-op .grid-gap-sm-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-sm-32, .gcss-op .grid-gap-sm-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-sm-40, .gcss-op .grid-gap-sm-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-sm-48, .gcss-op .grid-gap-sm-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-sm-56, .gcss-op .grid-gap-sm-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-sm-64, .gcss-op .grid-gap-sm-64 { grid-gap: 64px; } } @media screen and (min-width: 768px) { .gcss-op .gs-grid-md-col, .gcss-op .grid-md-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-md-2col, .gcss-op .grid-md-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-md-3col, .gcss-op .grid-md-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-md-4col, .gcss-op .grid-md-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-5col, .gcss-op .grid-md-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-6col, .gcss-op .grid-md-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-7col, .gcss-op .grid-md-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-8col, .gcss-op .grid-md-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-9col, .gcss-op .grid-md-9col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-md-10col, .gcss-op .grid-md-10col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-md-0, .gcss-op .grid-gap-md-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-md-16, .gcss-op .grid-gap-md-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-md-24, .gcss-op .grid-gap-md-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-md-32, .gcss-op .grid-gap-md-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-md-40, .gcss-op .grid-gap-md-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-md-48, .gcss-op .grid-gap-md-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-md-56, .gcss-op .grid-gap-md-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-md-64, .gcss-op .grid-gap-md-64 { grid-gap: 64px; } } @media screen and (min-width: 992px) { .gcss-op .gs-grid-lg-col, .gcss-op .grid-lg-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-lg-2col, .gcss-op .grid-lg-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-lg-3col, .gcss-op .grid-lg-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-4col, .gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-5col, .gcss-op .grid-lg-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-6col, .gcss-op .grid-lg-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-7col, .gcss-op .grid-lg-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-8col, .gcss-op .grid-lg-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-9col, .gcss-op .grid-lg-9col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-lg-10col, .gcss-op .grid-lg-10col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-lg-0, .gcss-op .grid-gap-lg-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-lg-16, .gcss-op .grid-gap-lg-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-lg-24, .gcss-op .grid-gap-lg-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-lg-32, .gcss-op .grid-gap-lg-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-lg-40, .gcss-op .grid-gap-lg-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-lg-48, .gcss-op .grid-gap-lg-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-lg-56, .gcss-op .grid-gap-lg-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-lg-64, .gcss-op .grid-gap-lg-64 { grid-gap: 64px; } } @media screen and (min-width: 1200px) { .gcss-op .gs-grid-xl-col, .gcss-op .grid-xl-col { grid-template-columns: 1fr; } .gcss-op .gs-grid-xl-2col, .gcss-op .grid-xl-2col { grid-template-columns: 1fr 1fr; } .gcss-op .gs-grid-xl-3col, .gcss-op .grid-xl-3col { grid-template-columns: 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-4col, .gcss-op .grid-xl-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-5col, .gcss-op .grid-xl-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-6col, .gcss-op .grid-xl-6col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-7col, .gcss-op .grid-xl-7col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-8col, .gcss-op .grid-xl-8col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-9col, .gcss-op .grid-xl-9col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-xl-10col, .gcss-op .grid-xl-10col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .gcss-op .gs-grid-gap-xl-0, .gcss-op .grid-gap-xl-0 { grid-gap: 0px; } .gcss-op .gs-grid-gap-xl-16, .gcss-op .grid-gap-xl-16 { grid-gap: 16px; } .gcss-op .gs-grid-gap-xl-24, .gcss-op .grid-gap-xl-24 { grid-gap: 24px; } .gcss-op .gs-grid-gap-xl-32, .gcss-op .grid-gap-xl-32 { grid-gap: 32px; } .gcss-op .gs-grid-gap-xl-40, .gcss-op .grid-gap-xl-40 { grid-gap: 40px; } .gcss-op .gs-grid-gap-xl-48, .gcss-op .grid-gap-xl-48 { grid-gap: 48px; } .gcss-op .gs-grid-gap-xl-56, .gcss-op .grid-gap-xl-56 { grid-gap: 56px; } .gcss-op .gs-grid-gap-xl-64, .gcss-op .grid-gap-xl-64 { grid-gap: 64px; } } /****** CSS variables ******/ :root { /*** BASE FONTS ****/ /* Font families - Arial */ --gs-base-font-family-default: Arial, sans-serif; --gs-base-font-family-heading: Arial, sans-serif; /* Font weights - Arial */ --gs-base-font-weight-default: 400; --gs-base-font-weight-heading: 700; /* Font sizes */ --gs-base-font-size-2xs: 0.75rem; /* 12px Tiny short text (1 narrow line maximum) for extra fine print. Use in extremely exceptional cases when "xs" does not suffice. */ --gs-base-font-size-xs: 0.813rem; /* 13px Very small short text (under 3 lines) for fine print, compacted table data and UI components */ --gs-base-font-size-s: 0.875rem; /* 14px Small body text (1-2 short paragraphs), captions, table data and UI components */ --gs-base-font-size-m: 1rem; /* 16px Default body text (good for extended reading), captions, table data and UI components */ --gs-base-font-size-l: 1.125rem; /* 18px H5, large body text (good for extended reading) */ --gs-base-font-size-xl: 1.25rem; /* 20px H4 */ --gs-base-font-size-2xl: 1.5rem; /* 24px H3 */ --gs-base-font-size-3xl: 1.75rem; /* 28px H2 */ --gs-base-font-size-4xl: 2rem; /* 32px H1 */ --gs-base-font-size-5xl: 2.25rem; /* 36px Other extra large text */ --gs-base-font-size-6xl: 2.625rem; /* 42px Other extra large text */ --gs-base-font-size-sp-15: 0.938rem; /* 15px For UI components when you really need something in between "s" and "m". Use sparingly. */ /* Line heights */ --gs-base-line-height-xs: 1; /* buttons, navigation, and text not meant to break over a line */ --gs-base-line-height-s: 1.15; /* headings, introductory (lead or dek) text, no more than 1-2 sentences */ --gs-base-line-height-m: 1.35; /* short text (under 1 paragraph), captions, text with a very short or very long measure */ --gs-base-line-height-l: 1.5; /* short (1-2 paragraphs) of running text, especially with a short measure */ --gs-base-line-height-xl: 1.62; /* for most reading text, especially text meant for extended reading */ --gs-base-line-height-2xl: 1.75; /* shorter text (1-2 paragraphs) meant to be distinguished from other page text, pullquotes */ /* Spacing */ --gs-base-spacing-0: 0; --gs-base-spacing-2xs: 0.25rem; /* 0.25rem / 4px */ --gs-base-spacing-xs: 0.5rem; /* 0.5rem / 8px */ --gs-base-spacing-s: 0.75rem; /* 0.75rem / 12px */ --gs-base-spacing-m: 1rem; /* 1rem / 16px */ --gs-base-spacing-l: 1.5rem; /* 1.5rem / 24px */ --gs-base-spacing-xl: 2rem; /* 2rem / 32px */ --gs-base-spacing-2xl: 2.5rem; /* 2.5rem / 40px */ --gs-base-spacing-3xl: 3rem; /* 3rem / 48px */ --gs-base-spacing-4xl: 4rem; /* 4rem / 64px * /*** colors ****/ /* main (OP) */ --gs-base-color-main-100: #132760; /* accessible */ --gs-base-color-main-75: #697188; /* accessible Link secondary */ /* sky (eurlex) */ --gs-base-color-eurlex-130: #145B81; /*--gs-base-color-eurlex-120: #176793;BEFORE */ --gs-base-color-eurlex-120: #1971A1; /*--gs-base-color-eurlex-110: #007EA8; BEFORE accessible */ --gs-base-color-eurlex-110: #00749B; /* accessible */ --gs-base-color-eurlex-100: #0099CC; --gs-base-color-eurlex-75: #58BCDF; --gs-base-color-eurlex-50: #6ADAFF; --gs-base-color-eurlex-25: #B8EDFF; --gs-base-color-eurlex-10: #E0F7FF; /* bg */ --gs-base-color-eurlex-5: #EFF9FB; /* bg */ --gs-base-color-sky-130: #145B81; --gs-base-color-sky-120: #176793; --gs-base-color-sky-110: #1971A1; /* accessible */ --gs-base-color-sky-100: #0099CC; --gs-base-color-sky-75: #58BCDF; --gs-base-color-sky-50: #6ADAFF; --gs-base-color-sky-25: #B8EDFF; --gs-base-color-sky-10: #E0F7FF; /* bg */ --gs-base-color-sky-5: #EFF9FB; /* bg */ /* fuchsia (data) */ --gs-base-color-data-130: #6E0A1D; --gs-base-color-data-120: #B51131; --gs-base-color-data-110: #DE2A5E; /* accessible */ --gs-base-color-data-100: #F2718A; --gs-base-color-data-75: #F7A7B6; --gs-base-color-data-50: #F9B9C5; --gs-base-color-data-25: #FACBD4; --gs-base-color-data-10: #FCDDE3; /* bg */ --gs-base-color-data-5: #FEEFF2; /* bg */ /* forest (ted) */ --gs-base-color-forest-130: #1F5E00; --gs-base-color-forest-120: #287928; --gs-base-color-forest-110: #2C862D; /* accessible */ --gs-base-color-forest-100: #339900; --gs-base-color-forest-75: #80DE85; --gs-base-color-forest-50: #BBFF99; --gs-base-color-forest-25: #D5FFC0; --gs-base-color-forest-10: #EAF8E2; /* bg */ --gs-base-color-forest-5: #F3FBEF; /* bg */ /* earth (publications) */ --gs-base-color-earth-130: #954B00; --gs-base-color-earth-120: #A25E1E; --gs-base-color-earth-110: #AC6420; /* accessible */ --gs-base-color-earth-100: #FF9933; --gs-base-color-earth-75: #FFB66E; --gs-base-color-earth-50: #FFCA95; --gs-base-color-earth-25: #FFDEBC; --gs-base-color-earth-10: #FFF1E4; /* bg */ --gs-base-color-earth-5: #FFF7EE; /* bg */ /* lavender (research) */ --gs-base-color-lavender-130: #451244; --gs-base-color-lavender-120: #641B62; --gs-base-color-lavender-110: #76017A; /* accessible */ --gs-base-color-lavender-100: #93278F; --gs-base-color-lavender-75: #D97CD6; --gs-base-color-lavender-50: #E8A9E6; --gs-base-color-lavender-25: #F9DBFF; --gs-base-color-lavender-10: #F9E7F8; /* bg */ --gs-base-color-lavender-5: #FDF7FD; /* bg */ /* Main whoiswho */ --gs-base-color-fire-130: #671908; --gs-base-color-fire-120: #9E270C; --gs-base-color-fire-110: #DA3510; /* accessible */ --gs-base-color-fire-100: #EE441E; --gs-base-color-fire-75: #F09187; --gs-base-color-fire-50: #F8AE9E; --gs-base-color-fire-25: #FFDDD4; --gs-base-color-fire-10: #FDEDE9; /* bg */ --gs-base-color-fire-5: #FEF6F4; /* bg */ /*** Core *** /* Gray */ --gs-base-color-gray-100: #333333; /* accessible */ --gs-base-color-gray-75: #666666; /* accessible */ --gs-base-color-gray-60: #858585; /* Borders */ --gs-base-color-gray-45: #A3A3A3; --gs-base-color-gray-30: #C2C2C2; /* Disabled */ --gs-base-color-gray-20: #D8D8D8; /* line */ --gs-base-color-gray-15: #E0E0E0; --gs-base-color-gray-10: #EEEEEE; /* bg */ --gs-base-color-gray-5: #F5F5F5; /* bg */ /* White */ --gs-base-color-white: #FFFFFF; /* Link */ --gs-base-color-link-110: var(--gs-base-color-eu-blue-110); /* accessible */ --gs-base-color-link-100: var(--gs-base-color-eu-blue-100); /* accessible */ --gs-base-color-link-75: #668CD9; --gs-base-color-link-50: #99B2E5; --gs-base-color-link-25: #CCD9F2; --gs-base-color-link-10: var(--gs-base-color-eu-blue-10); /* bg for link hover */ --gs-base-color-link-5: var(--gs-base-color-eu-blue-5); /* bg for link */ /*** OP ***/ /* opblue */ --gs-base-color-opblue-110: #002E8A; --gs-base-color-opblue-100: #003399; --gs-base-color-opblue-75: #4066B2; --gs-base-color-opblue-50: #8099CC; --gs-base-color-opblue-25: #BFCCE5; --gs-base-color-opblue-10: #E8EDF6; /* bg */ --gs-base-color-opblue-5: #F0F3F9; /* bg */ /* opyellow */ --gs-base-color-opyellow-110: #EBBC00; --gs-base-color-opyellow-100: #FFCC00; --gs-base-color-opyellow-75: #FFD940; --gs-base-color-opyellow-50: #FFE580; --gs-base-color-opyellow-25: #FFEDA4; --gs-base-color-opyellow-10: #FFF5CC; /* bg */ --gs-base-color-opyellow-5: #FFFAE5; /* bg */ /* Functional */ --gs-base-color-error-100: #BB0202; --gs-base-color-error-75: #FF0000; --gs-base-color-highlight-100: #FFFD38; /*** EU harmonised colors ****/ --gs-base-color-eu-blue-5: #F3F6FC; /* bg light (default) colour: footer, containers */ --gs-base-color-eu-blue-10: #E7EDFA; /* bg dark colour for containers */ --gs-base-color-eu-blue-20: #CFDAF5; /* horizontal dividers */ --gs-base-color-eu-blue-60: #6E91E0; /* header nav vertical divider */ --gs-base-color-eu-blue-80: #3E6CD5; /* button hover state */ --gs-base-color-eu-blue-100: #0E47CB; /* link, main nav gradient light */ --gs-base-color-eu-blue-110: #0D40B7; /* OP link button hover */ --gs-base-color-eu-blue-140: #082B7A; /* text link hover, main nav gradient dark */ --gs-base-color-eu-gray-80: #515560; /* site name, inactive breadcrumbs */ --gs-base-color-eu-gray-100: #262B38; /* form border */ --gs-base-color-eu-gray-140: #171A22; /* footer "black" text */ } /*** Colour classes ***/ /* color: */ .gs-u-color-main-100 { color: var(--gs-base-color-main-100); } .gs-u-color-main-75 { color: var(--gs-base-color-main-75); } .gs-u-color-sky-130, .gs-u-color-eurlex-130 { color: var(--gs-base-color-eurlex-130); } .gs-u-color-sky-120, .gs-u-color-eurlex-120 { color: var(--gs-base-color-eurlex-120); } .gs-u-color-sky-110, .gs-u-color-eurlex-110 { color: var(--gs-base-color-eurlex-110); } .gs-u-color-sky-100, .gs-u-color-eurlex-100 { color: var(--gs-base-color-eurlex-100); } .gs-u-color-sky-75, .gs-u-color-eurlex-75 { color: var(--gs-base-color-eurlex-75); } .gs-u-color-sky-50, .gs-u-color-eurlex-50 { color: var(--gs-base-color-eurlex-50); } .gs-u-color-sky-25, .gs-u-color-eurlex-25 { color: var(--gs-base-color-eurlex-25); } .gs-u-color-sky-10, .gs-u-color-eurlex-10 { color: var(--gs-base-color-eurlex-10); } .gs-u-color-sky-5, .gs-u-color-eurlex-5 { color: var(--gs-base-color-eurlex-5); } .gs-u-color-data-130 { color: var(--gs-base-color-data-130); } .gs-u-color-data-120 { color: var(--gs-base-color-data-120); } .gs-u-color-data-110 { color: var(--gs-base-color-data-110); } .gs-u-color-data-100 { color: var(--gs-base-color-data-100); } .gs-u-color-data-75 { color: var(--gs-base-color-data-75); } .gs-u-color-data-50 { color: var(--gs-base-color-data-50); } .gs-u-color-data-25 { color: var(--gs-base-color-data-25); } .gs-u-color-data-10 { color: var(--gs-base-color-data-10); } .gs-u-color-data-5 { color: var(--gs-base-color-data-5); } .gs-u-color-forest-130 { color: var(--gs-base-color-forest-130); } .gs-u-color-forest-120 { color: var(--gs-base-color-forest-120); } .gs-u-color-forest-110 { color: var(--gs-base-color-forest-110); } .gs-u-color-forest-100 { color: var(--gs-base-color-forest-100); } .gs-u-color-forest-75 { color: var(--gs-base-color-forest-75); } .gs-u-color-forest-50 { color: var(--gs-base-color-forest-50); } .gs-u-color-forest-25 { color: var(--gs-base-color-forest-25); } .gs-u-color-forest-10 { color: var(--gs-base-color-forest-10); } .gs-u-color-forest-5 { color: var(--gs-base-color-forest-5); } .gs-u-color-earth-130 { color: var(--gs-base-color-earth-130); } .gs-u-color-earth-120 { color: var(--gs-base-color-earth-120); } .gs-u-color-earth-110 { color: var(--gs-base-color-earth-110); } .gs-u-color-earth-100 { color: var(--gs-base-color-earth-100); } .gs-u-color-earth-75 { color: var(--gs-base-color-earth-75); } .gs-u-color-earth-50 { color: var(--gs-base-color-earth-50); } .gs-u-color-earth-25 { color: var(--gs-base-color-earth-25); } .gs-u-color-earth-10 { color: var(--gs-base-color-earth-10); } .gs-u-color-earth-5 { color: var(--gs-base-color-earth-5); } .gs-u-color-lavender-130 { color: var(--gs-base-color-lavender-130); } .gs-u-color-lavender-120 { color: var(--gs-base-color-lavender-120); } .gs-u-color-lavender-110 { color: var(--gs-base-color-lavender-110); } .gs-u-color-lavender-100 { color: var(--gs-base-color-lavender-100); } .gs-u-color-lavender-75 { color: var(--gs-base-color-lavender-75); } .gs-u-color-lavender-50 { color: var(--gs-base-color-lavender-50); } .gs-u-color-lavender-25 { color: var(--gs-base-color-lavender-25); } .gs-u-color-lavender-10 { color: var(--gs-base-color-lavender-10); } .gs-u-color-lavender-5 { color: var(--gs-base-color-lavender-5); } .gs-u-color-fire-130 { color: var(--gs-base-color-fire-130); } .gs-u-color-fire-120 { color: var(--gs-base-color-fire-120); } .gs-u-color-fire-110 { color: var(--gs-base-color-fire-110); } .gs-u-color-fire-100 { color: var(--gs-base-color-fire-100); } .gs-u-color-fire-75 { color: var(--gs-base-color-fire-75); } .gs-u-color-fire-50 { color: var(--gs-base-color-fire-50); } .gs-u-color-fire-25 { color: var(--gs-base-color-fire-25); } .gs-u-color-fire-10 { color: var(--gs-base-color-fire-10); } .gs-u-color-fire-5 { color: var(--gs-base-color-fire-5); } .gs-u-color-gray-100 { color: var(--gs-base-color-gray-100); } .gs-u-color-gray-75 { color: var(--gs-base-color-gray-75); } .gs-u-color-gray-60 { color: var(--gs-base-color-gray-60); } .gs-u-color-gray-45 { color: var(--gs-base-color-gray-45); } .gs-u-color-gray-30 { color: var(--gs-base-color-gray-30); } .gs-u-color-gray-20 { color: var(--gs-base-color-gray-20); } .gs-u-color-gray-15 { color: var(--gs-base-color-gray-15); } .gs-u-color-gray-10 { color: var(--gs-base-color-gray-10); } .gs-u-color-gray-5 { color: var(--gs-base-color-gray-5); } .gs-u-color-link-110 { color: var(--gs-base-color-link-110); } .gs-u-color-link-100 { color: var(--gs-base-color-link-100); } .gs-u-color-link-75 { color: var(--gs-base-color-link-75); } .gs-u-color-link-50 { color: var(--gs-base-color-link-50); } .gs-u-color-link-25 { color: var(--gs-base-color-link-25); } .gs-u-color-link-10 { color: var(--gs-base-color-link-10); } .gs-u-color-link-5 { color: var(--gs-base-color-link-5); } .gs-u-color-opblue-110 { color: var(--gs-base-color-opblue-110); } .gs-u-color-opblue-100 { color: var(--gs-base-color-opblue-100); } .gs-u-color-opblue-75 { color: var(--gs-base-color-opblue-75); } .gs-u-color-opblue-50 { color: var(--gs-base-color-opblue-50); } .gs-u-color-opblue-25 { color: var(--gs-base-color-opblue-25); } .gs-u-color-opblue-10 { color: var(--gs-base-color-opblue-10); } .gs-u-color-opblue-5 { color: var(--gs-base-color-opblue-5); } .gs-u-color-opyellow-110 { color: var(--gs-base-color-opyellow-110); } .gs-u-color-opyellow-100 { color: var(--gs-base-color-opyellow-100); } .gs-u-color-opyellow-75 { color: var(--gs-base-color-opyellow-75); } .gs-u-color-opyellow-50 { color: var(--gs-base-color-opyellow-50); } .gs-u-color-opyellow-25 { color: var(--gs-base-color-opyellow-25); } .gs-u-color-opyellow-10 { color: var(--gs-base-color-opyellow-10); } .gs-u-color-opyellow-5 { color: var(--gs-base-color-opyellow-5); } /* color eu harmonised: */ .gs-u-color-eu-blue-5 { color: var(--gs-base-color-eu-blue-5); } .gs-u-color-eu-blue-20 { color: var(--gs-base-color-eu-blue-20); } .gs-u-color-eu-blue-60 { color: var(--gs-base-color-eu-blue-60); } .gs-u-color-eu-blue-80 { color: var(--gs-base-color-eu-blue-80); } .gs-u-color-eu-blue-100 { color: var(--gs-base-color-eu-blue-100); } .gs-u-color-eu-blue-140 { color: var(--gs-base-color-eu-blue-140); } .gs-u-color-eu-gray-80 { color: var(--gs-base-color-eu-gray-80); } .gs-u-color-eu-gray-100 { color: var(--gs-base-color-eu-gray-100); } .gs-u-color-eu-gray-140 { color: var(--gs-base-color-eu-gray-140); } /*** background-color: ***/ .eu-u-bg-color-blue-100 { background-color: var(--gs-base-color-main-100); } .gs-u-bg-color-main-75 { background-color: var(--gs-base-color-main-75); } .gs-u-bg-color-eurlex-130 { background-color: var(--gs-base-color-eurlex-130); } .gs-u-bg-color-eurlex-120 { background-color: var(--gs-base-color-eurlex-120); } .gs-u-bg-color-eurlex-110 { background-color: var(--gs-base-color-eurlex-110); } .gs-u-bg-color-eurlex-100 { background-color: var(--gs-base-color-eurlex-100); } .gs-u-bg-color-eurlex-75 { background-color: var(--gs-base-color-eurlex-75); } .gs-u-bg-color-eurlex-50 { background-color: var(--gs-base-color-eurlex-50); } .gs-u-bg-color-eurlex-25 { background-color: var(--gs-base-color-eurlex-25); } .gs-u-bg-color-eurlex-10 { background-color: var(--gs-base-color-eurlex-10); } .gs-u-bg-color-eurlex-5 { background-color: var(--gs-base-color-eurlex-5); } .gs-u-bg-color-data-130 { background-color: var(--gs-base-color-data-130); } .gs-u-bg-color-data-120 { background-color: var(--gs-base-color-data-120); } .gs-u-bg-color-data-110 { background-color: var(--gs-base-color-data-110); } .gs-u-bg-color-data-100 { background-color: var(--gs-base-color-data-100); } .gs-u-bg-color-data-75 { background-color: var(--gs-base-color-data-75); } .gs-u-bg-color-data-50 { background-color: var(--gs-base-color-data-50); } .gs-u-bg-color-data-25 { background-color: var(--gs-base-color-data-25); } .gs-u-bg-color-data-10 { background-color: var(--gs-base-color-data-10); } .gs-u-bg-color-data-5 { background-color: var(--gs-base-color-data-5); } .gs-u-bg-color-forest-130 { background-color: var(--gs-base-color-forest-130); } .gs-u-bg-color-forest-120 { background-color: var(--gs-base-color-forest-120); } .gs-u-bg-color-forest-110 { background-color: var(--gs-base-color-forest-110); } .gs-u-bg-color-forest-100 { background-color: var(--gs-base-color-forest-100); } .gs-u-bg-color-forest-75 { background-color: var(--gs-base-color-forest-75); } .gs-u-bg-color-forest-50 { background-color: var(--gs-base-color-forest-50); } .gs-u-bg-color-forest-25 { background-color: var(--gs-base-color-forest-25); } .gs-u-bg-color-forest-10 { background-color: var(--gs-base-color-forest-10); } .gs-u-bg-color-forest-5 { background-color: var(--gs-base-color-forest-5); } .gs-u-bg-color-earth-130 { background-color: var(--gs-base-color-earth-130); } .gs-u-bg-color-earth-120 { background-color: var(--gs-base-color-earth-120); } .gs-u-bg-color-earth-110 { background-color: var(--gs-base-color-earth-110); } .gs-u-bg-color-earth-100 { background-color: var(--gs-base-color-earth-100); } .gs-u-bg-color-earth-75 { background-color: var(--gs-base-color-earth-75); } .gs-u-bg-color-earth-50 { background-color: var(--gs-base-color-earth-50); } .gs-u-bg-color-earth-25 { background-color: var(--gs-base-color-earth-25); } .gs-u-bg-color-earth-10 { background-color: var(--gs-base-color-earth-10); } .gs-u-bg-color-earth-5 { background-color: var(--gs-base-color-earth-5); } .gs-u-bg-color-lavender-130 { background-color: var(--gs-base-color-lavender-130); } .gs-u-bg-color-lavender-120 { background-color: var(--gs-base-color-lavender-120); } .gs-u-bg-color-lavender-110 { background-color: var(--gs-base-color-lavender-110); } .gs-u-bg-color-lavender-100 { background-color: var(--gs-base-color-lavender-100); } .gs-u-bg-color-lavender-75 { background-color: var(--gs-base-color-lavender-75); } .gs-u-bg-color-lavender-50 { background-color: var(--gs-base-color-lavender-50); } .gs-u-bg-color-lavender-25 { background-color: var(--gs-base-color-lavender-25); } .gs-u-bg-color-lavender-10 { background-color: var(--gs-base-color-lavender-10); } .gs-u-bg-color-lavender-5 { background-color: var(--gs-base-color-lavender-5); } .gs-u-bg-color-fire-130 { background-color: var(--gs-base-color-fire-130); } .gs-u-bg-color-fire-120 { background-color: var(--gs-base-color-fire-120); } .gs-u-bg-color-fire-110 { background-color: var(--gs-base-color-fire-110); } .gs-u-bg-color-fire-100 { background-color: var(--gs-base-color-fire-100); } .gs-u-bg-color-fire-75 { background-color: var(--gs-base-color-fire-75); } .gs-u-bg-color-fire-50 { background-color: var(--gs-base-color-fire-50); } .gs-u-bg-color-fire-25 { background-color: var(--gs-base-color-fire-25); } .gs-u-bg-color-fire-10 { background-color: var(--gs-base-color-fire-10); } .gs-u-bg-color-fire-5 { background-color: var(--gs-base-color-fire-5); } .gs-u-bg-color-gray-100 { background-color: var(--gs-base-color-gray-100); } .gs-u-bg-color-gray-75 { background-color: var(--gs-base-color-gray-75); } .gs-u-bg-color-gray-60 { background-color: var(--gs-base-color-gray-60); } .gs-u-bg-color-gray-45 { background-color: var(--gs-base-color-gray-45); } .gs-u-bg-color-gray-30 { background-color: var(--gs-base-color-gray-30); } .gs-u-bg-color-gray-20 { background-color: var(--gs-base-color-gray-20); } .gs-u-bg-color-gray-15 { background-color: var(--gs-base-color-gray-15); } .gs-u-bg-color-gray-10 { background-color: var(--gs-base-color-gray-10); } .gs-u-bg-color-gray-5 { background-color: var(--gs-base-color-gray-5); } .gs-u-bg-color-link-110 { background-color: var(--gs-base-color-link-110); } .gs-u-bg-color-link-100 { background-color: var(--gs-base-color-link-100); } .gs-u-bg-color-link-75 { background-color: var(--gs-base-color-link-75); } .gs-u-bg-color-link-50 { background-color: var(--gs-base-color-link-50); } .gs-u-bg-color-link-25 { background-color: var(--gs-base-color-link-25); } .gs-u-bg-color-link-10 { background-color: var(--gs-base-color-link-10); } .gs-u-bg-color-link-5 { background-color: var(--gs-base-color-link-5); } .gs-u-bg-color-opblue-110 { background-color: var(--gs-base-color-opblue-110); } .gs-u-bg-color-opblue-100 { background-color: var(--gs-base-color-opblue-100); } .gs-u-bg-color-opblue-75 { background-color: var(--gs-base-color-opblue-75); } .gs-u-bg-color-opblue-50 { background-color: var(--gs-base-color-opblue-50); } .gs-u-bg-color-opblue-25 { background-color: var(--gs-base-color-opblue-25); } .gs-u-bg-color-opblue-10 { background-color: var(--gs-base-color-opblue-10); } .gs-u-bg-color-opblue-5 { background-color: var(--gs-base-color-opblue-5); } .gs-u-bg-color-opyellow-110 { background-color: var(--gs-base-color-opyellow-110); } .gs-u-bg-color-opyellow-100 { background-color: var(--gs-base-color-opyellow-100); } .gs-u-bg-color-opyellow-75 { background-color: var(--gs-base-color-opyellow-75); } .gs-u-bg-color-opyellow-50 { background-color: var(--gs-base-color-opyellow-50); } .gs-u-bg-color-opyellow-25 { background-color: var(--gs-base-color-opyellow-25); } .gs-u-bg-color-opyellow-10 { background-color: var(--gs-base-color-opyellow-10); } .gs-u-bg-color-opyellow-5 { background-color: var(--gs-base-color-opyellow-5); } /* background-color eu harmonised: */ .gs-u-bg-color-eu-blue-5 { background-color: var(--gs-base-color-eu-blue-5); } .gs-u-bg-color-eu-blue-20 { background-color: var(--gs-base-color-eu-blue-20); } .gs-u-bg-color-eu-blue-60 { background-color: var(--gs-base-color-eu-blue-60); } .gs-u-bg-color-eu-blue-80 { background-color: var(--gs-base-color-eu-blue-80); } .gs-u-bg-color-eu-blue-100 { color: var(--gs-base-color-eu-blue-100); } .gs-u-bg-color-eu-blue-140 { background-color: var(--gs-base-color-eu-blue-140); } .gs-u-bg-color-eu-gray-80 { background-color: var(--gs-base-color-eu-gray-80); } .gs-u-bg-color-eu-gray-100 { background-color: var(--gs-base-color-eu-gray-100); } .gs-u-bg-color-eu-gray-140 { background-color: var(--gs-base-color-eu-gray-140); } /****** TYPOGRAPHY ******/ /* Font family settings */ body .gcss-op { font:var(--gs-base-font-weight-default) var(--gs-base-font-size-m) var(--gs-base-font-family-default) !important; color: var(--gs-base-color-gray-100); } /* Content max-width for optimal reading */ .gcss-op h1, .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6, .gcss-op p, .gcss-op ul, .gcss-op ol { max-width: 850px; } /* Headings */ .gcss-op h1, .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6 { font-family: var(--gs-base-font-family-heading)!important; font-weight: var(--gs-base-font-weight-heading); line-height: var(--gs-base-line-height-s)!important; } /* Top and bottom margin */ .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6 { margin-top:var(--gs-base-spacing-xl); margin-bottom:var(--gs-base-spacing-l)!important; } .gcss-op h2:first-child, .gcss-op h3:first-child, .gcss-op h4:first-child, .gcss-op h5:first-child, .gcss-op h6:first-child { margin-top: 0; } /* Fix for pages with multiple WCE */ .gcss-op .gs-h-margin-top { margin-top:var(--gs-base-spacing-l)!important; } .gcss-op h1 { font-size: var(--gs-base-font-size-4xl) !important; margin-bottom: var(--gs-base-spacing-l)!important; } .gcss-op h1:not(.site-class-10157494 .gcss-op h1, .site-class-2448002.page-class-may .gcss-op h1) { /*eu h1 border-bottom: 2px solid var(--gs-base-color-eu-blue-20); padding-bottom: 0.65rem; font-weight: var(--gs-base-font-family-default)!important; max-width: unset;*/ } .gcss-op h2 { font-size: var(--gs-base-font-size-3xl) !important; font-weight: var(--gs-base-font-weight-heading); /* margin-top: 1.66em; */ } .gcss-op h3 { font-size: var(--gs-base-font-size-2xl)!important; font-weight: var(--gs-base-font-weight-heading); /*margin-top: 1.2em;*/ } .gcss-op h4 { font-size: var(--gs-base-font-size-xl)!important; /* margin-top: 1.1em; */ } .gcss-op h5 { font-size: var(--gs-base-font-size-l)!important; } .gcss-op h6 { font-size: var(--gs-base-font-size-m)!important; } /****** Heading sizes: Default, S, XS ******/ /*** Publicare heading-s ***/ .site-class-7955863 #maincontentarea .gcss-op h1, .site-class-7955863 #maincontentarea .gcss-op h2, .site-class-7955863 #maincontentarea .gcss-op h3, .site-class-7955863 #maincontentarea .gcss-op h4, .site-class-7955863 #maincontentarea .gcss-op h5 { margin-bottom:var(--gs-base-spacing-m)!important; } .site-class-7955863 .gcss-op h1 { font-size: var(--gs-base-font-size-3xl) !important; } .site-class-7955863 .gcss-op h2 { font-size: var(--gs-base-font-size-2xl) !important; } .site-class-7955863 .gcss-op h3 { font-size: var(--gs-base-font-size-xl) !important; } .site-class-7955863 .gcss-op h4 { font-size: var(--gs-base-font-size-l) !important; } .site-class-7955863 .gcss-op h5 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading S ***/ .gcss-op.gs-heading-s h1, .gcss-op.gs-heading-s h2, .gcss-op.gs-heading-s h3, .gcss-op.gs-heading-s h4, .gcss-op.gs-heading-s h5, .gcss-op .gs-heading-s h1, .gcss-op .gs-heading-s h2, .gcss-op .gs-heading-s h3, .gcss-op .gs-heading-s h4, .gcss-op .gs-heading-s h5 { margin-bottom:var(--gs-base-spacing-m)!important; } .gcss-op.gs-heading-s h1, .gcss-op .gs-heading-s h1 { font-size: var(--gs-base-font-size-3xl) !important; } .gcss-op.gs-heading-s h2, .gcss-op .gs-heading-s h2 { font-size: var(--gs-base-font-size-2xl) !important; } .gcss-op.gs-heading-s h3, .gcss-op .gs-heading-s h3 { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op.gs-heading-s h4, .gcss-op .gs-heading-s h4 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-s h5, .gcss-op .gs-heading-s h5 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading XS ***/ .gcss-op.gs-heading-xs h1, .gcss-op.gs-heading-xs h2, .gcss-op.gs-heading-xs h3, .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h1, .gcss-op .gs-heading-xs h2, .gcss-op .gs-heading-xs h3, .gcss-op .gs-heading-xs h4 { margin-bottom:var(--gs-base-spacing-s)!important; /*color:var(--gs-base-color-gray-100);*/ } .gcss-op.gs-heading-xs h2, .gcss-op.gs-heading-xs h3, .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h2, .gcss-op .gs-heading-xs h3, .gcss-op .gs-heading-xs h4 { margin-top:var(--gs-base-spacing-m); } .gcss-op.gs-heading-xs h2:first-child, .gcss-op.gs-heading-xs h3:first-child, .gcss-op.gs-heading-xs h4:first-child, .gcss-op .gs-heading-xs h2:first-child, .gcss-op .gs-heading-xs h3:first-child, .gcss-op .gs-heading-xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-xs h1, .gcss-op .gs-heading-xs h1 { font-size: var(--gs-base-font-size-2xl) !important; } .gcss-op.gs-heading-xs h2, .gcss-op .gs-heading-xs h2 { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op.gs-heading-xs h3, .gcss-op .gs-heading-xs h3 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h4 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading 2XS ***/ .gcss-op.gs-heading-2xs h1, .gcss-op.gs-heading-2xs h2, .gcss-op.gs-heading-2xs h3, .gcss-op.gs-heading-2xs h4, .gcss-op .gs-heading-2xs h1, .gcss-op .gs-heading-2xs h2, .gcss-op .gs-heading-2xs h3, .gcss-op .gs-heading-2xs h4 { margin-bottom:var(--gs-base-spacing-xs)!important; /*color:var(--gs-base-color-gray-100);*/ } .gcss-op.gs-heading-2xs h2, .gcss-op.gs-heading-2xs h3, .gcss-op.gs-heading-2xs h4, .gcss-op .gs-heading-2xs h2, .gcss-op .gs-heading-2xs h3, .gcss-op .gs-heading-2xs h4 { margin-top:var(--gs-base-spacing-s); } .gcss-op.gs-heading-2xs h2:first-child, .gcss-op.gs-heading-2xs h3:first-child, .gcss-op.gs-heading-2xs h4:first-child, .gcss-op .gs-heading-2xs h2:first-child, .gcss-op .gs-heading-2xs h3:first-child, .gcss-op .gs-heading-2xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-2xs h1, .gcss-op .gs-heading-2xs h1 { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op.gs-heading-2xs h2, .gcss-op .gs-heading-2xs h2 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-2xs h3, .gcss-op .gs-heading-2xs h3 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading 3XS ***/ .gcss-op.gs-heading-3xs h1, .gcss-op.gs-heading-3xs h2, .gcss-op.gs-heading-3xs h3, .gcss-op.gs-heading-3xs h4, .gcss-op .gs-heading-3xs h1, .gcss-op .gs-heading-3xs h2, .gcss-op .gs-heading-3xs h3, .gcss-op .gs-heading-3xs h4 { margin-bottom:var(--gs-base-spacing-xs)!important; /*color:var(--gs-base-color-gray-100);*/ } .gcss-op.gs-heading-3xs h2, .gcss-op.gs-heading-3xs h3, .gcss-op.gs-heading-3xs h4, .gcss-op .gs-heading-3xs h2, .gcss-op .gs-heading-3xs h3, .gcss-op .gs-heading-3xs h4 { margin-top:var(--gs-base-spacing-s); } .gcss-op.gs-heading-3xs h2:first-child, .gcss-op.gs-heading-3xs h3:first-child, .gcss-op.gs-heading-3xs h4:first-child, .gcss-op .gs-heading-3xs h2:first-child, .gcss-op .gs-heading-3xs h3:first-child, .gcss-op .gs-heading-3xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-3xs h1, .gcss-op .gs-heading-3xs h1 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-3xs h2, .gcss-op .gs-heading-3xs h2 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading Q&A ***/ .gcss-op.gs-heading-qna p, .gcss-op.gs-heading-qna ul, .gcss-op.gs-heading-qna ol, .gcss-op.gs-heading-qna li { line-height: var(--gs-base-line-height-xl) !important; margin-bottom:var(--gs-base-spacing-2xs); } .gcss-op.gs-heading-qna h2, .gcss-op.gs-heading-qna h3, .gcss-op.gs-heading-qna h4, .gcss-op .gs-heading-qna h2, .gcss-op .gs-heading-qna h3, .gcss-op .gs-heading-qna h4 { margin-top:var(--gs-base-spacing-l); color: var(--gs-base-color-gray-100); } .gcss-op.gs-heading-qna h2:first-child, .gcss-op.gs-heading-qna h3:first-child, .gcss-op.gs-heading-qna h4:first-child, .gcss-op .gs-heading-qna h2:first-child, .gcss-op .gs-heading-qna h3:first-child, .gcss-op .gs-heading-qna h4:first-child { margin-top:0; } .gcss-op.gs-heading-qna h2, .gcss-op .gs-heading-qna h2 { font-size: var(--gs-base-font-size-l) !important; margin-bottom:0!important; line-height: var(--gs-base-line-height-xl) !important; } .gcss-op.gs-heading-qna h3, .gcss-op .gs-heading-qna h3 { font-size: var(--gs-base-font-size-m) !important; } /* (V2) Underline X% for special H1, H2, H3, H4... 50% width of the text ONLY */ .gcss-op .gs-heading-underline { display: inline-block; position: relative; } .gcss-op .gs-heading-underline:after { content: ""; height: 0.11em; width: 30%; background-color: inherit; position: absolute; bottom: -0.4em; left: 0px; } /* (V1) Underline 50% for special H1, H2, H3, H4... 35% width of the full width of block element */ .gcss-op .line-below { border-bottom: 0.25rem solid; margin-top: -2rem; width: 35%; } /* Headings Line above */ .gcss-op h1.gs-h-line-above, .gcss-op h2.gs-h-line-above, .gcss-op h3.gs-h-line-above, .gcss-op h4.gs-h-line-above, .gcss-op h5.gs-h-line-above, .gcss-op h6.gs-h-line-above { font-size: var(--gs-base-font-size-m)!important; line-height: var(--gs-base-line-height-s)!important; color: var(--gs-base-color-gray-100)!important; text-transform: uppercase; border-top: 2px solid var(--gs-base-color-gray-100); padding: 0.75em 0 0.60em 0; margin:0!important; max-width: unset; } /* Body text */ .gcss-op p, .gcss-op ul, .gcss-op ol, .gcss-op li { font-size: var(--gs-base-font-size-m)!important; line-height: var(--gs-base-line-height-xl) !important; color: var(--gs-base-color-gray-100); } .gcss-op p span { font-size: inherit; line-height: inherit; /*color: inherit;*/ } /* Font sizes */ .gcss-op .gs-u-font-size-2xs { font-size: var(--gs-base-font-size-2xs) !important; } .gcss-op .gs-u-font-size-s, .gcss-op .gs-font-sm, .gcss-op .font-s { font-size: var(--gs-base-font-size-s) !important; } .gcss-op .gs-u-font-size-m { font-size: var(--gs-base-font-size-m) !important; } .gcss-op .gs-u-font-size-l, .gcss-op .gs-font-lg, .gcss-op .font-l { font-size: var(--gs-base-font-size-l) !important; } .gcss-op .gs-u-font-size-xl { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op .gs-u-font-size-2xl { font-size: var(--gs-base-font-size-2xl) !important; } .gcss-op .gs-u-font-size-3xl { font-size: var(--gs-base-font-size-3xl) !important; } .gcss-op .gs-u-font-size-4xl { font-size: var(--gs-base-font-size-4xl) !important; } .gcss-op .gs-u-font-size-5xl { font-size: var(--gs-base-font-size-5xl) !important; } .gcss-op .gs-u-font-size-6xl { font-size: var(--gs-base-font-size-6xl) !important; } .gcss-op .gs-u-font-size-xs { font-size: var(--gs-base-font-size-xs) !important; } .gcss-op .gs-u-font-size-sp-15 { font-size: var(--gs-base-font-size-sp-15) !important; } /* Line heights */ .gcss-op .gs-u-line-height-xs { line-height: var(--gs-base-line-height-xs) !important; } .gcss-op .gs-u-line-height-s { line-height: var(--gs-base-line-height-s) !important; } .gcss-op .gs-u-line-height-m { line-height: var(--gs-base-line-height-m) !important; } .gcss-op .gs-u-line-height-l { line-height: var(--gs-base-line-height-l) !important; } .gcss-op .gs-u-line-height-xl { line-height: var(--gs-base-line-height-xl) !important; } .gcss-op .gs-u-line-height-2xl { line-height: var(--gs-base-line-height-2xl) !important; } /* Disabled text */ .gcss-op .gs-disabled-text { color: var(--gs-base-color-gray-30); } /* Links (text) */ .gcss-op p a, .gcss-op li a, .gcss-op h2 a, .gcss-op h3 a, .gcss-op h4 a { font-size: inherit; } .gcss-op a:link, .gcss-op a:visited { color: var(--gs-base-color-link-100); text-decoration: underline; text-underline-offset: 0.15em!important; text-decoration-thickness: 1px!important; } .gcss-op a:hover, .gcss-op a:active { text-decoration: none; } .gcss-op a:focus, .gcss-op a:active { outline: unset!important; } .gcss-op a:focus-visible { outline: 2px solid var(--gs-base-color-link-100)!important; outline-offset: 4px; border-radius: 0.015rem; -moz-outline-radius: 0.015rem; } .gcss-op .gs-link-external { display: inline-block; margin-left: 0.5em; margin-right: 0.5em; font-size: 0.75em; } /* Forum Gazette */ .site-class-2895081 #maincontent a:focus-visible { outline: 2px solid var(--gs-base-color-link-100)!important; outline-offset: 4px; border-radius: 0.015rem; -moz-outline-radius: 0.015rem; } /* List */ .gcss-op li { margin-bottom: 0.4em!important; } .gcss-op li ul { margin-top: 0.4em!important; } /* List modifiers */ /* TEST OL style */ .gcss-op ol.gs-feature2 { /*max-width: 350px;*/ counter-reset: gs-ordered-list; list-style: none; padding-left: 40px; } ol.gs-feature2 li { margin: 0 0 0.5rem 0; counter-increment: gs-ordered-list; position: relative; } ol.gs-feature2 li::before { content: counter(gs-ordered-list); color:var(--gs-base-color-gray-75); font-size: var(--gs-base-font-size-xl); font-weight: bold; position: absolute; --size: 20px; left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 0; /*transform: rotate(-10deg); background: black; border-radius: 50%; text-align: center; box-shadow: 1px 1px 0 #999;*/ border-right: 1px solid #949494; /*padding: 0 1rem 0rem 1.5rem;*/ } /* TEST OL style END */ .gcss-op ul.gs-bullet-none, .gcss-op ul.bullet-none { list-style: none; padding: 0; margin: 0; } .gcss-op ol.gs-feature, .gcss-op ol.feature { list-style: none; padding-left: 0; counter-reset: op; } .gcss-op ol.gs-feature > li, .gcss-op ol.feature > li { counter-increment: op; display: flex; margin-bottom: 1.5rem } .gcss-op ol.gs-feature > li:before, .gcss-op ol.feature > li:before { content: counter(op) " "; font-weight: bold; color: var(--gs-base-color-gray-60); font-size: 1.5rem; margin-right: 1.25rem; margin-bottom: 0.85rem; border-right: 1px solid #949494; padding: 0 1rem 0rem 1.5rem; } /* List menu */ .gcss-op ul.gs-list-menu { list-style: none; padding: 0; margin: 0; } .gcss-op ul.gs-list-menu li { padding: var(--gs-base-spacing-s) 0 var(--gs-base-spacing-s) 0; border-top: 1px solid var(--gs-base-color-gray-20); font-size: var(--gs-base-font-size-sp-15)!important; line-height: var(--gs-base-line-height-s)!important; margin:0!important; position: relative; } .gcss-op ul.gs-list-menu li:last-child { border-bottom: 1px solid var(--gs-base-color-gray-20); } .gcss-op ul.gs-list-menu li a { color:var(--gs-base-color-gray-100)!important; text-decoration: none!important; display: block; } .gcss-op ul.gs-list-menu li:hover { background-color: var(--gs-base-color-gray-5); } .gcss-op ul.gs-list-menu li:hover~.gcss-op ul.gs-list-menu li a { text-decoration: underline!important; } /* Expand collapse content */ .gcss-op .gs-expand-link { margin-bottom: var(--gs-base-spacing-s); } .gcss-op .gs-expand-link a i { display: inline-block; margin-right: var(--gs-base-spacing-2xs); font-size: var(--gs-base-font-size-2xs); } .gcss-op .gs-expand-content { margin-top:var(--gs-base-spacing-2xs); margin-left: var(--gs-base-spacing-m); } /* mark - highlight text */ .gcss-op mark { background-color: var(--gs-base-color-highlight-100); display: inline; padding: 0.05em 0.2em 0em 0.2em; color: var(--gs-base-color-gray-100); box-shadow: unset; } @media screen and (min-width: 768px) { /* List modifiers */ /*.gcss-op ol.gs-feature > li:before, .gcss-op ol.feature > li:before { font-size: 2rem; margin-right: 1.5rem; padding: 2rem; }*/ } @media screen and (min-width: 992px) { /* Headings */ /* Mobile sizes be revised */ /* .gcss-op h1 { font-size: var(--gs-base-font-size-4xl) !important; } .gcss-op h2 { font-size: var(--gs-base-font-size-3xl) !important; } .gcss-op h3 { font-size: var(--gs-base-font-size-2xl)!important; } */ } /****** ICONS ******/ @font-face { font-family: 'gs-icon'; src: url('/documents/10197/9598167/gs-icon.eot?swxn1i'); src: url('/documents/10197/9598167/gs-icon.eot?swxn1i#iefix') format('embedded-opentype'), url('/documents/10197/9598167/gs-icon.ttf?swxn1i') format('truetype'), url('/documents/10197/9598167/gs-icon.woff?swxn1i') format('woff'), url('/documents/10197/9598167/gs-icon.svg?swxn1i#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } i[class^="gs-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'gs-icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gs-icon-twitter:before { content: "\e93d"; } .gs-icon-twitter-bird:before { content: "\e943"; } .gs-icon-add-plus:before { content: "\e900"; } .gs-icon-arrow-left:before { content: "\e901"; } .gs-icon-audio:before { content: "\e902"; } .gs-icon-backward:before { content: "\e903"; } .gs-icon-basket:before { content: "\e904"; } .gs-icon-bell:before { content: "\e905"; } .gs-icon-bookmark:before { content: "\e906"; } .gs-icon-bookmark-f:before { content: "\e907"; } .gs-icon-caret-down:before { content: "\e908"; } .gs-icon-caret-down-f:before { content: "\e909"; } .gs-icon-caret-left:before { content: "\e90a"; } .gs-icon-caret-right:before { content: "\e90b"; } .gs-icon-caret-sharp-down-f:before { content: "\e90c"; } .gs-icon-caret-sharp-right-f:before { content: "\e90d"; } .gs-icon-caret-up:before { content: "\e90e"; } .gs-icon-chevron-down:before { content: "\e90f"; } .gs-icon-chevron-left:before { content: "\e910"; } .gs-icon-chevron-right:before { content: "\e911"; } .gs-icon-chevron-up:before { content: "\e912"; } .gs-icon-close:before { content: "\e913"; } .gs-icon-delete:before { content: "\e914"; } .gs-icon-download:before { content: "\e915"; } .gs-icon-duplicate-copy:before { content: "\e916"; } .gs-icon-edit:before { content: "\e917"; } .gs-icon-exclamation:before { content: "\e918"; } .gs-icon-facebook:before { content: "\e919"; } .gs-icon-facebook-f:before { content: "\e91a"; } .gs-icon-filters:before { content: "\e91b"; } .gs-icon-forward:before { content: "\e91c"; } .gs-icon-global:before { content: "\e91d"; } .gs-icon-heart:before { content: "\e91e"; } .gs-icon-help-question:before { content: "\e91f"; } .gs-icon-help-question-f:before { content: "\e920"; } .gs-icon-home:before { content: "\e921"; } .gs-icon-instagram:before { content: "\e922"; } .gs-icon-link:before { content: "\e923"; } .gs-icon-linkedin:before { content: "\e924"; } .gs-icon-linkedin-f:before { content: "\e925"; } .gs-icon-link-external:before { content: "\e926"; } .gs-icon-logged-in:before { content: "\e927"; } .gs-icon-log-in:before { content: "\e928"; } .gs-icon-menu:before { content: "\e929"; } .gs-icon-metadata:before { content: "\e92a"; } .gs-icon-microphone:before { content: "\e92b"; } .gs-icon-minus:before { content: "\e92c"; } .gs-icon-person:before { content: "\e92d"; } .gs-icon-person-f:before { content: "\e92e"; } .gs-icon-placeholder:before { content: "\e92f"; } .gs-icon-play:before { content: "\e930"; } .gs-icon-play-backward:before { content: "\e931"; } .gs-icon-print:before { content: "\e932"; } .gs-icon-refresh:before { content: "\e933"; } .gs-icon-rss:before { content: "\e934"; } .gs-icon-search:before { content: "\e935"; } .gs-icon-skip-to-beginning:before { content: "\e936"; } .gs-icon-skip-to-end:before { content: "\e937"; } .gs-icon-social-share:before { content: "\e938"; } .gs-icon-sticky-note:before { content: "\e939"; } .gs-icon-stop:before { content: "\e93a"; } .gs-icon-stop-fill:before { content: "\e93b"; } .gs-icon-telephone:before { content: "\e93c"; } .gs-icon-upload:before { content: "\e93e"; } .gs-icon-vcard:before { content: "\e93f"; } .gs-icon-video:before { content: "\e940"; } .gs-icon-world:before { content: "\e941"; } .gs-icon-youtube:before { content: "\e942"; } /****** BUTTONS (A HREF) ******/ /* Button base */ .gcss-op .gs-btn { border-radius: 3px; padding: var(--gs-base-spacing-s) var(--gs-base-spacing-m)!important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none!important; font-size: var(--gs-base-font-size-sp-15)!important; font-weight: bold; line-height: 1; text-align: center; } /* Sizes */ .gcss-op .gs-btn.sm { padding: var(--gs-base-spacing-xs) var(--gs-base-spacing-s)!important; font-weight: var(--gs-base-font-weight-default)!important; font-size: var(--gs-base-font-size-s)!important; /*line-height: 100%;*/ } .gcss-op .gs-btn.gs-btn-sec.sm { border: 1px solid var(--gs-base-color-link-100)!important; } .gcss-op .gs-btn.gs-btn-ter.sm { border: 1px solid var(--gs-base-color-gray-75)!important; } .gcss-op .gs-btn.gs-btn-ghost.sm { padding-left: 0.35em!important; padding-right: 0.35em!important; } .gcss-op .gs-btn.lg { font-size: var(--gs-base-font-size-l)!important; padding-right: var(--gs-base-spacing-l)!important; padding-left: var(--gs-base-spacing-l)!important; } /* Icon spacing left or right */ .gcss-op .gs-btn i[class^="gs-icon-"] { display: inline-block; font-size: 1.1em; /*outline: 1px dashed black;*/ } .gcss-op .gs-icon-l { margin-right: 0.5em; } .gcss-op .gs-icon-r { margin-left: 0.5em; } /** BUTTON TYPES **/ /* Main */ .gcss-op .gs-btn-main, .gcss-op a.gs-btn-main { color: #FFFFFF!important; border: 2px solid var(--gs-base-color-link-100)!important; background-color: var(--gs-base-color-link-100); } .gcss-op .gs-btn-main:focus, .gcss-op .gs-btn-main:hover { border: 2px solid var(--gs-base-color-link-110)!important; background-color: var(--gs-base-color-link-110); } .gcss-op .gs-btn-main:focus { outline: 2px solid var(--gs-base-color-link-110)!important; outline-offset: 2px; } /* Secondary (sec) */ .gcss-op .gs-btn-sec { color: var(--gs-base-color-eu-blue-100)!important; border: 2px solid var(--gs-base-color-eu-blue-100)!important; background-color: transparent; } .gcss-op .gs-btn-sec:focus, .gcss-op .gs-btn-sec:hover { background-color: var(--gs-base-color-eu-blue-10); } .gcss-op .gs-btn-sec:focus { outline: 2px solid var(--gs-base-color-eu-blue-100)!important; outline-offset: 2px; } /* Secondary (sec) Fill */ .gcss-op .gs-btn-sec-f, .gcss-op a.gs-btn-sec-f { color:var(--gs-base-color-eu-blue-100)!important; border: 2px solid var(--gs-base-color-eu-blue-5)!important; background-color: var(--gs-base-color-eu-blue-5); } .gcss-op .gs-btn-sec-f:focus, .gcss-op .gs-btn-sec-f:hover { border: 2px solid var(--gs-base-color-eu-blue-10)!important; background-color: var(--gs-base-color-eu-blue-10); } .gcss-op .gs-btn-sec-f:focus { outline: 2px solid var(--gs-base-color-eu-blue-100)!important; outline-offset: 2px; } /* Tertiary (ter) */ .gcss-op .gs-btn-ter, .gcss-op a.gs-btn-ter { color: var(--gs-base-color-gray-75)!important; border: 2px solid var(--gs-base-color-gray-75)!important; background-color: transparent; } .gcss-op .gs-btn-ter:focus, .gcss-op .gs-btn-ter:hover { background-color: var(--gs-base-color-gray-10); } .gcss-op .gs-btn-ter:focus{ outline: 2px solid var(--gs-base-color-gray-75)!important; outline-offset: 2px; } /* Ghost */ .gcss-op .gs-btn-ghost, .gcss-op a.gs-btn-ghost { padding-right: var(--gs-base-spacing-2xs)!important; padding-left: var(--gs-base-spacing-2xs)!important; /*padding-left: 0.5em!important; padding-right: 0.5em!important;*/ color: #666666!important; border: 2px solid transparent; background-color: transparent; } .gcss-op .gs-btn-ghost:focus, .gcss-op .gs-btn-ghost:hover { background-color: #E6E6E6; } .gcss-op .gs-btn-ghost:focus{ outline: 2px solid #757575!important; outline-offset: 2px; } .gcss-op .gs-btn-ghost.lg { padding-right: var(--gs-base-spacing-2xs)!important; padding-left: var(--gs-base-spacing-2xs)!important; } /** SERVICES **/ /* Ted */ .gcss-op .gs-btn-ted, .gcss-op a.gs-btn-ted { color: #FFFFFF!important; border: 2px solid #2C862D!important; background-color: #2C862D; } .gcss-op .gs-btn-ted:focus, .gcss-op .gs-btn-ted:hover { border: 2px solid #026B00!important; background-color: #026B00!important; } .gcss-op .gs-btn-ted:focus { outline: 2px solid #026B00!important; outline-offset: 2px; } /* Law */ .gcss-op .gs-btn-law, .gcss-op a.gs-btn-law { color: #FFFFFF!important; border: 2px solid #007EA8!important; background-color: #007EA8; } .gcss-op .gs-btn-law:focus, .gcss-op .gs-btn-law:hover { border: 2px solid #006483!important; background-color: #006483!important; } .gcss-op .gs-btn-law:focus { outline: 2px solid #006483!important; outline-offset: 2px; } /****** CARDS ******/ /* Card shadow */ .gcss-op .card-shadow { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D8D8D8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; } .gcss-op .card-shadow:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* Card with fill + border-radius, image, title blue (underlined) and text */ .gcss-op .card-img-fill { position: relative; padding: 0rem; border-radius: 0.25rem; transition: all .2s ease-in-out; } .gcss-op .card-img-fill div > img { width:100%; /*max-width: 295px;*/ /*border: 1px solid #D8D8D8;*/ } .gcss-op .card-img-fill div > a { font-size: var(--gs-base-font-size-m) !important; font-weight: bold; color: #3366CC; line-height: 140%; } .gcss-op .card-img-fill div > a:hover { text-decoration: none !important; } .gcss-op .card-img-fill .content { font-size: var(--gs-base-font-size-s); margin-top: 0.35rem; } .gcss-op .card-img-fill .content > span { font-weight: bold; } .gcss-op .card-img-fill p.content:nth-child(2) { margin-bottom: 0; } .gcss-op .card-img-fill p.content:nth-child(3) { margin-top: 0; } /* Card with image, title black (not underlined) and text */ .gcss-op .card-img { position: relative; padding: 0rem; } .gcss-op .card-img div > img { width:100%; } .gcss-op .card-img div > a { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-l)!important; font-weight: var(--gs-base-font-weight-heading); color: #333333!important; line-height: 140%; text-decoration: none!important; } .gcss-op .card-img div > a:hover { text-decoration: underline!important; } /* accessibility */ .gcss-op .card-img div > a:focus { outline: 2px dotted #666666 !important; outline-offset: 6px; } .gcss-op .card-img p.content { font-size: var(--gs-base-font-size-s); color: #757575; margin-top: 0.35rem; margin-bottom: 0; } /* Card for colour swatches (ex: Web Guide design system) */ .gcss-op .card-swatch div:first-child { height: 104px; } .gcss-op .card-swatch figcaption p { margin-bottom: 8px; } .gcss-op .card-swatch figcaption p:first-child { line-height: 135%!important; font-weight: bold; margin-top: 16px; margin-bottom: 0; } .gcss-op .card-swatch .swatch-description { margin-bottom: 0; font-size: 0.875rem; line-height: 135%!important; color: #666666; } /*** gs-card-v3 ***/ /* Card base */ .gcss-op .gs-card-v3 { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #D8D8D8; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; display: flex; flex-direction: column; justify-content: space-between; } .gcss-op .gs-card-v3:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); } /* Body */ .gcss-op .gs-card-v3 .gs-card-body { padding:var(--gs-base-spacing-m); } /* Image */ .gcss-op .gs-card-v3 .gs-card-img { border-bottom: 1px solid #D8D8D8; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; } .gcss-op .gs-card-v3 .gs-card-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; } /* Badge */ .gcss-op .gs-card-v3 .gs-img-badge { position: absolute; bottom: -11px; left: var(--gs-base-spacing-m); background-color: var(--gs-base-color-opyellow-100); border-radius: 4px; padding: var(--gs-base-spacing-2xs) var(--gs-base-spacing-xs); font-size:var(--gs-base-font-size-sp-15); } .gcss-op .gs-card-v3 .gs-img-badge a { color:inherit; text-decoration:none; } /* Title */ .gcss-op .gs-card-v3 p.gs-title, .gcss-op .gs-card-v3 h2.gs-title, .gcss-op .gs-card-v3 h3.gs-title, .gcss-op .gs-card-v3 h4.gs-title, .gcss-op .gs-card-v3 h5.gs-title, .gcss-op .gs-card-v3 h6.gs-title { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-l) !important; line-height: var(--gs-base-line-height-s) !important; font-weight: var(--gs-base-font-weight-heading); color: var(--gs-base-color-gray-100)!important; margin-top:unset!important; margin-bottom:0.75rem!important; } /* Title link */ .gcss-op .gs-card-v3 p.gs-title a, .gcss-op .gs-card-v3 h2.gs-title a, .gcss-op .gs-card-v3 h3.gs-title a, .gcss-op .gs-card-v3 h4.gs-title a, .gcss-op .gs-card-v3 h5.gs-title a, .gcss-op .gs-card-v3 h6.gs-title a { text-decoration: none!important; color:var(--gs-base-color-gray-100)!important; font-size: inherit; line-height: inherit; display: block; } .gcss-op .gs-card-v3 p.gs-title a:hover, .gcss-op .gs-card-v3 h2.gs-title a:hover, .gcss-op .gs-card-v3 h3.gs-title a:hover, .gcss-op .gs-card-v3 h4.gs-title a:hover, .gcss-op .gs-card-v3 h5.gs-title a:hover, .gcss-op .gs-card-v3 h6.gs-title a:hover { text-decoration: underline!important; color: #3366CC!important; } /* P */ .gcss-op .gs-card-v3 .gs-card-body p { color: var(--gs-base-color-gray-75); line-height: var(--gs-base-line-height-m)!important; margin-top:var(--gs-base-spacing-xs); } /* Subtitle */ .gcss-op .gs-card-v3 p.gs-subtitle { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-m)!important; font-weight: var(--gs-base-font-weight-heading); line-height: var(--gs-base-line-height-s)!important; color: var(--gs-base-color-gray-75); margin-bottom:0; } /* Footer */ .gcss-op .gs-card-v3 .gs-card-footer { border-top: 1px solid var(--gs-base-color-gray-20); padding: var(--gs-base-spacing-m)!important; display: flex; flex-wrap: wrap; gap: var(--gs-base-spacing-xs); } .gcss-op .gs-card-v3 .gs-card-footer p, .gcss-op .gs-card-v3 .gs-card-footer div { display: flex; flex-wrap: wrap; gap: var(--gs-base-spacing-xs); margin:0; } /* Misc: eliminating extra spacing */ .gcss-op .gs-card-v3 .gs-card-body *:last-child, .gcss-op .gs-card-v3 .gs-card-footer *:last-child { margin-bottom: 0!important; } /***** gs-card-v2 *****/ /* Card base */ .gcss-op .gs-card { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #D8D8D8; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; display: flex; flex-direction: column; } .gcss-op .gs-card:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); /*transform: scale(1.01, 1.01);*/ } .gcss-op .gs-card.gs-v3 { justify-content: space-between } /* Image */ .gcss-op .gs-card .gs-card-img { border-bottom: 1px solid #D8D8D8; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; } .gcss-op .gs-card .gs-card-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; } /* Body */ .gcss-op .gs-card .gs-card-body { padding:var(--gs-base-spacing-m); } /* Title */ .gcss-op .gs-card p.gs-title, .gcss-op .gs-card h2.gs-title, .gcss-op .gs-card h3.gs-title, .gcss-op .gs-card h4.gs-title, .gcss-op .gs-card h5.gs-title, .gcss-op .gs-card h6.gs-title { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-l) !important; line-height: var(--gs-base-line-height-s) !important; font-weight: var(--gs-base-font-weight-heading); color: var(--gs-base-color-gray-100); margin-top:unset; margin-bottom:0.75rem!important; } /* Title link */ .gcss-op .gs-card p.gs-title a, .gcss-op .gs-card h2.gs-title a, .gcss-op .gs-card h3.gs-title a, .gcss-op .gs-card h4.gs-title a, .gcss-op .gs-card h5.gs-title a, .gcss-op .gs-card h6.gs-title a { text-decoration: none!important; color:inherit!important; font-size: inherit; line-height: inherit; display: block; } .gcss-op .gs-card p.gs-title a:hover, .gcss-op .gs-card h2.gs-title a:hover, .gcss-op .gs-card h3.gs-title a:hover, .gcss-op .gs-card h4.gs-title a:hover, .gcss-op .gs-card h5.gs-title a:hover, .gcss-op .gs-card h6.gs-title a:hover { text-decoration: underline!important; color: #3366CC!important; } /* Subtitle */ .gcss-op .gs-card p.gs-subtitle { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-m)!important; font-weight: var(--gs-base-font-weight-heading); line-height: var(--gs-base-line-height-s)!important; color: var(--gs-base-color-gray-75); margin-bottom:0; } /* P */ .gcss-op .gs-card .gs-card-body p { color: var(--gs-base-color-gray-75); line-height: var(--gs-base-line-height-m)!important; margin-top:var(--gs-base-spacing-xs); } .gcss-op .gs-card .gs-card-body *:last-child, .gcss-op .gs-card .gs-card-footer *:last-child { margin-bottom: 0; } /***** END gs-card-v2 *****/ /***** hbox text sizes *****/ /* Title */ .gcss-op .gs-hbox p.gs-title, .gcss-op .gs-hbox h2.gs-title, .gcss-op .gs-hbox h3.gs-title, .gcss-op .gs-hbox h4.gs-title, .gcss-op .gs-hbox h5.gs-title, .gcss-op .gs-hbox h6.gs-title { font-size: var(--gs-base-font-size-l)!important; line-height: var(--gs-base-line-height-s)!important; font-weight: var(--gs-base-font-weight-heading); color: var(--gs-base-color-gray-100)!important; margin-top:unset; margin-bottom: var(--gs-base-spacing-xs); } /* Title link */ .gcss-op .gs-hbox p.gs-title a, .gcss-op .gs-hbox h2.gs-title a, .gcss-op .gs-hbox h3.gs-title a, .gcss-op .gs-hbox h4.gs-title a, .gcss-op .gs-hbox h5.gs-title a, .gcss-op .gs-hbox h6.gs-title a { text-decoration: none!important; color: var(--gs-base-color-gray-100)!important; font-size: inherit; line-height: inherit; display: block; } /***** Compact sizes *****/ /* P */ .gcss-op .gs-compact p { font-size: var(--gs-base-font-size-s) !important; margin-bottom: 0.70rem; } /* Title */ .gcss-op .gs-compact p.gs-title, .gcss-op .gs-compact h2.gs-title, .gcss-op .gs-compact h3.gs-title, .gcss-op .gs-compact h4.gs-title, .gcss-op .gs-compact h5.gs-title, .gcss-op .gs-compact h6.gs-title { font-size: var(--gs-base-font-size-m) !important; margin-bottom: 0.60rem; } /* Subtitle */ .gcss-op .gs-compact p.gs-subtitle, .gcss-op .gs-compact h2.gs-subtitle, .gcss-op .gs-compact h3.gs-subtitle, .gcss-op .gs-compact h4.gs-subtitle, .gcss-op .gs-compact h5.gs-subtitle, .gcss-op .gs-compact h6.gs-subtitle { font-size: var(--gs-base-font-size-s)!important; margin-bottom:0.60rem; line-height: var(--gs-base-line-height-m)!important; } /* Modal */ /* v1 2021-22 */ .gcss-op .gs-modal-header { padding: 8px 16px; background-color:#F5F5F5; justify-items: start; align-items: center; width: 100%; } /* v2 2023 */ .gcss-op .gs-modal-header-wrapper { display: flex; align-items: start; padding: var(--gs-base-spacing-m); } .gcss-op .gs-modal-header-wrapper h2 { flex: 1; padding-right: var(--gs-base-spacing-l); } .gcss-op .gs-modal-header-wrapper a.gs-btn-ghost { padding: var(--gs-base-spacing-2xs)!important; } .gcss-op .gs-modal-body { padding: var(--gs-base-spacing-m); background-color: #FFFFFF; max-height: 600px; overflow: auto; position: relative; flex: 1 1 auto; } /* END */ .gcss-op .modal h2 { font-size:var(--gs-base-font-size-l)!important; margin-bottom:0!important; } .gcss-op .modal h2, .gcss-op .modal h3, .gcss-op .modal h4 { color:var(--gs-base-color-gray-100)!important; } .gcss-op .modal h3, .gcss-op .modal h4 { margin-bottom:1em!important; } @media screen and (min-width: 768px) { .gcss-op .gs-modal-header-wrapper { padding: var(--gs-base-spacing-l) var(--gs-base-spacing-l) var(--gs-base-spacing-m) var(--gs-base-spacing-l); } .gcss-op .gs-modal-body { padding: var(--gs-base-spacing-l); } } /****** SUPPORT HTML ELEMENTS ******/ /** DISPLAY CODE **/ .gcss-op pre { padding: 16px 24px; background-color: #F5F5F5; border-left: 6px solid #666666; overflow-x: auto; /*white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;*/ tab-size: 4; } .gcss-op pre code { display: block; font-size: var(--gs-base-font-size-s)!important; line-height: var(--gs-base-line-height-l); } /* Code inline with body text */ .gcss-op code.gs-inline-code, .gcss-op code.inline-code { font-size: 0.938rem; color: var(--gs-base-color-data-110)!important; background: var(--gs-base-color-white); border: 0.1rem solid var(--gs-base-color-gray-20); border-radius: 0.3rem; padding: 0.2rem 0.4rem; white-space: nowrap; } /** SUPPORT ELEMENTS **/ .gcss-op hr.gs-hr-s, .gcss-op hr.gs-hr-m, .gcss-op hr.gs-hr-l { border-top: 1px solid var(--gs-base-color-gray-20); } .gcss-op hr.gs-hr-s { margin-top: var(--gs-base-spacing-l); margin-bottom: var(--gs-base-spacing-m); } .gcss-op hr.gs-hr-m { margin-top: var(--gs-base-spacing-xl); margin-bottom: var(--gs-base-spacing-l); } .gcss-op hr.gs-hr-l { margin-top: var(--gs-base-spacing-2xl); margin-bottom: var(--gs-base-spacing-xl); } .gcss-op .gs-hr-container, .gcss-op .section-hr { border-bottom: 1px solid #D8D8D8; } .gcss-op .gs-hr, .gcss-op .hr-op { height: 1px; background-color: #D8D8D8; margin: 0; padding: 0; } /** TABLES **/ .gcss-op table { margin: 1.5rem 0 2rem 0; border: none; border-collapse: collapse!important; width: 100%; } .gcss-op table th, .gcss-op table tr, .gcss-op table td { border: none; padding: 0.5rem 0.75rem .5rem 0.75rem!important; vertical-align: top; word-break: break-word; } .gcss-op table th, .gcss-op table td, .gcss-op table a { font-family: var(--gs-base-font-family-default); color: var(--gs-base-color-gray-100); text-align: left; font-size: var(--gs-base-font-size-m); line-height: var(--gs-base-line-height-m)!important; } .gcss-op table td p:last-child, .gcss-op table th p:last-child { margin-bottom:0!important; } .gcss-op table tbody tr { border-bottom: 1px solid #D8D8D8; } /* Header */ .gcss-op thead tr { border-bottom: 2px solid #333333; } .gcss-op table th { font-weight: bold; /*background: #FFFFFF;*/ } .gcss-op table.gs-tbody-th-unset tbody th { font-weight: unset!important; } /* Rows color alternating */ .gcss-op table tbody tr:nth-child(odd) { background: #F5F5F5; } .gcss-op table tbody tr:nth-child(even) { background: #FFFFFF; } /* Remove color alternating rows */ .gcss-op table.gs-row-color-none tbody tr:nth-child(odd) { background: unset; } .gcss-op table.gs-row-color-none tbody tr:nth-child(even) { background: unset; } /* Vertical align */ .gcss-op table.gs-table-tbody-align-middle tbody td, .gcss-op table.gs-table-tbody-align-middle tbody th { vertical-align: middle; } .gcss-op table.gs-table-thead-align-middle thead td, .gcss-op table.gs-table-thead-align-middle thead th { vertical-align: middle; } /* Compact setting */ .gcss-op table.gs-table-compact td, .gcss-op table.gs-table-compact th, .gcss-op table.gs-table-compact p, .gcss-op table.gs-table-compact a { font-size: var(--gs-base-font-size-s) !important; margin-bottom:0.60rem; line-height: var(--gs-base-line-height-s)!important; } /* Links */ .gcss-op table td a, .gcss-op table th a { text-decoration: underline!important; color: var(--gs-base-color-link-100)!important; } .gcss-op table tr.gs-row-bold, .gcss-op table tr.gs-row-bold * { font-weight: bold; } /* Caption */ .gcss-op table caption { caption-side: top; padding: 0rem 1rem 0.5rem 1rem; margin-bottom: unset; text-align: center; color: var(--gs-base-color-gray-100); font-family: var(--gs-base-font-family-default); font-size: var(--gs-base-font-size-l); font-weight: bold; border-top: unset; /*border-top: 3px solid var(--gs-base-color-gray-100);*/ border-bottom: 1px solid var(--gs-base-color-gray-20); } /*** Column layouts **/ .gcss-op .gs-layout-8-4 { display: flex; flex-direction: column; margin-bottom: var(--gs-base-spacing-xl); } .gcss-op .gs-layout-8-4 .gs-content, .gcss-op .gs-layout-8-4 .gs-sidebar { margin:0; /*width:100%;*/ /*outline: 1px dotted black;*/ } .gcss-op .gs-layout-8-4 .gs-content { margin-bottom: var(--gs-base-spacing-l); } .gcss-op .gs-layout-8-4 .gs-sidebar { padding:var(--gs-base-spacing-l); background-color: var(--gs-base-color-gray-5); } @media screen and (min-width: 768px) { .gcss-op .gs-layout-8-4 { flex-direction: row; align-items: start; } .gcss-op .gs-layout-8-4 .gs-content { margin-bottom: 0; margin-right: var(--gs-base-spacing-2xl); width:65%; } .gcss-op .gs-layout-8-4 .gs-sidebar { width:35%; } } /*** Card list **/ .gcss-op .gs-card-list { padding:var(--gs-base-spacing-m) var(--gs-base-spacing-l); margin-bottom:var(--gs-base-spacing-xs); background-color: var(--gs-base-color-gray-5); border-radius: 4px; } .gcss-op .gs-card-list .gs-title { font-size: var(--gs-base-font-size-l)!important; font-weight: 700!important; margin-bottom: var(--gs-base-spacing-2xs); } .gcss-op .gs-card-list .gs-text { font-size: var(--gs-base-font-size-m); color:var(--gs-base-color-gray-75)!important; margin-bottom: var(--gs-base-spacing-0); } /*** identity tag **/ .gcss-op .gs-identity-tag { display: inline-flex; align-items: center; padding:var(--gs-base-spacing-xs) var(--gs-base-spacing-s); border-radius: 4px; margin-bottom: var(--gs-base-spacing-l); } .gcss-op .gs-identity-tag .gs-identity-tag-title { font-size: var(--gs-base-font-size-s)!important; font-weight: 700; margin-bottom: 0; } .gcss-op .gs-identity-tag .gs-identity-tag-bar { width: 6px; height: auto; border-radius: 6px; margin-right: var(--gs-base-spacing-xs); } /** Highlight box **/ /* Includes responsive padding and margins. Add utility class background colour inline */ .gs-hbox { padding: var(--gs-base-spacing-m); margin-bottom: var(--gs-base-spacing-l); } .gs-hbox *:last-child { margin-bottom:0!important; } @media screen and (min-width: 768px) { .gs-hbox { padding: var(--gs-base-spacing-l); margin-bottom: var(--gs-base-spacing-xl); } } @media screen and (min-width: 1200px) { .gs-hbox.gs-l { padding: var(--gs-base-spacing-xl); } } /********* FOOTER CSS GRID *********/ /* GRIDS */ .footer-gcss-op .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-column-gap: 24px; row-gap: 24px; } .footer-gcss-op .grid-col { grid-template-columns: 1fr; } @media screen and (min-width: 576px) { .footer-gcss-op .grid-sm-2col { grid-template-columns: 1fr 1fr; } .footer-gcss-op .grid-gap-md-40 { grid-column-gap: 40px; } } @media screen and (min-width: 992px) { .footer-gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } } /********* FOOTER *********/ .footer-gcss-op div.footer-content-op h2 { line-height: 19px; font-size: 16px; font-weight: bold !important; color: #444; } .footer-gcss-op div.footer-content-op div { margin:0; padding:0; } .footer-gcss-op ul.stay-connected { padding: 0!important; } .footer-gcss-op span.link-description { display: inline-block !important; color: #444; padding: .05rem .3rem .05rem .3rem; margin-right: 0.35rem; font-size: 13px; line-height: 18px; box-sizing: border-box; border-radius: 3px; border: 1px solid #444; } /* Social media */ .footer-gcss-op .stay-connected { margin: 0!important;; padding: 0!important; } @media screen and (min-width: 576px) { .footer-gcss-op div.footer-content-op div:nth-child(1), .footer-gcss-op div.footer-content-op div:nth-child(3) { border-right: 1px solid #CCCCCC; padding-right: 0.5rem; } } @media screen and (min-width: 992px) { .footer-gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .footer-gcss-op div.footer-content-op div:nth-child(2) { border-right: 1px solid #CCCCCC; padding-right: 0.5rem; } } .simpleft, .simpleft a:link, .simpleft a:visited, .simpleft a:active { font-size: 14px; color: #333333; text-decoration: underline; } /* margin */ @media (max-width: 767.5px) { .page-class-search.layout-class-portal2012-layout-one-column .wce-content-wiw-pirst-page { padding-left: 0; padding-right: 0; } } @media (max-width: 767.98px) { .page-class-justpublished .OPPortalLayout .maincontent { padding-left: 0 !important; padding-right: 0 !important; } .page-class-justpublished section#maincontentarea-bottom { padding-left: 0 !important; padding-right: 0 !important; } .portlet-column.portlet-column-only { padding-left: 0 !important; padding-right: 0 !important; } .layout-class-portal2012-layout-search-details .OPPortalLayout .row-legacy { margin-left: 0; margin-right: 0; } .layout-class-portal2012-layout-search-details .publication-detail-metadata .row-legacy .col-md-3 { padding: 0; } } @media (max-width: 991.5px) and (min-width: 768px) { .page-class-search.layout-class-portal2012-layout-one-column .wce-content-wiw-pirst-page { padding-left: 0; padding-right: 0; } } @media (max-width: 991.5px) { .layout-class-portal2012-about-us-navigation-layout #maincontentarea { padding-right: 15px !important; padding-left: 15px !important; } .layout-class-portla2012-layout-search-results section#maincontentarea { padding-left: 15px !important; padding-right: 15px !important; } .layout-class-portla2012-layout-search-results .container-fluid { padding-left: 0; padding-right: 0; } .layout-class-portal2012-layout-search-details .publication-detail-metadata .col-md-9 { padding-left: 0; padding-right: 0; } } #footer .portlet-column { padding-right: 0; padding-left:0; } @media (min-width: 991.5px) { aside#localnav.localnav { padding-right: 40px !important; } } @media (max-width: 600px) { aside.localnav.col-md-12.portlet-column { display: block; padding-left: 15px; } .publication-detail-container .publication-detail-metadata .row-legacy .col-sm-9.col-md-12.col-xl-10.col-lg-8.pr-0 { padding-left: 0; } .site-class-2448002.page-class-publications section#maincontentarea-bottom { padding-left: 15px !important; padding-right: 15px !important; } .show-neighbors .item__third { border-right: 4px solid #fff0 !important; border-left: 4px solid #fff0 !important; } } .page-class-search-results.layout-class-portla2012-layout-search-results .maincontentarea .container-fluid { padding-left: 0; padding-right: 0; } @media (max-width: 768px){ .language-selector-wrapper .input-select-wrapper select { color: #fff !important; margin-top: 0; margin-left: 0 !important; text-align-last: end; height: 40px !important; float: left; white-space: nowrap; /*width: 27px !important;*/ max-width: 4ch !important; font-family: monospace !important; font-size: 14px !important; overflow: hidden !important; text-overflow: unset; direction: rtl; text-transform: uppercase; padding-right: unset !important; } } .OPPortalLayout a.username-top.myportaltitle { color: #fff !important; } .OPPortalLayout #maincontent .portlet-content-container .journal-content-article a:focus { outline: 2px solid #1454B7; outline-offset: 2px; } .who-search-btn:focus { outline: 1px solid #59f !important; outline-offset: 4px !important; box-shadow: unset !important; } @media (max-width: 991.5px) { .navigation-menu-dd-3-levels { display: none !important; } } @media (min-width: 991.5px) { .navbar-toggle { display: none !important; } } @media (min-width: 768px){ .navbar-toggle { display: unset; } } /* margin top white */ @media (min-width: 991.5px) { .has-control-menu .affix, .has-control-menu #wrapper { margin-top: 56px !important; } } @media (min-width: 576px) { .has-control-menu .affix, .has-control-menu #wrapper { margin-top: unset; } } @media (min-width: 768px) { .layout-class-portal2012-layout-one-column-with-full-width-dropzone-menu #maincontent, .layout-class-portal2012-layout-one-column-with-full-width-dropzone #maincontent, .layout-class-portal2012-layout-one-column-with-side-navigation-and-full-width-dropzone #maincontent { padding-top: 0; } } @media (min-width: 992px){ .layout-class-forum-gazettes .OPPortalLayout .row-legacy { margin-left: 0px; margin-right: 0; } .layout-class-forum-gazettes .OPPortalLayout .maincontent .portlet-layout > aside { padding-right: 15px !important; padding-left: 15px !important; } .layout-class-forum-gazettes .OPPortalLayout ul.layouts.level-1{ padding: 0; } } /* cookie banner */ .cck-container { max-width: unset !important; min-width: unset !important; z-index: 1999; font-family: Arial,sans-serif; font-size: small; color: #444444 !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: 100vh; height:max-content; align-items: center !important; width: 100% !important; top: 0 !important; text-align: center !important; bottom: unset; background: #ffffff !important; position: initial; } .cck-container p.wt-paragraph { color: #444444 !important; font-size: 16px !important; line-height: 23px !important; text-align: left !important; } .cck-container .wt-paragraph a.wt-link { color: #3D6ECF !important; } a.wt-link.cck-actions-button { background: #3D6ECF !important; font-size: 15px !important; line-height: 22px !important; border-radius: 3px !important; border: 1px solid #3366CC !important; } @media only screen and (min-width: 768px) { .cck-container .cck-wrapper .cck-actions { flex-wrap: wrap !important; justify-content: center !important; } a.wt-link.cck-actions-button { width: 65%; min-width: max-content; margin-left: unset !important; margin-bottom: 10px; } } a.wt-link.cck-actions-button.ea_ignore { background: #FFFFFF !important; border-radius: 3px !important; font-size: 15px !important; line-height: 22px !important; border: 1px solid #3366CC !important; color: #3366CC !important; } a.wt-link:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } a.wt-link.cck-actions-button:focus { outline: 2px solid #1454B7!important; outline-offset: 2px !important; } body .cck-container{ position:initial !important; } .cck-content-content.wt-noconflict { text-align: left; } .cck-actions.wt-noconflict { margin-right: 1.5rem; } .cck-container .cck-wrapper .cck-actions a.cck-actions-button{ margin-top: 1rem; } @media screen and (min-width: 768px) { .cck-container .cck-wrapper .cck-actions a.cck-actions-button:first-child { margin-top: 0.5rem; } .cck-container .cck-wrapper .cck-actions a.cck-actions-button:not(:first-child) { margin-top: 1rem; } } /*custom header*/ div#custom-header-portlet-container.col-lg-3 { flex: 0 0 100%; max-width: 100%; } .controls-visible.signed-in #custom-header-portlet-container .portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_{ min-height: 50px; margin-top: 50px; } .footer.custom-footer { max-height:unset; } .portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_ header.portlet-topper { z-index: 4999; } /* 2840 */ .wiw-memberships a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } .nav-tabs li.disabled:focus { outline: none; border: unset; } .nav-tabs li.active a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .publicationTabContent a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .viewAllPublications a:focus{ outline: 2px solid #1454B7!important; outline-offset: 2px; } .print-on-demand a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .already-exists a:focus{ outline: 2px solid #1454B7!important; outline-offset: 2px; } .tab-pane .publicationTabContent { line-height: 19px; } .product-container .col-format a { color: #3366cc !important; text-decoration: underline; } .product-container .col-format a:hover { color: #3366cc !important; text-decoration: none; } .button#saveButton { color: #fff; background-color: #3D6ECF; } button#saveButton:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } /* accordion card template */ .accordionComponent.publication-detail-formats { border: 1px solid #858585; } .accordionComponent .card-header { background-color: #E6E6E6; border-top: unset; border-radius:unset; border-bottom: 1px solid #858585; } div#accordion { border-top: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; border-bottom: 1px solid #858585; } .accordionComponent .card-body { border-bottom: 1px solid #858585; } .maincontent .portlet-journal-content .op-accordion .card .btn-link:hover { color: #333333 !important; text-decoration: none !important; } .op-accordion .card-header button{ font-size: 15px; color: #333333; background: #FFFFFF; border-top: 1px solid #858585; border-bottom: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; } .maincontent .portlet-journal-content .btn-link { color: #333333 !important; } .maincontent .portlet-journal-content .btn-link:hover { color: #333333 !important; text-decoration: none !important; background: #F5F5F5 !important; } .op-accordion button[aria-expanded="true"] i.arrow.down { top: 22px !important; } .op-accordion .card, .op-accordion .card .card-text, .op-accordion .card-header .op-accordion .card-body{ border:unset; } button#heading-card-10:first-child { border-bottom: unset; } /* end accordion card template */ .list-type-save button#saveButton { color: #fff; background-color: #0069d9; } .dialog-footer .btn.searchActionSaveButton { color: #fff; background-color: #0069d9; } /* focus pub details */ a.show-more:focus-visible, a.show-less:focus-visible, a.view-more:focus-visible, a.view-less:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } li.list-item.addToMyDocuments a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.createAlert a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.first.permanentLink a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.metadataRDF a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.createWidget a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } button.col-md-4.citation-button.fa-chevron-down:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } button.show-download-section-button.col-md-4:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } .global-nav-middle .portlet-column-last .print { background-size: 24px; width: auto !important; margin-left: 20px; } .global-nav-middle .help { margin-left: 0px; } .help a:focus-visible { outline: 2px solid #1454b7 !important; outline-offset: 2px; text-decoration:none; } .print a:focus-visible { outline: 2px solid #1454b7 !important; outline-offset: 2px; text-decoration:none; } button:focus { outline: unset; } @media (min-width: 991.5px) { .global-nav-middle .row .col-md-8.col-lg-9.portlet-column.portlet-column-first { max-width: 70%; } .global-nav-middle .row .col-md-4.col-lg-3.portlet-column.portlet-column-last { max-width: 30%; } } /* PORTALMSP-3049 */ .global-nav-middle a { padding-left: 22px; } .global-nav-middle .op-portal-share .wtShareButton{ padding-left: 22px; } div#print-current-page-container a:hover, .help:hover { text-decoration: none !important; } .person-detail-twitter-feed a.wt-link.wt-custom-link { border: 2px solid #949494; border-radius: 3px; background: #FFFFFF; font-weight: 700; font-size: 14px; padding: 10px 12px; line-height: 19px; height: auto; text-align: center; color: #666666 !important; } .facets-lists-container .menu-list .facet-childs-btn { padding: 3px 3px 5px 4px !important; } .facet-childs-btn span { color:#3366cc !important; } .facet-childs-btn.collapsed span.glyphicon.glyphicon-minus { display: none !important; } .facet-childs-btn span.glyphicon.glyphicon-plus { display: none !important; } .facet-childs-btn.collapsed span.glyphicon.glyphicon-plus { display: block !important; } .facet-childs-btn span.glyphicon.glyphicon-minus { display: block !important; } .ltr .op-portal-theme .login-popup-modal { z-index: 999999 !important; } .op-modal .modal-dialog { transform:unset !important; } button.wt-ecl-button.wt-ecl-button--ghost.wt-ecl-message__close:focus-within { outline: 2px solid #1454B7; outline-offset: 2px; background-color:#EEEEEE; } button.wt-ecl-button.wt-ecl-button--ghost.wt-ecl-message__close:hover { background-color:#EEEEEE; } .OPPortalLayout #assets-list-table a > .op-icon:before { vertical-align: initial; } .OPPortalLayout .available-domains-layout label > .op-icon:before { vertical-align:initial; } </style> <style> /* mig 7.4 */ .has-control-menu .affix, .has-control-menu #wrapper { margin-top: 0px !important; } body.has-control-menu #environment-container{ margin-top: 0 !important; margin-bottom: 0 !important; } .has-control-menu #globan { position: static; margin-top: 0 !important; } .open-admin-panel .portlet-dropzone { transition: padding 0.5s linear; } .open-admin-panel .yui3-dd-drop .portlet-dropzone { padding: 10px; margin: 3px; min-height: 100px; } .open-admin-panel .yui3-dd-drop-over .portlet-dropzone { outline: 1px dotted black; } #p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_{ display: none; } .has-control-menu.controls-visible .portlet-nested-portlets .yui3-dd-drop { margin-top: 45px; } .layout-class-portal2012-layout-comite255 .modal-dialog, .site-class-10184 .modal-dialog { transform: translate(0, -50%) !important; top: 50% !important; margin: 0 auto !important; } .eu-vocabularies-detail-title h1 { font-size: 18px; margin: 0; line-height: 18px; } .advanced-search-inputs.main-search-inputs { /* z-index: 9; */ } .yui3-widget.yui3-aclist.yui3-widget-positioned { z-index: 15; } .lam-search-result .lam-search-result-msg h1, .portlet-selected-filters .search-term-row h1 { display: inline-block; } .search-criteria-container .results-number-info { margin-left: -10px; } .multilinugal-expressions .language-multilingual-li { display: flex; } .site-class-7955863.page-class-search-results .portlet-boundary_SearchResults_SearchResultsPortlet_ .search-results-items .document-format { position: unset; } p.more.icon-chevron-right { font-family: arial; } .site-class-10184.page-class-publication-detail .you-may-also-like .icon-chevron-right:after { color: #444444; font-family: 'fontawesome-alloy'; } .cck-banner .wt-ecl-button--primary, .cck-banner .wt-ecl-button--primary:hover, .cck-banner .wt-ecl-button--primary:active, .cck-banner .wt-ecl-button--primary:focus-visible { color: #fff; } .search-criteria-container .results-number-info { color: #697188 !important; display: inline-block; margin-left: -10px; } span.results-number-info, .search-term-row .find-term,.results-attached-documents-info { font-size: 19.5px !important; } span.results-attached-documents-info,.search-criteria-container .results-number-info { margin-left: 0px; } .search-term-row h1 .find-term { display: inline-flex; margin-right: -20px; } .layout-class-portal2012-layout-dorie .search-term-row h1 .find-term { display: inline-flex; margin-right: -20px; } /*create alert*/ .OPPortalLayout .search-results-items .search-hit-hidden-content span a { color: #3366CC !important; font-size: 13px !important; font-weight: 400; line-height: 20px; } .op-portal-theme .ec_header-container-2 .portlet-body .wtSearchButton { background: unset; border: unset; padding: 0; line-height: unset; margin-left: 0 !important; height: unset; padding-left: 0 !important; } .op-portal-theme .ec_header-container-2 .portlet-body .wtSearchButton a { color: var(--gs-base-color-gray-75, #666) !important; font-family: Arial; font-size: 14px !important; font-style: normal; padding: 4px 8px !important; justify-content: center; align-items: center; margin-top: 0; padding-top: 0; font-weight: 400; line-height: 14px !important; border-radius: 3px; border: 1px solid var(--gs-base-color-gray-60, #858585); background: var(--white, #FFF) !important; } .portlet-boundary_eu_europa_publications_portlet_search_result_summary_SearchResultSummaryPortlet_ .hidden-xs.per-page-controls.search-results-controls-select { display: inline-flex; margin-left: 15px; } .per-page-controls.search-results-controls-select .per-page-label { color: #444444; display: flex; white-space: nowrap; width: fit-content; margin-top: 7px; padding-left: 10px; } .layout-class-portal2012-layout-dorie .search-term-row .find-term { font-family: Arial, sans-serif; font-weight: 600; color: #132760; font-size: 20px; display: contents; } body:is(.signed-in) #popup-content .panel.panel-default.guestAlertMsg { border-top: unset; border: unset; margin-top: unset; } .detail-actions-dialog-content.modal-dialog-content .panel-default .panel-heading { background-color: unset; border-color: unset; } .detail-actions-dialog-content.modal-dialog-content .col-md-12 { overflow-y:unset !important; } a.modal-login-btn.gs-btn.gs-btn-main.sm { margin-right: 2px; } button.label.label-info.register.modal-register-btn.gs-btn.gs-btn-ter.sm { margin-left: 2px; } .detail-actions-dialog-content #popup-content div#accordion { border: unset !important; } .gcss-op .portlet-selected-filters a, .gcss-op .tool-bar-component a{ text-decoration: unset; } .round_margin_container.search_criteria_links a { vertical-align: middle; } .publication-detail-metadata span.op-icon.op-icon-op-bullet-wiw:before { vertical-align: baseline; } #OPPORTAL_DIALOG .cadmin.control-menu-container { display: none !important; } #localnav .portlet-boundary_eu_europa_publications_portlet_facet_search_result_FacetedSearchResultPortlet_ .menu-list.vertical .dropdown a { text-decoration: none; } .dorie-card-container .input-container-right textarea { min-width: 300px; } .site-class-11197864 body .wtShareButton:link, .site-class-11197864 body .wtShareButton:visited, .site-class-11197864 body .wtShareButton:hover, .site-class-11197864 body .wtShareButton:focus, .site-class-11197864 body .wtShareButton:active, .site-class-11197864 body .wtShareButton, .site-class-11197864 body .wtShareButton:link, .site-class-11197864 body .wtShareButton:visited, .site-class-11197864 body .wtShareButton:hover, .site-class-11197864 body .wtShareButton:focus, .site-class-11197864 body .wtShareButton:active, .site-class-11197864 body .wtShareButton, .layout-class-portal2012-layout-isg body .wtShareButton:link, .layout-class-portal2012-layout-isg body .wtShareButton:visited, .layout-class-portal2012-layout-isg body .wtShareButton:hover, .layout-class-portal2012-layout-isg body .wtShareButton:focus, .layout-class-portal2012-layout-isg body .wtShareButton:active, .layout-class-portal2012-layout-isg body .wtShareButton { background: #fff url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2054_644)'%3E%3Cpath d='M12.375 11.3438C11.7009 11.3433 11.0536 11.6077 10.5727 12.0802L6.47446 9.30771C6.61555 8.99707 6.69298 8.66131 6.70219 8.32026C6.71141 7.97921 6.65222 7.63976 6.52811 7.32196L10.6078 4.4519C11.072 4.88779 11.6815 5.13584 12.3182 5.14796C12.9548 5.16009 13.5733 4.93544 14.0538 4.51754C14.5343 4.09964 14.8425 3.51825 14.9188 2.88605C14.9951 2.25384 14.8339 1.61583 14.4666 1.09567C14.0993 0.575502 13.5519 0.210216 12.9306 0.0705989C12.3093 -0.0690178 11.6583 0.0269769 11.1038 0.33998C10.5492 0.652983 10.1306 1.16071 9.92906 1.76476C9.72751 2.36881 9.75737 3.02617 10.0129 3.60946L5.97133 6.45272C5.61797 6.08858 5.16505 5.83675 4.66927 5.72876C4.17348 5.62077 3.65686 5.66141 3.18406 5.84559C2.71126 6.02978 2.30329 6.34933 2.01121 6.76424C1.71914 7.17916 1.55593 7.671 1.54202 8.17822C1.5281 8.68544 1.66411 9.18549 1.933 9.61579C2.2019 10.0461 2.59174 10.3875 3.05373 10.5973C3.51572 10.8072 4.02934 10.8761 4.5303 10.7954C5.03125 10.7148 5.49729 10.4881 5.87009 10.1439L9.9939 12.9337C9.78185 13.4446 9.73975 14.0102 9.87384 14.5469C10.0079 15.0835 10.3111 15.5629 10.7385 15.914C11.1659 16.2652 11.695 16.4695 12.2475 16.4969C12.8 16.5243 13.3466 16.3732 13.8067 16.0661C14.2667 15.7589 14.6158 15.3119 14.8023 14.7911C14.9888 14.2703 15.0028 13.7033 14.8423 13.1739C14.6818 12.6446 14.3553 12.1808 13.911 11.8513C13.4667 11.5217 12.9282 11.3438 12.375 11.3438Z' fill='%230E47CB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2054_644'%3E%3Crect width='16.5' height='16.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 8px center !important; padding-left: 30px !important; font-weight: normal !important; padding-top: 3px; color: var(--gs-base-color-eu-blue-100) !important; font-size: 15px; } .wt-share--menu .wt-share--menu-content { z-index: 7777 !important; padding: 0px 10px 0px 10px; } .wt-ecl-link:focus-visible { border-radius: unset; text-decoration:unset !important; } .wt-ecl-link:focus { text-decoration:unset !important; } @media (min-width: 991.5px) { .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link { background: #fff url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2054_644)'%3E%3Cpath d='M12.375 11.3438C11.7009 11.3433 11.0536 11.6077 10.5727 12.0802L6.47446 9.30771C6.61555 8.99707 6.69298 8.66131 6.70219 8.32026C6.71141 7.97921 6.65222 7.63976 6.52811 7.32196L10.6078 4.4519C11.072 4.88779 11.6815 5.13584 12.3182 5.14796C12.9548 5.16009 13.5733 4.93544 14.0538 4.51754C14.5343 4.09964 14.8425 3.51825 14.9188 2.88605C14.9951 2.25384 14.8339 1.61583 14.4666 1.09567C14.0993 0.575502 13.5519 0.210216 12.9306 0.0705989C12.3093 -0.0690178 11.6583 0.0269769 11.1038 0.33998C10.5492 0.652983 10.1306 1.16071 9.92906 1.76476C9.72751 2.36881 9.75737 3.02617 10.0129 3.60946L5.97133 6.45272C5.61797 6.08858 5.16505 5.83675 4.66927 5.72876C4.17348 5.62077 3.65686 5.66141 3.18406 5.84559C2.71126 6.02978 2.30329 6.34933 2.01121 6.76424C1.71914 7.17916 1.55593 7.671 1.54202 8.17822C1.5281 8.68544 1.66411 9.18549 1.933 9.61579C2.2019 10.0461 2.59174 10.3875 3.05373 10.5973C3.51572 10.8072 4.02934 10.8761 4.5303 10.7954C5.03125 10.7148 5.49729 10.4881 5.87009 10.1439L9.9939 12.9337C9.78185 13.4446 9.73975 14.0102 9.87384 14.5469C10.0079 15.0835 10.3111 15.5629 10.7385 15.914C11.1659 16.2652 11.695 16.4695 12.2475 16.4969C12.8 16.5243 13.3466 16.3732 13.8067 16.0661C14.2667 15.7589 14.6158 15.3119 14.8023 14.7911C14.9888 14.2703 15.0028 13.7033 14.8423 13.1739C14.6818 12.6446 14.3553 12.1808 13.911 11.8513C13.4667 11.5217 12.9282 11.3438 12.375 11.3438Z' fill='%230E47CB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2054_644'%3E%3Crect width='16.5' height='16.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 8px center !important; padding-left: 30px !important; font-weight: normal; padding-top: 3px; } } .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link { border: none; padding-right: 0 !important; min-width: unset; line-height: 33px; color: var(--gs-base-color-eu-blue-100) !important; margin-bottom: auto; margin-top: 3px; padding-bottom: 2px; font-size: 15px !important; font-weight: normal; font-family: Arial, sans-serif; } .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link svg { display: none; } .global-nav-middle .wt-share--menu-content a { color: #0e47cb !important; padding-top: unset; padding-bottom: 5px; padding-left: 12px; text-decoration: none; display: flex; padding-right: 12px; font: normal normal 400 14px / 16px arial, sans-serif; overflow: hidden; } @media (max-width: 991.5px) { .wt-share--menu .wt-share--menu-content { left: -55px; } body .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link { color: #fff !important; font-size: 12px !important; margin-top: -1px; line-height: 16px; } .wt-share--menu [aria-expanded="true"]:before{ left:8px !important; z-index:9999; } .wt-share--menu .wt-share--menu-content { min-width: 150px; } } .wt-share--menu [aria-expanded="true"]:before{ z-index:9999; } .signed-in .panelCreateAlertParent .button-holder { display: block; } .signed-in .panelCreateAlertParent #separator{ display:none; } button#_eu_europa_publications_portlet_wiw_searchportlet_SearchPortlet_wiwSearchMoreOptions:focus-visible { color: #444444; } @media(max-width: 991.5px){ .ecl-menu__container { flex-wrap: nowrap; } .ecl-menu__container .basket-summary a.basket-label { text-align: center !important; white-space: nowrap !important; } .ecl-menu__container .mobileShareButton { text-align: center !important; white-space: nowrap !important; } } div#custom-footer { display: none !important; } #custom-header.custom-header { display: none !important; } .OPPortalLayout .eCommerce-basket-portlet .order-final-step { min-height: 500px; } </style> <!-- Script --> <script> function gsExpandTree(e){ if(e.getAttribute('aria-expanded') == "true") { e.querySelector("i").classList.add("gs-icon-chevron-right"); e.querySelector("i").classList.remove("gs-icon-chevron-down"); } else { e.querySelector("i").classList.add("gs-icon-chevron-down"); e.querySelector("i").classList.remove("gs-icon-chevron-right"); } } //on modal open function gsOpenModal(e){ var dataTargetModal = e.getAttribute("data-target"); $(dataTargetModal).trigger('focus'); } </script> </div> </div> </div> </div> </div> </section> </div> </div> </div> <nav class="quick-access-nav" id="kxnq_quickAccessNav"> <div class="hide-accessible">Navigation</div> <ul> <li><a href="#maincontentarea">Skip to Content</a></li> </ul> </nav> <style> #content.terms-of-use-content:has(div) .sheet-header { display: none; } #content.terms-of-use-content .sheet { margin-bottom: 1.5rem; } #content.terms-of-use-content .btn-primary{ color: #FFFFFF!important; border: 2px solid var(--gs-base-color-link-100)!important; background-color: var(--gs-base-color-link-100); border-radius: 3px; padding: var(--gs-base-spacing-s) var(--gs-base-spacing-m)!important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none!important; font-size: var(--gs-base-font-size-sp-15)!important; font-weight: bold; line-height: 1; text-align: center; } #content.terms-of-use-content .btn-secondary{ color: var(--gs-base-color-gray-75)!important; border: 2px solid var(--gs-base-color-gray-75)!important; background-color: transparent; } .terms-of-use-content-header { background: #039; color: #FFFFFF !important; width: 100vw !important; max-width: 100% !important; display: flex; } .terms-of-use-content-header h1 { width: 100%; color: #FFF; margin-bottom: 10px !important; } </style> <div id="terms-of-use-content-header" class="d-none"> <div class="container"> <div class="col-md-12"> <div class="portlet-layout row ec_header-container-1"> <div class="col-lg-4 col-md-4 col-sm-4 portlet-column-first sub-container-head-r-1" id="logo-head"> <div class="site-main-logo"> <p> <a aria-label="European Commission" class="ecl-link ecl-link--standalone ecl-site-header__logo-link" href="https://commission.europa.eu/index_en"> <picture class="ecl-picture ecl-site-header__picture" title="European Commission"><img alt="European Commission logo" class="ecl-site-header__logo-image" src="/documents/d/dorie/logo-ec-header-svg"></picture> </a> </p> </div> </div> </div> </div> </div> <div class="gcss-op terms-of-use-content-header header"> <div class="container mr-auto ml-auto p-4 row"> <div>Publications Office of the EU</div> </div> </div> </div> <div id="content" class="gcss-op terms-of-use-content op-portal-site"></div> <script type="text/javascript"> (function() { if (document.querySelectorAll('form[action*="update_terms_of_use"]').length > 0) { if (window.self !== window.top) { window.top.location.reload(); } const termsOfUseHeader = document.getElementById('terms-of-use-content-header'); if (termsOfUseHeader) { termsOfUseHeader.classList.remove('d-none'); } const cancelButton = document.querySelectorAll('form[action*="update_terms_of_use"] .btn-cancel'); if (cancelButton && cancelButton.length > 0) { cancelButton[0].removeAttribute("onclick"); cancelButton[0].addEventListener('click', function(e) { e.preventDefault(); const redirect = window.location && window.location.origin ? ('?redirect=' + window.location.origin) : ''; window.location.href = '/c/portal/logout' + redirect; return false; }); } } })(); </script> <div class="container" id="wrapper"> <section id="main-content-top" > <div class="hide-accessible">Legal notices: Cookie policy - About Us</div> <div class="OPPortalLayout about-us" id="main-content" > <style> #header.header.custom-header{ display: none !important; } </style> <style type="text/css"> .master-layout-fragment .portlet-header { display: none; } </style> <div id="custom-header" class="header custom-header "> <div class="portlet-layout row"> <div class="col-lg-3 col-md-12 col-sm-12 portlet-column-first " id="custom-header-portlet-container"> <div class=""> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet:%2Fo%2Fopportal.displayCustomHeader%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_"> <span id="p_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayCustomHeader</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> <div class="col-md-12 col-sm-12 portlet-column portlet-column-first" id="header-column"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_header-column"></div> </div> </div> </div> <header id="header" class="header ecl-site-header" data-ecl-auto-init="SiteHeader"> <div class="portlet-layout row ec_header-container-1"> <div class="col-lg-6 col-md-6 col-sm-6 portlet-column-first sub-container-head-r-1" id="logoMain"> <div class="site-main-logo"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet:%2Fo%2Fopportal.displayLogo%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_"> <span id="p_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayLogo</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="journal-content-article " data-analytics-asset-id="115852" data-analytics-asset-title="EU logo" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="115854"> <a href="https://european-union.europa.eu/index_en" target="_self"> <img class="site-logo hidden-xs visible-print-block" src="/documents/10197/13489006/logo-eu-en.svg/5dd643ec-82e4-f3f0-4132-6f410ec3aadc?t=1698222466258" alt="Photo of Publications Office of the European Union" /> <img class="site-logo-mobile hidden-md hidden-lg hidden-print" src="/documents/10197/13489006/logo-eu-en-mobile.svg/7be79ebc-525f-3d0b-0978-ba93a7fe2368?t=1698222467611" alt="Photo of Publications Office of the European Union" /> <span class="screen-readers-only">Publications Office of the European Union</span> </a> </div> </div> </div> </div> </section> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 portlet-column-last sub-container-head-r-1 rightHeader"> <div class="ecl-site-header__header"> <div class="ecl-site-header__container"> <div class="ecl-site-header__top" data-ecl-site-header-top> <div class="ecl-site-header__action"> <div class="accSignin"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fcss%2Fmain.css&t=1732212520000" rel="stylesheet" type="text/css" /> <script src="/combo?browserId=ie&minifierType=js&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fjs%2Fmyportal.js&t=1732212520000" type="text/javascript"></script> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_myPortal_MyPortalPortlet_ portlet-static portlet-static-end portlet-decorate myportal " id="p_p_id_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_"> <span id="p_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">MyPortal</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="ecl-site-header__login-container"> <div class="myportalwrapper" id="_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_myportalwrapper"> <a class="ecl-button ecl-button--ghost ecl-site-header__login-toggle" tabindex="0" aria-label="Log in" href="javascript:_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_showLoginPopUpWindow('/c/portal/login?p_l_id=6234383&redirect=https://op.europa.eu/login-redirect/-/redirectLogin/1', '',600);"> <i class="gs-icon-log-in" aria-hidden="true"></i> <span>Log in</span> </a> </div> </div> </div> </div> </div> </section> </div> </div> <div class="accLanguage"> <div id="languageselection" class="portlet-static portlet-static-end portlet-journal-content-search d-sm-block"> <div class="language-selector-wrapper"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-decorate portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"> <span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Language Selector</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="ecl-site-header__language"> <a class="ecl-button ecl-button--ghost ecl-site-header__language-selector" href="#" data-ecl-language-selector role="button" aria-label="Change language, current language is English" aria-controls="language-list-overlay"> <span class="ecl-site-header__language-icon"> <i class="gs-icon-global" aria-hidden="true" style="font-size: 24px; padding-right: 6px;"></i></span>English</a> <div class="ecl-site-header__language-container" id="language-list-overlay" hidden data-ecl-language-list-overlay aria-labelledby="ecl-site-header__language-title" role="dialog"> <div class="ecl-site-header__language-header"> <div class="ecl-site-header__language-title" id="ecl-site-header__language-title">Select your language</div> <button class="ecl-button ecl-button--ghost ecl-site-header__language-close" type="submit" data-ecl-language-list-close> <span class="ecl-button__container"> <span class="ecl-u-sr-only" data-ecl-label="true">Close</span> <i class="gs-icon-close" aria-hidden="true"></i> </span></button> </div> <div class="ecl-site-header__language-content"> <div class="ecl-site-header__language-category" data-ecl-language-list-eu> <div class="ecl-site-header__language-category-title">Official EU languages:</div> <ul class="ecl-site-header__language-list"> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("bg"); return false;' class="taglib-language-option taglib-language-option-bg-BG ecl-link ecl-link--standalone ecl-site-header__language-link " lang="bg-BG" hreflang="bg_BG" ><span class="ecl-site-header__language-link-code">bg</span> <span class="ecl-site-header__language-link-label">български</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("es"); return false;' class="taglib-language-option taglib-language-option-es-ES ecl-link ecl-link--standalone ecl-site-header__language-link " lang="es-ES" hreflang="es_ES" ><span class="ecl-site-header__language-link-code">es</span> <span class="ecl-site-header__language-link-label">español</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("cs"); return false;' class="taglib-language-option taglib-language-option-cs-CZ ecl-link ecl-link--standalone ecl-site-header__language-link " lang="cs-CZ" hreflang="cs_CZ" ><span class="ecl-site-header__language-link-code">cs</span> <span class="ecl-site-header__language-link-label">čeština</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("da"); return false;' class="taglib-language-option taglib-language-option-da-DK ecl-link ecl-link--standalone ecl-site-header__language-link " lang="da-DK" hreflang="da_DK" ><span class="ecl-site-header__language-link-code">da</span> <span class="ecl-site-header__language-link-label">dansk</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("de"); return false;' class="taglib-language-option taglib-language-option-de-DE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="de-DE" hreflang="de_DE" ><span class="ecl-site-header__language-link-code">de</span> <span class="ecl-site-header__language-link-label">Deutsch</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("et"); return false;' class="taglib-language-option taglib-language-option-et-EE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="et-EE" hreflang="et_EE" ><span class="ecl-site-header__language-link-code">et</span> <span class="ecl-site-header__language-link-label">eesti keel</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("el"); return false;' class="taglib-language-option taglib-language-option-el-GR ecl-link ecl-link--standalone ecl-site-header__language-link " lang="el-GR" hreflang="el_GR" ><span class="ecl-site-header__language-link-code">el</span> <span class="ecl-site-header__language-link-label">Ελληνικά</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("en"); return false;' class="taglib-language-option taglib-language-option-en-GB ecl-link ecl-link--standalone ecl-site-header__language-link ecl-site-header__language-link--active" lang="en-GB" hreflang="en_GB" ><span class="ecl-site-header__language-link-code">en</span> <span class="ecl-site-header__language-link-label">English</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("fr"); return false;' class="taglib-language-option taglib-language-option-fr-FR ecl-link ecl-link--standalone ecl-site-header__language-link " lang="fr-FR" hreflang="fr_FR" ><span class="ecl-site-header__language-link-code">fr</span> <span class="ecl-site-header__language-link-label">français</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("ga"); return false;' class="taglib-language-option taglib-language-option-ga-IE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="ga-IE" hreflang="ga_IE" ><span class="ecl-site-header__language-link-code">ga</span> <span class="ecl-site-header__language-link-label">Gaeilge</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("hr"); return false;' class="taglib-language-option taglib-language-option-hr-HR ecl-link ecl-link--standalone ecl-site-header__language-link " lang="hr-HR" hreflang="hr_HR" ><span class="ecl-site-header__language-link-code">hr</span> <span class="ecl-site-header__language-link-label">hrvatski</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("it"); return false;' class="taglib-language-option taglib-language-option-it-IT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="it-IT" hreflang="it_IT" ><span class="ecl-site-header__language-link-code">it</span> <span class="ecl-site-header__language-link-label">italiano</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("lv"); return false;' class="taglib-language-option taglib-language-option-lv-LV ecl-link ecl-link--standalone ecl-site-header__language-link " lang="lv-LV" hreflang="lv_LV" ><span class="ecl-site-header__language-link-code">lv</span> <span class="ecl-site-header__language-link-label">latviešu valoda</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("lt"); return false;' class="taglib-language-option taglib-language-option-lt-LT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="lt-LT" hreflang="lt_LT" ><span class="ecl-site-header__language-link-code">lt</span> <span class="ecl-site-header__language-link-label">lietuvių kalba</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("hu"); return false;' class="taglib-language-option taglib-language-option-hu-HU ecl-link ecl-link--standalone ecl-site-header__language-link " lang="hu-HU" hreflang="hu_HU" ><span class="ecl-site-header__language-link-code">hu</span> <span class="ecl-site-header__language-link-label">magyar</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("mt"); return false;' class="taglib-language-option taglib-language-option-mt-MT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="mt-MT" hreflang="mt_MT" ><span class="ecl-site-header__language-link-code">mt</span> <span class="ecl-site-header__language-link-label">Malti</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("nl"); return false;' class="taglib-language-option taglib-language-option-nl-NL ecl-link ecl-link--standalone ecl-site-header__language-link " lang="nl-NL" hreflang="nl_NL" ><span class="ecl-site-header__language-link-code">nl</span> <span class="ecl-site-header__language-link-label">Nederlands</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("pl"); return false;' class="taglib-language-option taglib-language-option-pl-PL ecl-link ecl-link--standalone ecl-site-header__language-link " lang="pl-PL" hreflang="pl_PL" ><span class="ecl-site-header__language-link-code">pl</span> <span class="ecl-site-header__language-link-label">polski</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("pt"); return false;' class="taglib-language-option taglib-language-option-pt-PT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="pt-PT" hreflang="pt_PT" ><span class="ecl-site-header__language-link-code">pt</span> <span class="ecl-site-header__language-link-label">português</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("ro"); return false;' class="taglib-language-option taglib-language-option-ro-RO ecl-link ecl-link--standalone ecl-site-header__language-link " lang="ro-RO" hreflang="ro_RO" ><span class="ecl-site-header__language-link-code">ro</span> <span class="ecl-site-header__language-link-label">română</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("sk"); return false;' class="taglib-language-option taglib-language-option-sk-SK ecl-link ecl-link--standalone ecl-site-header__language-link " lang="sk-SK" hreflang="sk_SK" ><span class="ecl-site-header__language-link-code">sk</span> <span class="ecl-site-header__language-link-label">slovenčina</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("sl"); return false;' class="taglib-language-option taglib-language-option-sl-SI ecl-link ecl-link--standalone ecl-site-header__language-link " lang="sl-SI" hreflang="sl_SI" ><span class="ecl-site-header__language-link-code">sl</span> <span class="ecl-site-header__language-link-label">slovenščina</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("fi"); return false;' class="taglib-language-option taglib-language-option-fi-FI ecl-link ecl-link--standalone ecl-site-header__language-link " lang="fi-FI" hreflang="fi_FI" ><span class="ecl-site-header__language-link-code">fi</span> <span class="ecl-site-header__language-link-label">suomi</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("sv"); return false;' class="taglib-language-option taglib-language-option-sv-SE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="sv-SE" hreflang="sv_SE" ><span class="ecl-site-header__language-link-code">sv</span> <span class="ecl-site-header__language-link-label">svenska</span> </a> </li> </ul> </div> <div class="ecl-site-header__language-category d-none" data-ecl-language-list-non-eu> <div class="ecl-site-header__language-category-title">Other languages:</div> <ul class="ecl-site-header__language-list"> <li class="ecl-site-header__language-item"><a href="#" class="ecl-link ecl-link--standalone ecl-site-header__language-link" lang="tr" hreflang="tr"><span class="ecl-site-header__language-link-code">tr</span><span class="ecl-site-header__language-link-label">trtrtrtr</span></a></li> </ul> </div> </div> </div> </div> <style> .ecl-site-header__language{ text-align: left; } </style> <script> function _com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage(langParam) { if(window.location.href.includes("/publication-detail/-/publication/")){ let currentUrlLangRedirect = new URL(window.location.href); let paramsLangRedirect = currentUrlLangRedirect.searchParams; let finalUrlLangRedirect = currentUrlLangRedirect.origin + currentUrlLangRedirect.pathname.split("/language-")[0]; window.location.href = finalUrlLangRedirect.replace("/"+ "en" +"/", "/"+langParam+"/"); } else{ window.location.href = window.location.href.replace("/"+ "en" +"/", "/"+langParam+"/"); } } if(!window.location.href.includes(".europa.eu/en")){ window.location.href = window.location.href.replace(".europa.eu", ".europa.eu/en"); } if(window.location.href.includes("/en//")){ window.location.href = window.location.href.replace(".europa.eu/en//", ".europa.eu/en/"); } </script> </div> </div> </div> </section> </div> </div> </div> </div> <div class="accMachineTranslation"> </div> </div> </div> </div> </div> </div> </div> <!-- --> <div class="portlet-layout row ec_header-container-2" id="ec_header-container-2"> <div class="col-lg-5 col-md-12 col-sm-12 portlet-column-first " id="logo"> <div class="site-main-logo"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_logo"></div> <div class="default-op-sitename-portlet"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-13610194" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13610192" data-analytics-asset-title="Sitename about us" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13610194"> <style type="text/css">@import url('/documents/d/global/header-eu-sitename-v2'); </style> <div class="gcss-op"> <div class="ls-header-sitename-area"> <p class="ls-sitename">Publications Office of the European Union</p> <!-- Site info and tagline --> <div class="ls-line-2"> <p class="ls-site-info"><a class="stretched-link" href="/web/about-us">About us</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <div class="col-lg-5 col-md-12 col-sm-12 portlet-column" id="headercontent"> <div class="portlet-layout row container-fluid left40"> <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 search-portlet-header"> <div id="mainSearchStatic" class="portlet-static portlet-static-end portlet-journal-content-search container-fluid " role="search"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy:%2Fo%2Feu.europa.publications.portlet.main_search%2Fcss%2Fmain.css&t=1732212504000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_main_search_MainSearchPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_"> <span id="p_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">MainSearch</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <form action="https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy?p_p_id=eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_javax.portlet.action=mainSearchAction" class="form " data-fm-namespace="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm" method="post" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm" autocomplete="off" id="submitSearch_form" accept-charset="UTF-8" > <div aria-label="MainSearch" class="input-container" role="group"> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formDate" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formDate" type="hidden" value="1732416447110" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_redirect" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_redirect" type="hidden" value="" /> <div class="search-results-form-container"> <div class="search-results-form withCollectionSelector"> <label class="visuallyhidden" for="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain">Select</label> <div class="form-group inline-collection-selector input-select-wrapper"> <select class="form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain" title="Domain" > <option class="" value="EULex,EUPub,EUDir,EUWebPage,EUSummariesOfLegislation,PublicProcurement" > All collections </option> <option class="" value="EULex" > EU law </option> <option class="" value="EUPub" > EU publications </option> <option class="" value="EUDir" > EU official directory </option> <option class="" value="EUWebPage" > Web pages </option> <option class="" value="EUSummariesOfLegislation" > Summaries of EU legislation </option> <option class="" value="PublicProcurement" > EU tenders </option> </select> </div> <div class="form-group search-text-input input-text-wrapper"> <input class="field lfr-search-keywords yui3-skin-sam form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText" title="Search" type="text" value="" onblur="removeValidationMessage(undefined, undefined, undefined, undefined, 'form-validator-stack help-inline');" role="combobox" aria-autocomplete="list" autocomplete="off" maxlength="255" onkeyup="changeInput(value, 2, this, 'form-validator-stack help-inline');" aria-label="Search" /> </div> <a class="delete-icon" onclick="var input = document.getElementById('_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); clearSearchText(input);"> <span class="op-icon op-icon-delete-icon small" /></a> <button class="btn search-btn-input btn-primary" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_search-button" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_search-button" type="submit" aria-label="search button" > <span class="lfr-btn-label"><span class=''>Search</span></span> </button> </div> </div> <div class="mobile-search-options"> <span href="#" class="mobile-search-option-display"> <span class="glyphicon glyphicon-chevron-down"></span> <span class="label"> More </span> </span> </div> <div class="portlet-borderless-container actions-bottom-search mobile-search-display"> <span class="more-search-options wtSearchButton"> <a href="https://op.europa.eu/en/more-search-options" class="aui-field-inline lfr-search-more" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchMoreOptions" >Advanced search</a> </span> <span class="browse-by-subject-options wtSearchButton"> <a href="/web/eu-law-and-publications/browse-by-subject" class="aui-field-inline lfr-browse-by-subject" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_browseBySubject" >Browse by subject</a> </span> <span class="query-wizard-options wtSearchButton"> <a href="/web/eu-law-and-publications/linked-data" class="aui-field-inline lfr-query-wizard" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryWizardOptions" >Expert Search</a> </span> </div> <script type="text/javascript"> var labelMore = 'More'; var labelLess = 'Less'; AUI().use('node', function(Y){ Y.all('.mobile-search-option-display').on('click', function(e) { var searchOptions = Y.one(".mobile-search-display"); var searchOptionButtonLabel = Y.one(".mobile-search-options .label"); var searchOptionButtonChevron = Y.one(".mobile-search-options .glyphicon"); var searchOptionsShow = false; if(!searchOptions.hasClass("show-options")) { searchOptions.addClass("show-options"); searchOptionButtonLabel.setContent(labelLess); searchOptionsShow = !searchOptionButtonChevron.hasClass("glyphicon-chevron-right") && searchOptionButtonChevron.hasClass("glyphicon-chevron-down"); if(searchOptionsShow) { searchOptionButtonChevron.addClass("glyphicon-chevron-right"); searchOptionButtonChevron.removeClass("glyphicon-chevron-down") } } else { searchOptions.removeClass("show-options"); searchOptionButtonLabel.setContent(labelMore); searchOptionsShow = searchOptionButtonChevron.hasClass("glyphicon-chevron-right") && !searchOptionButtonChevron.hasClass("glyphicon-chevron-down"); if(searchOptionsShow) { searchOptionButtonChevron.removeClass("glyphicon-chevron-right"); searchOptionButtonChevron.addClass("glyphicon-chevron-down") } } }); }); </script> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete" type="hidden" value="10" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage" type="hidden" value="en" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_minSearchChars" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_minSearchChars" type="hidden" value="2" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars" type="hidden" value="250" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchBoxPlaceholder" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchBoxPlaceholder" type="hidden" value="Search" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_SEARCH_TYPE" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_SEARCH_TYPE" type="hidden" value="SIMPLE" /> </div> </form> <script type="text/javascript"> var mainSearchLoadJavascript = true; var mainSearchPortlet = '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_'; var mainSearchPredefParamNames = 'queryText'; </script> <script type="text/javascript"> YUI().use('node', 'opportal-placeholder', 'event', 'webtrends', function (Y) { var ipt = Y.one('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); ipt.plug(Y.Plugin.Placeholder, { text: 'Search', hideOnFocus: true }); var moreSearchOptions = Y.all(".lfr-search-more"); moreSearchOptions.on('click', function (e) { /*e.preventDefault();*/ if (!ipt.hasClass('yui3-placeholder-text')) { var _this = Y.one(e.currentTarget); _this.set("href", updateURLParameter(_this.get("href"), "queryText", encodeURIComponent(ipt.get('value')))); } }); function updateURLParameter(url, param, paramVal) { var newAdditionalURL = ""; var tempArray = url.split("?"); var baseURL = tempArray[0]; var additionalURL = tempArray[1]; var temp = ""; if (additionalURL) { tempArray = additionalURL.split("&"); for (i = 0; i < tempArray.length; i++) { if (tempArray[i].split('=')[0] != param) { newAdditionalURL += temp + tempArray[i]; temp = "&"; } } } var rows_txt = temp + "" + param + "=" + paramVal; return baseURL + "?" + newAdditionalURL + rows_txt; } }); YUI().use('autocomplete', 'autocomplete-highlighters', function (Y) { getAutocompleteSearchURL = function (query) { var autocompleteURL = ''; var allDomains = 'EULex, EUPub, EUDir, EUWebPage, EUSummariesOfLegislation, PublicProcurement'; var domainParam = '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain'; var AUI_CHECHBOX_SUFFIX = "Checkbox"; var selectedDomains = allDomains; var domainSelector = Y.one('#' + mainSearchPortlet + 'domain'); if (domainSelector) { selectedDomains = domainSelector.get('value'); } else { var domainList = ''; for (var checkBoxIndex = 0; checkBoxIndex < 5; checkBoxIndex++) { try { var checkBox = Y.one('#' + mainSearchPortlet + 'SinCollections_' + checkBoxIndex + AUI_CHECHBOX_SUFFIX); if (checkBox && checkBox.get('checked')) { domainList += (checkBox.get('value') + ','); } } catch (e) { } } if (domainList.length > 0) { selectedDomains = domainList; } } autocompleteURL += ('&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchText=' + query + '&' + domainParam + '=' + selectedDomains); return autocompleteURL; }; var queryTextInput = Y.one('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); var parent = Y.one('#main-search-inputs'); if (queryTextInput != undefined && queryTextInput != null && (queryTextInput.ac == undefined || queryTextInput.ac == null)) { queryTextInput.plug(Y.Plugin.AutoComplete, { render: parent, resultHighlighter: 'subWordMatch', minQueryLength: '2', queryDelay: 200, source: 'https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy?p_p_id=eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage=en&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete=10&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars=250', requestTemplate: getAutocompleteSearchURL, tabSelect: true }); } }); </script> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div class=" col-lg-2 col-md-12 col-sm-12 portlet-column-last rightHeader"> <div class="accBasket"> <div class="shopping-basket-embedded pull-right"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fcss%2Fmain.css&t=1732212614000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE_"> <span id="p_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">BasketSummary</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="basket-summary-portlet" role="dialog" aria-haspopup="true"> <div class="basket-summary row"> <div class="with-icon"> <a aria-label="Basket" tabindex="0" class="basket-label" href="/en/web/eu-law-and-publications/basket?t=17324164471131652821418"> <span class="basket-items"><i class="gs-icon-basket" aria-hidden="true"></i><span class="value">0</span></span> <span>Basket</span> <div class="myportalwrapper"> <a id="basket-preview" tabindex="-1" role="button" data-toggle="dropdown" class="dropdown hidden" href="#" aria-haspopup="true" aria-expanded="false"> <span class="basket-summary" aria-label="Close">X</span> </a> <ul class="dropdown-menu basket-card" aria-labelledby="basket-preview" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 21px, 0px); margin-left: -280%;"> <li class="basket-preview-title"> <span class="bp-title">Basket</span> <span class="bp-item"><span class="value"> </span> items</span> <span class="bp-x pull-right"> <a id="basket-preview-fake" tabindex="2" aria-label="Close window"> <span class="basket-summary">X</span> </a> </span> </li> <li class="basket-preview-message"> <span class="icon-succes-bp-message"></span> <span class="sr-only-focusable" id="basketStatsSr" aria-live="assertive" aria-atomic="false" tabindex="0">This item has been added.</span> </li> <li class="basket-item"> <div class="bp-item-image"><img src="" alt="thumbnail" title="" /></div> <div class="bp-item-description"></div> <div class="bp-item-det"> <span class="bp-vb-language"></span> <span class="bp-vb-qty">Qty: <span class="value">x</span></span> <span class="bp-vb-price">€ <span class="value">x</span></span> </div> </li> <li class="basket-preview-total"> <span class="bp-total-label">Subtotal</span> <span class="bp-total">€ <span class="value">x</span></span> </li> <li class="basket-preview-grand-total"> <span class="bp-total-label">Total</span> <span class="bp-total">€ <span class="value">0.0</span></span> </li> <li class="basket-preview-btns"> <span class="bp-vb-label"> <a class="btn bp-view-btn" href="/en/web/eu-law-and-publications/basket?t=17324164471131652821418" role="button">View basket</a> </span> <span class="bp-checkout"> <a class="btn bp-checkout-btn" href="/en/web/eu-law-and-publications/basket?t=17324164471131652821418" role="button">Checkout</a> </span> </li> </ul> </div> </a> </div> </div> </div> <script> adjustBasketParent(); window.addEventListener('resize', adjustBasketParent); function adjustBasketParent(){ var containerPortletDefault = document.querySelector(".shopping-basket-embedded"); var containerPortletDesktop = document.querySelector(".accBasket"); var containerPortletMobile = document.querySelector(".container-accBasket-mobile"); if(document.documentElement.clientWidth < 991.5){ if(containerPortletDefault && containerPortletMobile && containerPortletDesktop && containerPortletMobile.childElementCount == 0){ containerPortletMobile.appendChild(containerPortletDefault); } } if(document.documentElement.clientWidth > 991.5){ if(containerPortletDefault && containerPortletMobile && containerPortletDesktop && containerPortletDesktop.childElementCount == 1){ containerPortletDesktop.appendChild(containerPortletDefault); } } } </script> </div> </div> </div> </section> </div> <script src="/combo?browserId=ie&minifierType=js&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fjs%2Fbasket_summary.js&t=1732212614000" type="text/javascript"></script> </div> </div> </div> </div> <!-- --> <nav class="ecl-menu ecl-menu--group1" data-ecl-menu data-ecl-menu-max-lines="2" data-ecl-auto-init="Menu" aria-expanded="false" role="navigation"> <div class="ecl-menu__overlay" data-ecl-menu-overlay></div> <div class="ecl-container ecl-menu__container"> <a href="/web/about-us/faq" class="ecl-link ecl-link--standalone ecl-menu__open hide-desktop"> <i class="gs-icon-help-question" aria-hidden="true"></i><span>Help</span> </a> <div class="mobileShareButton ecl-link ecl-link--standalone ecl-menu__open"> <i class="gs-icon-social-share" aria-hidden="true"></i> <script type="application/json">{ "service": "share", "version": "2.0", "popup": true, "more": ["x","facebook","linkedin","email","blogger","yammer","digg","tumblr","reddit"] }</script> <style> .mobileShareButton:not(:has(a)) { display: none !important; } </style> </div> <div class="container-accBasket-mobile ecl-link ecl-link--standalone ecl-menu__open"> </div> <a class="ecl-link ecl-link--standalone ecl-menu__open" href="#" onclick="toogleMobileSearch(); return false;"> <i class="gs-icon-search" aria-hidden="true"></i> <span>Search</span> </a> <script> var toogleMobileSearch = function () { AUI().use('node', function (Y) { var searchPortletHeader = document.querySelector(".search-portlet-header"); displayStyleSearchPortletHeader = window.getComputedStyle(searchPortletHeader); displayStyle = displayStyleSearchPortletHeader.getPropertyValue('display'); if(displayStyle == "none"){ searchPortletHeader.style.display = 'block'; }else{ searchPortletHeader.style.display = 'none'; } }); }; </script> <div class="separator ecl-link ecl-link--standalone ecl-menu__open"></div> <a class="ecl-link ecl-link--standalone ecl-menu__open" href="#" data-ecl-menu-open> <i class="gs-icon-menu" aria-hidden="true"></i>Menu</a> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1732209498000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-decorate portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Menu Display</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="list-menu"> <section class="ecl-menu__inner" data-ecl-menu-inner> <header class="ecl-menu__inner-header"> <button class="ecl-menu__close ecl-button ecl-button--text" type="submit" data-ecl-menu-close> <span class="ecl-menu__close-container ecl-button__container"> <i class="gs-icon-close" aria-hidden="true"></i><span class="ecl-button__label" data-ecl-label="true">Close</span> </span> </button> <div class="ecl-menu__title">Menu</div> <button data-ecl-menu-back type="submit" class="ecl-menu__back ecl-button ecl-button--text"> <span class="ecl-button__container"> <i class="gs-icon-chevron-down" aria-hidden="true"></i><span class="ecl-button__label" data-ecl-label>Back</span> </span> </button> </header> <button class="ecl-button ecl-button--ghost ecl-menu__item ecl-menu__items-previous" type="button" data-ecl-menu-items-previous tabindex="-1"> <span class="ecl-button__container"> <i></i><span class="ecl-u-sr-only" data-ecl-label="true">Previous items</span> </span> </button> <button class="ecl-button ecl-button--ghost ecl-menu__item ecl-menu__items-next" type="button" data-ecl-menu-items-next tabindex="-1"> <span class="ecl-button__container"> <i></i><span class="ecl-u-sr-only" data-ecl-label="true">Next items</span> </span> </button> <ul class="ecl-menu__list en" data-ecl-menu-list> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/en/home" class="ecl-menu__link " data-ecl-menu-link>Publications Office</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/law" class="ecl-menu__link " data-ecl-menu-link>EU law</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://data.europa.eu" class="ecl-menu__link " data-ecl-menu-link>European data</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/en/web/public-procurement/landing-page-public-procurement" class="ecl-menu__link " data-ecl-menu-link>EU tenders</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://cordis.europa.eu" class="ecl-menu__link " data-ecl-menu-link>EU research results</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/web/who-is-who/" class="ecl-menu__link " data-ecl-menu-link>EU Whoiswho</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/web/general-publications/publications" class="ecl-menu__link " data-ecl-menu-link>EU publications</a> </li> </ul> </section> <script> function removeForcedMobileEcHeader47091(){ if(document.body.clientWidth >= 992) { var selectedElement = document.querySelector(".ecl-menu.ecl-menu--group1.ecl-menu--forced-mobile.ecl-menu--transition"); if(selectedElement){ selectedElement.classList.remove("ecl-menu--forced-mobile"); } } } if(document.body.clientWidth < 992) { $('.ecl-link.ecl-link--standalone.ecl-menu__open:last-of-type').click(function(e) { var searchPortletHeader = document.querySelector(".search-portlet-header"); searchPortletHeader.style.display = 'none'; }); } // Select the node that will be observed for mutations var targetNodeHeaderForcedMobile47091 = document.querySelector(".ecl-menu.ecl-menu--group1"); // Options for the observer (which mutations to observe) var configHeaderForcedMobile47091 = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed var callbackHeaderForcedMobile47091 = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { removeForcedMobileEcHeader47091(); } else if (mutation.type === "attributes") { removeForcedMobileEcHeader47091(); } } }; // Create an observer instance linked to the callback function var observerHeaderForcedMobile47091 = new MutationObserver(callbackHeaderForcedMobile47091); // Start observing the target node for configured mutations observerHeaderForcedMobile47091.observe(targetNodeHeaderForcedMobile47091, configHeaderForcedMobile47091); </script> </div> <style> button.ecl-button.ecl-button--primary.ecl-menu__button-caret{ background: unset; border: unset; margin: unset; } button.ecl-button.ecl-button--primary.ecl-menu__button-caret i{ color: #fff; transition-delay: .25s; } .ecl-menu__item--has-children:hover button.ecl-button.ecl-button--primary.ecl-menu__button-caret i, button.ecl-button.ecl-button--primary.ecl-menu__button-caret:focus-within i{ color: #0e47cb; transform: rotate(180deg); } @media(max-width: 991.5px) { .ecl-menu__item--has-children .ecl-button--primary.ecl-menu__button-caret{ background-color: #e7edfa !important; } .ecl-menu__item--has-children .ecl-button--primary.ecl-menu__button-caret i{ color: #0e47cb !important; transform: rotate(270deg); } .ecl-menu__inner-header .ecl-menu__back.ecl-button.ecl-button--text{ color: #fff; border: unset; margin: unset; padding: unset; } .ecl-menu__inner-header .ecl-menu__back.ecl-button.ecl-button--text .ecl-button__label{ margin-left: 10px; } .ecl-menu__inner-header .ecl-menu__back.ecl-button.ecl-button--text i{ transform: rotate(90deg); } .ecl-menu__inner-header .ecl-menu__close.ecl-button.ecl-button--text{ margin-bottom: unset; } section.ecl-menu__inner.ecl-menu__inner--expanded{ overflow-x: hidden; } } </style> </div> </div> </div> </section> </div> </div> </nav> </header> <nav id="globalnav" class="globalnav "> <div class="global-nav-middle"> <div class="portlet-layout row"> <div class="tabnav col-md-8 col-lg-9 portlet-column portlet-column-first" id="tabnav"> <div class="navigation-hide-mobile"> <div class="breadcrumbs" id="breadcrumbs"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_ portlet-static portlet-static-end portlet-decorate portlet-breadcrumb " id="p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb_"> <span id="p_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Breadcrumb</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <nav aria-label="Breadcrumb" id="_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb_breadcrumbs-defaultScreen"> <div class="breadcrumbsComponent-mobile"> <div class="d-none">/en/web/eu-law-and-publications</div> <div class="d-none">https://op.europa.eu/en/web/about-us/about-us</div> <div class="d-none">https://op.europa.eu/en/web/about-us/legal-notices</div> <a class="breadcrumb-mobile-link" href="https://op.europa.eu/en/web/about-us/legal-notices" title="One level up"> <span class="arrow-back-mobile"></span><span>One level up</span> </a> <div class="d-none">https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy</div> </div> <ol class="breadcrumb breadcrumbsComponent breadcrumbsComponent-desktop"> <li class="breadcrumb-item"> <a class="breadcrumb-link" href="/en/home" title="Publications Office of the EU"> <span class="breadcrumb-text-truncate">Publications Office</span> </a> <i class="gs-icon-chevron-right" aria-hidden="true"></i> </li> <li class="breadcrumb-item"> <a class="breadcrumb-link" href="https://op.europa.eu/en/web/about-us/about-us" title="About us"> <span class="breadcrumb-text-truncate">About us</span> </a> <i class="gs-icon-chevron-right" aria-hidden="true"></i> </li> <li class="breadcrumb-item"> <a class="breadcrumb-link" href="https://op.europa.eu/en/web/about-us/legal-notices" title="Legal notices"> <span class="breadcrumb-text-truncate">Legal notices</span> </a> <i class="gs-icon-chevron-right" aria-hidden="true"></i> </li> <li class="breadcrumb-item"> <span class="active breadcrumb-text-truncate">Cookie policy</span> </li> </ol> <style> </style> </nav> </div> </div> </div> </section> </div> </div> </div> </div> <div class="col-md-4 col-lg-3 portlet-column portlet-column-last"> <div class="help"><a href="/web/about-us/faq">Help</a></div> <div class="op-portal-share"> <script type="application/json">{ "service": "share", "version": "2.0", "popup": true, "more": ["x","facebook","linkedin","email","blogger","yammer","digg","tumblr","reddit"] }</script> </div> </div> </div> </div> </nav> <main id="maincontent" class="maincontent container"> <div class="maincontent-page-bleed"> <div class="portlet-layout col-md-12 portlet-column portlet-column-only"> <div class="container container-fluid-legacy p-0"> <div class="portlet-column col-12"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-last" id="layout-column_maintop"></div> </div> </div> </div> <div class="portlet-layout row"> <aside class="localnav col-sm-12 col-md-12 col-lg-3 hidden-print portlet-column portlet-column-first about-us-menu" id="localnav"> <div class="empty portlet-dropzone portlet-column-content" id="layout-column_localnav"></div> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1732209498000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-decorate portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Menu Display</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <style> /*the color of the border*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div{ border-left: 4px solid #132760; font-weight: bold; } /*the color of the text int the link*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a:active, .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a:focus, .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a{ color: #132760 !important; font-weight: bold !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv li a { color: #333333 !important; } /*the svg for the arrow*/ .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before { /*background-image: url("");*/ } /*the color of the hover background*/ /* .opportal-site-navigation-vertical-collapse-desktop .customCsub.collapse.show li[id^="layout_"] > div:hover { background-color: #F5F5F5; } */ .opportal-site-navigation-vertical-collapse-desktop li[id^="layout_"] > div:hover { background-color: #F5F5F5; } /*the color of the active link background*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div{ background-color: #EEEEEE; } .opportal-site-navigation-vertical-collapse-desktop a:focus{ outline: 1px solid #5599FF !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div { padding: 0 !important; min-height: 45px; height: auto !important; display: flex; border-bottom: 1px solid #ddd; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:nth-child(2) { width: 45px; height: 45px; position: absolute; margin-right: 0 !important; right: 0; /*padding: 14px 11px 11px 15px !important;*/ padding: 12px !important; text-align: center; }.opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:nth-child(2) > span{ float: unset !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:first-child{ padding: 14px 40px 11px 15px !important; width: 100%; margin-right: 0; float: left; text-decoration: none !important; } .opportal-site-navigation-vertical-collapse-desktop .customCsub.collapse.show li[id^="layout_"]:hover { background-color: unset; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv li { border-bottom: 0 !important; margin-bottom: 0 !important; } @media (max-width: 991.5px){ .opportal-site-navigation-vertical-collapse-desktop { display: none !important; } #localnav.localnav{ display: block !important; width: 100%; max-width: 100%; } #localnav.localnav .navbar-toggle { display: block; } .layout-class-portal2012-layout-brows-by-subject .OPPortalLayout .maincontent { margin-top: unset; } } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before { transform: rotate(180deg); } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr.collapsed .icon-arrow-down::before { transform: rotate(0deg); } .menu-mobile-burger-container .customClassC.lfr-nav-item div{ padding: 0!important; height: 45px!important; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:hover, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:active, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:focus{ padding: 0; line-height: 45px !important; height: 45px !important; display: block; text-decoration: unset !important; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a span{ padding: 0 7px; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a.collapsed span{ line-height: 33px; margin-top: 6px; padding: 0 14px; border-left: 1px solid #8890A1; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a span i{ vertical-align: middle; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv > li > div > a:not(.parr), .menu-mobile-burger-container .customClassC.lfr-nav-item.selected.active.show>div a:not(.parr), .menu-mobile-burger-container .customClassC.lfr-nav-item.selected.active.show>ul li a { margin-left: 20px; } .mobile-active-sub-menu a { margin-left: 36px !important; } .menu-mobile-burger-container .customSideNavv .customClassC ul{ padding-inline-start: 0; } .menu-mobile-burger-container .customSideNavv li a { z-index: 0 !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv{ visibility: visible; height: auto; position: relative; overflow: hidden; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv.has-active-selected-region{ visibility: hidden; height: 0; } .menu-mobile-burger-container .active-selected-region{ visibility: visible; position: absolute !important; top: 0; left: 0; width: 100%; background: #697188 !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv div:hover { background-color: #697188 !important; } .menu-mobile-burger-container a:not(.parr){ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } /* .menu-mobile-burger-container .navbar-mob-site.customSideNavv .customClass-submenu.show > div > .dropdown-toggle.parr .icon-arrow-down::before{ background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 9L8 14.5L13.5 20' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cline x1='9' y1='14' x2='22' y2='14' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important; background-repeat: no-repeat; background-position: center; width: 20px; height: 14px; transform: rotate(0) !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv .customClass-submenu.show > div > .dropdown-toggle.parr { position: absolute; margin-left: 0 !important; } */ .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before, .customSideNavv .dropdown-toggle.parr.collapsed .icon-arrow-down::before, .customSideNavv .dropdown-toggle.parr.active.collapsed .icon-arrow-down::before { background-image:url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999992 1.00004L6.49999 6.50004L12 1.00004' stroke='%23132760' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } </style> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu" class="opportal-site-navigation-vertical-collapse-desktop"> <ul aria-label=" site-pages" class="nav nav-pills navbar-site customSideNavv" role="menubar"> <div class="hide-accessible"> Navigation </div> <li class="customClassC lfr-nav-item " id="layout_286" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/about-publication-office-of-the-european-union' tabindex="0" aria-label="About us"> About us</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_290" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/what-we-do' tabindex="0" aria-label="What we do"> What we do</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_287" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/organisational-structure' tabindex="0" aria-label="Organisational structure"> Organisational structure</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_291" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/events' tabindex="0" aria-label="Events"> Events</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_261" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/our-tenders' tabindex="0" aria-label="Our tenders"> Our tenders</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_289" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/contact-us' tabindex="0" aria-label="Contact"> Contact</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_279" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/faq' tabindex="0" aria-label="FAQ"> FAQ</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_263" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/career-opportunities' tabindex="0" aria-label="Career opportunities"> Career opportunities</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_5" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/legal-notices' tabindex="0" aria-label="Legal notices"> Legal notices</a> <a data-target='#expand-d-5' class="dropdown-toggle parr collapsed" data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand submenu Legal notices"> <span class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span> </a> </div> <ul id="expand-d-5" class="collapse customClassC-menu " role="menu"> <li class="" id="layout_295" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/privacy-statement' role="menuitem" tabindex="0" aria-label="Privacy statement">Privacy statement</a> </div> </li> <li class="" id="layout_297" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/disclaimer' role="menuitem" tabindex="0" aria-label="Disclaimer">Disclaimer</a> </div> </li> <li class=" active selected" id="layout_197" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy' role="menuitem" tabindex="0" aria-label="Cookie policy">Cookie policy</a> </div> </li> <li class=" customClass-submenu" id="layout_167" role="menuitem" tabindex="0"> <div><a aria-haspopup='true' class="" href='https://op.europa.eu/en/web/about-us/legal-notices/general-conditions-of-dissemination-and-sale' role="menuitem" tabindex="0" aria-label="General conditions of dissemination and sale">General conditions of dissemination and sale</a> <a data-target='#expand-d-167' class="dropdown-toggle parr collapsed" data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand submenu General conditions of dissemination and sale"><span class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span></a> </div> <ul id="expand-d-167" class="customCsub collapse " role="menu"> <li class="" id="layout_335" role="menuitem" tabindex="0"> <div><a aria-label="Print-on-demand and shipping fees" tabindex="0" class="" href='https://op.europa.eu/en/web/about-us/print-on-demand-and-shipping-fees' role="menuitem">Print-on-demand and shipping fees</a> </div> </li> </ul> </li> <li class="" id="layout_217" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/accessibility-statement' role="menuitem" tabindex="0" aria-label="Accessibility statement">Accessibility statement</a> </div> </li> <li class="" id="layout_331" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/explainability-notice' role="menuitem" tabindex="0" aria-label="Virtual assistant : Explainability notice">Virtual assistant : Explainability notice</a> </div> </li> <li class="" id="layout_344" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view' role="menuitem" tabindex="0" aria-label="Public Procurement procedure view : Explainability notice">Public Procurement procedure view : Explainability notice</a> </div> </li> <li class="" id="layout_191" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/publications-office-of-the-european-union-copyright' role="menuitem" tabindex="0" aria-label="Copyright">Copyright</a> </div> </li> <li class="" id="layout_320" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/opds' role="menuitem" tabindex="0" aria-label="OPDS">OPDS</a> </div> </li> <li class="" id="layout_330" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/upp' role="menuitem" tabindex="0" aria-label="UPP">UPP</a> </div> </li> </ul> </li> </ul> </div> <script> //to expand child var selectedDMenuItemRoot = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.customClassC.active.selected'); var selectedDMenuItemRootLastChild = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.customClassC li.active.selected'); var currentDSelectedMenuRoot; if(selectedDMenuItemRootLastChild && selectedDMenuItemRoot){ currentDSelectedMenuRoot = selectedDMenuItemRootLastChild.closest('ul'); var selectedDMenuItemRootLastChildToExpand = selectedDMenuItemRootLastChild.querySelector('ul'); if(selectedDMenuItemRootLastChildToExpand){ $(selectedDMenuItemRootLastChildToExpand).collapse('show'); } $(currentDSelectedMenuRoot).collapse('show'); selectedDMenuItemRoot.classList.remove("selected"); selectedDMenuItemRoot.classList.remove("active"); }else if(selectedDMenuItemRoot){ currentDSelectedMenuRoot = selectedDMenuItemRoot.querySelector('ul'); } if(selectedDMenuItemRoot && currentDSelectedMenuRoot){ //var parentDSelectedArrowRoot = selectedDMenuItemRoot.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrowRoot.classList.remove("collapsed"); //parentDSelectedArrowRoot.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenuRoot.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenuRoot).collapse('show'); } //to expand parent var selectedDMenuItem = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.active.selected'); var currentDSelectedMenu; var parentDSelectedMenuItem; if(selectedDMenuItem){ currentDSelectedMenu = selectedDMenuItem.closest('ul'); parentDSelectedMenuItem = currentDSelectedMenu.closest('li'); } //set the 1st parent to expanded if(currentDSelectedMenu && parentDSelectedMenuItem){ //var parentDSelectedArrow = parentDSelectedMenuItem.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow.classList.remove("collapsed"); //parentDSelectedArrow.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu).collapse('show'); //set the 2nd parent to expanded var currentDSelectedMenu2 = currentDSelectedMenu.closest('.opportal-site-navigation-vertical-collapse-desktop li').closest('ul'); var parentDSelectedMenuItem2 = currentDSelectedMenu2.closest('li'); if(currentDSelectedMenu2 && parentDSelectedMenuItem2){ //var parentDSelectedArrow2 = parentDSelectedMenuItem2.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow2.classList.remove("collapsed"); //parentDSelectedArrow2.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu2.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu2).collapse('show'); //set the 3rd parent to expanded var currentDSelectedMenu3 = currentDSelectedMenu2.closest('.opportal-site-navigation-vertical-collapse-desktop li').closest('ul'); var parentDSelectedMenuItem3 = currentDSelectedMenu3.closest('li'); if(currentDSelectedMenu3 && parentDSelectedMenuItem3){ //var parentDSelectedArrow3 = parentDSelectedMenuItem3.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow3.classList.remove("collapsed"); //parentDSelectedArrow3.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu3.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu3).collapse('show'); } } } </script> <button type="button" class="menu-mobile-burger-button btn-background navbar-toggle bg-light btn-left navButton mobButton collapsed" data-toggle="collapse" data-target=".navHeaderCollapse1732416447095" > <span class="font_btn glyphicon glyphicon-align-justify"></span> <div class="mob-menu-label">Menu</div> </button> <div class="menu-mobile-burger-container menu-mobile-burger-container-vertical-menu hide-bootstrap-max navbar-collapse navHeaderCollapse1732416447095 collapse mobNode" style="height: auto;"> <div class="breadcrumbs-horizontal lfr-component"> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"> <ul aria-label=" site-pages" class="nav nav-pills navbar-mob-site customSideNavv" role="menubar"> <div class="hide-accessible"> Navigation </div> <li class="customClassC lfr-nav-item " id="layout_286" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/about-publication-office-of-the-european-union' tabindex="0" aria-label="About us"> About us</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_290" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/what-we-do' tabindex="0" aria-label="What we do"> What we do</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_287" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/organisational-structure' tabindex="0" aria-label="Organisational structure"> Organisational structure</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_291" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/events' tabindex="0" aria-label="Events"> Events</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_261" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/our-tenders' tabindex="0" aria-label="Our tenders"> Our tenders</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_289" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/contact-us' tabindex="0" aria-label="Contact"> Contact</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_279" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/faq' tabindex="0" aria-label="FAQ"> FAQ</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_263" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/career-opportunities' tabindex="0" aria-label="Career opportunities"> Career opportunities</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_5" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/legal-notices' tabindex="0" aria-label="Legal notices"> Legal notices</a> <a data-target='#expand-5' class="dropdown-toggle parr " data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand menu"> <span onclick="displayMenuItems(this)" class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span> </a> </div> <ul id="expand-5" class="collapse customClassC-menu show" role="menu"> <li class=" " id="layout_295" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/privacy-statement' role="menuitem" tabindex="0" aria-label="Privacy statement">Privacy statement</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_297" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/disclaimer' role="menuitem" tabindex="0" aria-label="Disclaimer">Disclaimer</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" active selected " id="layout_197" aria-expanded='true' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy' role="menuitem" tabindex="0" aria-label="Cookie policy">Cookie policy</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" customClass-submenu " id="layout_167" aria-expanded='false' role="menuitem" tabindex="0"> <div><a aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/about-us/legal-notices/general-conditions-of-dissemination-and-sale' role="menuitem" tabindex="0" aria-label="General conditions of dissemination and sale">General conditions of dissemination and sale</a> <a data-target='#expand-167' class="dropdown-toggle parr collapsed" data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand submenu"><span onclick="displayMenuItems(this)" class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span></a> </div> <ul id="expand-167" class="customCsub collapse " role="menu"> <li class=" " id="layout_335" aria-expanded='false' role="menuitem" tabindex="0"> <div><a aria-label="Print-on-demand and shipping fees" tabindex="0" class="" href='https://op.europa.eu/en/web/about-us/print-on-demand-and-shipping-fees' role="menuitem">Print-on-demand and shipping fees</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> <li class=" " id="layout_217" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/accessibility-statement' role="menuitem" tabindex="0" aria-label="Accessibility statement">Accessibility statement</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_331" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/explainability-notice' role="menuitem" tabindex="0" aria-label="Virtual assistant : Explainability notice">Virtual assistant : Explainability notice</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_344" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view' role="menuitem" tabindex="0" aria-label="Public Procurement procedure view : Explainability notice">Public Procurement procedure view : Explainability notice</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_191" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/publications-office-of-the-european-union-copyright' role="menuitem" tabindex="0" aria-label="Copyright">Copyright</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_320" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/opds' role="menuitem" tabindex="0" aria-label="OPDS">OPDS</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_330" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/upp' role="menuitem" tabindex="0" aria-label="UPP">UPP</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> </ul> </div> </div> </div> <script> function displayMenuItems (e){ var mainMenu = document.querySelector('.menu-mobile-burger-container ul.navbar-mob-site.customSideNavv'); var parentMenu = e.closest('li'); var secondParentMenu; if(parentMenu != undefined){ secondParentMenu = parentMenu.parentNode.closest('li'); } var mainMobMenu = parentMenu.closest(".menu-mobile-burger-container ul.navbar-mob-site.customSideNavv"); var mainMobMenuClass = false; if(e.parentElement.classList.contains('collapsed')){ //expand submenu if(parentMenu != undefined){ //secondParentMenu = parentMenu.closest('li[aria-expanded="true"]'); //if(secondParentMenu != undefined){ // secondParentMenu.classList.remove("mobile-active-sub-menu"); //} parentMenu.classList.add("mobile-active-sub-menu"); parentMenu.classList.add("active-selected-region"); mainMobMenuClass = true; /*mainMenu.style.height = parentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ }else{ /*mainMenu.style.height = "auto"; mainMenu.classList.remove("main-menu-mobile-active-with-sub-menu");*/ } //and colapse second parent menu if(secondParentMenu != undefined){ secondParentMenu.classList.remove("mobile-active-sub-menu"); secondParentMenu.classList.remove("active-selected-region"); //mainMobMenuClass = true; /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ } } else{ //colapse parent menu if(parentMenu != undefined){ parentMenu.classList.remove("mobile-active-sub-menu"); parentMenu.classList.remove("active-selected-region"); //mainMobMenuClass = true; //if(secondParentMenu != undefined){ // secondParentMenu.classList.add("mobile-active-sub-menu"); // /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; // mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ //}else{ // /*mainMenu.style.height = "auto"; // mainMenu.classList.remove("main-menu-mobile-active-with-sub-menu");*/ //} } //and expand second parent menu if(secondParentMenu != undefined){ secondParentMenu.classList.add("mobile-active-sub-menu"); secondParentMenu.classList.add("active-selected-region"); mainMobMenuClass = true; /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ } } //also add/remove class on main menu if(mainMobMenuClass){ mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; }else{ mainMobMenu.classList.remove("has-active-selected-region"); mainMobMenu.style.height = "auto"; } }; function setMenuActiveElementVerticalMenu (){ var activeLIs = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .navbar-mob-site.customSideNavv li.active.selected"); var activeLI = activeLIs[activeLIs.length - 1]; if( activeLI != undefined && activeLI.parentNode != undefined ){ var firstParentLI = activeLI.parentNode.parentNode; if(firstParentLI.classList.contains('customClass-submenu') || (firstParentLI.classList.contains('customClassC') //&& firstParentLI.classList.contains('selected') //&& firstParentLI.classList.contains('active') //&& firstParentLI.classList.contains('show') ) ){ firstParentLI.classList.add("mobile-active-sub-menu"); firstParentLI.classList.add("active-selected-region"); var mainMobMenu = firstParentLI.closest(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu ul.navbar-mob-site.customSideNavv"); mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; //firstParentLI.clientHeight } } } setMenuActiveElementVerticalMenu (); </script> </div> </div> </div> </section> </div> </aside> <section class="maincontentarea col-sm-12 col-md-12 col-lg-9 search-results-content col-xs-12 portlet-column portlet-column-last" id="maincontentarea"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_dockbar_DockbarPortlet:%2Fo%2Feu.europa.publications.portlet.dockbar%2Fcss%2Fmain.css&t=1732212500000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_dockbar_DockbarPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_"> <span id="p_eu_europa_publications_portlet_dockbar_DockbarPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_dockbar_DockbarPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Dockbar</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> <div class="portlet-dropzone portlet-column-content" id="layout-column_maincontentarea"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Cookie Policy new</div> </div> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-10726622" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="10726620" data-analytics-asset-title="Cookie Policy new" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="10726622"> <div class="gcss-op gs-heading-s"> <h1 class="h1-op">Publications Office of the European Union (OP Portal)<br /> Cookies Policy</h1> <div class="alert alert-dismissible alert-info mb-4" role="alert"><span class="alert-indicator"> <svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" viewbox="0 0 512 512"> <g> <path class="lexicon-icon-outline" d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M256,384c-17.7,0-32-14.3-32-32 s14.3-32,32-32s32,14.3,32,32S273.7,384,256,384z M272,288h-32l-16-160h64L272,288z"></path> </g> </svg> </span> <p class="mb-0">To make the websites of the Publications Office work properly, we sometimes place small data files called ‘cookies’ on your device.</p> </div> <h2>What are cookies?</h2> <p>A cookie is a small text file that a website stores on your computer or mobile device when you visit the site. It enables the website to remember your actions and preferences (such as login, language, font size and other display preferences) over a period of time, so you don’t have to keep re-entering them whenever you come back to the site or browse from one page to another.</p> <ul> <li><strong>First-party cookies </strong>are cookies set by the website you’re visiting. Only that website can read them.</li> <li><strong>Third-party cookies</strong> may be used when a website uses external services which set their own cookies.</li> <li><strong>Session cookies</strong> are cookies that are deleted automatically when you quit your browser.</li> <li><strong>Persistent cookies</strong> are cookies that are saved on your computer and remain on your computer when you quit your browser.</li> <li><strong>Essential cookies</strong>are cookies that are necessary to ensure that the website is properly displayed for you. They may e.g. include information on your operating system version and language, browser or location.</li> </ul> <p>Every time you visit the Publications Office’s websites, you will be prompted to either accept all cookies or only essential cookies. Cookies can also be used to establish anonymised statistics about the browsing experience on our sites.</p> <h2>How do we use cookies?</h2> <p>Publications Office websites mostly use first-party cookies set and controlled by the Publications Office, not by any external organisation. However, to view some of our pages, you will have to accept third-party cookies. You can delete or block these cookies, but if you do that some features of this site may not work as intended. These cookies are used to remember:</p> <ul> <li>your display preferences, such as browsing language, contrast colour, font size, device used, search results preferences and notification preferences;</li> <li>your latest visit to the website (for statistical purposes) and the three most recent pages visited (to help our helpdesk if you send a request);</li> <li>if you have agreed (or not) to our use of cookies on this site.</li> </ul> <h3>Visitor preferences</h3> <p>The cookies registering your preferences are set by us and only we can read them. They remember if you have accepted all the cookies or only the essential ones..</p> <table class="cookies"> <tbody> <tr> <th class="CellBorder">Name</th> <th class="CellBorder">Service</th> <th class="CellBorder">Purpose</th> <th class="CellBorder">Cookie type and duration</th> </tr> <tr> <td class="CellBorder">PORTAL2012_USER_PREFERENCES</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Store user preferences(language, accessibility, pagination, default querys, etc)</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">GUEST_LANGUAGE_ID</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Store guest language</td> <td class="CellBorder">1 year</td> </tr> </tbody> </table> <h3>Operational cookies</h3> <p>There are some cookies that we have to include in order for certain web pages to function. For this reason, they do not require your consent. In particular:</p> <ul> <li><strong>authentication</strong> cookies ;</li> <li><strong>technical cookies </strong>required by certain IT systems.</li> </ul> <h4>Authentication cookies</h4> <p>These are stored when you log in to the Publications Office sites, using our authentication service (EU Login). When you do this, you accept the associated privacy policy.</p> <table class="cookies"> <tbody> <tr> <th class="CellBorder">Name</th> <th class="CellBorder">Service</th> <th class="CellBorder">Purpose</th> <th class="CellBorder">Cookie type and duration</th> </tr> <tr> <td class="CellBorder">PORTAL2012_USER_PREFERENCES </td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">GUEST_LANGUAGE_ID</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder"> </td> <td class="CellBorder"> </td> <td class="CellBorder"> </td> <td class="CellBorder"> </td> </tr> </tbody> </table> <h4>Operational cookies</h4> <p>There are some cookies that we have to include in order for certain web pages to function. For this reason, they do not require your consent. In particular: </p> <ul> <li><strong>authentication</strong> cookies </li> <li><strong>technical cookies</strong> required by certain IT systems. </li> </ul> <p><strong>Authentication cookies </strong></p> <p>These are stored when you log in to the Publications Office sites, using our authentication service (EU Login). When you do this, you accept the associated privacy policy.</p> <table class="cookies"> <tbody> <tr> <th class="CellBorder">Name</th> <th class="CellBorder">Service</th> <th class="CellBorder">Purpose</th> <th class="CellBorder">Cookie type and duration</th> </tr> <tr> <td class="CellBorder">KC_RESTART</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">AUTH_SESSION_ID</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">AUTH_SESSION_ID_LEGACY</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">KEYCLOAK_LOCALE</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">KEYCLOAK_SESSION</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">KEYCLOAK_SESSION_LEGACY</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">KEYCLOAK_IDENTITY</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">KEYCLOAK_IDENTITY_LEGACY</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Authenticate users in the portal</td> <td class="CellBorder">End of browser session</td> </tr> </tbody> </table> <h3> </h3> <p>The names of these cookies may change, for technical reasons.</p> <h3>Technical cookies</h3> <table class="cookies"> <colgroup> <col width="200" /> </colgroup> <tbody> <tr> <th class="CellBorder">Name</th> <th class="CellBorder">Service</th> <th class="CellBorder">Purpose</th> <th class="CellBorder">Cookie duration</th> </tr> <tr> <td class="CellBorder">OP_PORTAL_BASKET_ID </td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Manage shopping cart </td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">COOKIE_SUPPORT </td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">used to know if the user admits cookies</td> <td class="CellBorder">duration 1 year</td> </tr> <tr> <td class="CellBorder">JSESSIONID</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">used by sites to maintain an anonymous user session by the server</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">LFR_SESSION_STATE_10161</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">contains the user's ID on the Liferay platform.</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">OPPORTAL_LAST_PATH</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Used in the redirect after login process</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">Route</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Used by the web proxy for the node affinity</td> <td class="CellBorder">Expires in 2days</td> </tr> <tr> <td class="CellBorder">dtCookie</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Tracks a visit across multiple requests</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">dtLatC</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Measures server latency for performance monitoring</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">dtPC</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Required to identify proper endpoints for beacon transmission; includes session ID for correlation</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">dtSa</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Save user action names, such as Click on Login, across different pages</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">rxVisitor</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Contains the visitor ID to correlate sessions</td> <td class="CellBorder">End of browser session</td> </tr> <tr> <td class="CellBorder">opSSWS</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">expert search information</td> <td class="CellBorder">End of browser session</td> </tr> </tbody> </table> <h2> </h2> <h2>Analytics cookies</h2> <p> <br /> We use these purely for internal research on how we can improve the service we provide for all our users. The cookies assess how you interact with our website — as an anonymous user (the data gathered does not identify you personally). </p> <p>Also, this data is not shared with any third parties or used for any other purpose. The anonymised statistics could be shared with contractors working on communication projects under contractual agreement with the Publications Office. </p> <p>However, you are free to refuse these types of cookies — via the cookie banner you’ll see on the first page you visit by selecting to accept only essential cookies. </p> <table class="cookies"> <tbody> <tr> <th class="CellBorder">Name</th> <th class="CellBorder">Service</th> <th class="CellBorder">Purpose</th> <th class="CellBorder">Cookie duration</th> </tr> <tr> <td class="CellBorder">_pk_ses</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Collect analytics data from users</td> <td class="CellBorder">30 minutes</td> </tr> <tr> <td class="CellBorder">_pk_id</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Collect analytics data from users</td> <td class="CellBorder">13 months</td> </tr> <tr> <td class="CellBorder">ppms_privacy_</td> <td class="CellBorder">OP PORTAL</td> <td class="CellBorder">Stores visitor`s consent to data collection and usage</td> <td class="CellBorder">365 days or 30 minutes (for anonymous tracking)</td> </tr> </tbody> </table> <h2> </h2> <h2>Third-party cookies</h2> <p>Some of our pages display content from external providers, such as YouTube, Facebook and Twitter. These third-party services are outside of the control of the Publications Office. Providers may at any time change their terms of service, purpose and use of cookies, etc.</p> <p>To view this third-party content, you first have to accept their specific terms and conditions. This includes their cookie policies, over which we do not have any control.</p> <p>If you do not view this content, no third-party cookies will be installed on your device.</p> <h3>Private data</h3> <p>The cookie-related information <strong>is not used to identify you</strong> personally and the pattern data is fully under our control. These cookies are not used for any purpose other than those described here.</p> <h2>How can you manage cookies?</h2> <p>You can manage/delete cookies as you wish — for details, see <a href="https://aboutcookies.org" target="_blank">aboutcookies.org</a></p> <h3>Removing cookies from your device</h3> <p>You can delete all cookies that are already on your device by clearing the browsing history of your browser. This will remove all cookies from all websites you have visited. Be aware though that you may also lose some saved information (e.g. saved login details, site preferences).</p> <h2>Managing site-specific cookies</h2> <p>For more detailed control over site-specific cookies, check the privacy and cookie settings in your preferred browser. </p> <h3>Blocking cookies</h3> <p>You can set most modern browsers to prevent any cookies being placed on your device, but you may then have to manually adjust some preferences every time you visit a site/page. And some services and functionalities may not work properly at all (e.g. logging in to your profile). </p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid col-sm-12 col-md-12 col-lg-12 p-0" id="full-row-bottom"> <div class="portlet-column portlet-column-only col-12"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_full-row-bottom"></div> </div> </div> </div> </div> </main> <div id="custom-footer" class="footer container custom-footer" role="contentinfo"> <div class="portlet-layout row testClass"> <div class="col-md-12 col-sm-12 portlet-column portlet-column-first" id="footer-column"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_footer-column"></div> </div> <div class="col-lg-12 col-md-12 col-sm-12 portlet-column-first " id="custom-footer-portlet-container"> <div class=""> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet:%2Fo%2Fopportal.displayCustomFooter%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_"> <span id="p_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayCustomFooter</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Hidden</button></form> </div> </section> <footer id="footer" class="footer container corporate-footer" role="contentinfo"> <div id="extendedft" class="extendedft d-print-none col-md-12"> <div class="container col-md-12"> <div class="portlet-layout row footer-block-test-PORTALMSP-1380"> <div class="col-md-12 portlet-column portlet-column-first" id="fColumn-10"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-7876732" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="7876730" data-analytics-asset-title="footer EU - section OP" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="7876732"> <style type="text/css">@import url('/documents/d/global/footer-eu'); </style> <div class="gcss-op footer-eu"> <div class="gs-grid gs-grid-lg-3col ls-footer-group" id="footer-section-op"> <div> <h2 class="sr-only" id="section-title-op">Publications Office of the European Union</h2> <div class="ls-footer-logo"><a aria-labelledby="section-title-op" href="/"><picture data-fileentryid="13489229"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/13489229/Thumbnail-300x300/logo-op-en.png?t=1698222434045" /><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/13489229/Preview-1000x0/logo-op-en.png?t=1698222434045" /><img alt="Publications Office of the European Union" class="ls-op" src="/documents/d/global/logo-op-en" /></picture></a></div> <p class="ls-site-byline">This website is managed by the <a class="ls-underline" href="/">Publications Office <span style="word-break: keep-all; white-space: nowrap;">of the European Union</span></a></p> </div> <div> <h3>Need help?</h3> <ul> <li><a href="/web/about-us/contact-us">Contact</a></li> <li><a href="/web/about-us/sitemap">Sitemap</a></li> </ul> <h3>Follow us</h3> <ul class="ls-social-media-list"> <li><a href="https://twitter.com/eulawdatapubs"><i aria-hidden="true" class="gs-icon-twitter"></i>X/Twitter</a></li> <li><a href="http://www.facebook.com/pages/EU-Law-and-Publications/218434258171162?sk=wall"><i aria-hidden="true" class="gs-icon-facebook-f"></i>Facebook</a></li> <li><a href="https://www.linkedin.com/company/publications-office-of-the-european-union/"><i aria-hidden="true" class="gs-icon-linkedin-f"></i>LinkedIn</a></li> <li><a href="https://www.instagram.com/eu_publicationsoffice/"><i aria-hidden="true" class="gs-icon-instagram"></i>Instagram</a></li> <li><a href="http://www.youtube.com/user/PublicationsOffice"><i aria-hidden="true" class="gs-icon-youtube"></i>YouTube</a></li> </ul> <h3>Legal</h3> <ul> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices">Legal notices</a></li> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices/cookie-policy">Cookies</a></li> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices/accessibility-statement">Accessibility</a></li> </ul> </div> <div> <h3>About us</h3> <ul> <li><a href="/web/about-us/about-publication-office-of-the-european-union">Our mission, vision and values</a></li> <li><a href="/web/general-publications/newsletters">Newsletter</a></li> </ul> <h3>Resources</h3> <ul> <li><a href="/web/accessibility/">Accessible publishing</a></li> <li><a href="/web/cellar/">Cellar</a></li> <li><a href="/web/general-publications/eu-apps">EU Apps</a></li> <li><a href="/web/eu-vocabularies/">EU Vocabularies</a></li> <li><a href="/web/euwebarchive">EU Web Archive</a></li> <li><a href="https://style-guide.europa.eu/en/">Interinstitutional Style Guide</a></li> <li><a href="/web/librarians-corner">Librarian's corner</a></li> </ul> <h3>Tools</h3> <ul> <li><a href="/web/about-us/publishing-services-eu-staff-only">(EU staff) Publishing services</a></li> <li><a href="/web/webtools/">Web tools</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-13488633" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13488631" data-analytics-asset-title="footer EU - section eu" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13488633"> <style type="text/css">@import url('/documents/d/global/footer-eu'); </style> <div class="gcss-op footer-eu"> <div class="gs-grid gs-grid-lg-3col ls-footer-group" id="footer-section-eu"> <div> <h2 class="sr-only" id="section-title-eu">European Union</h2> <div class="ls-footer-logo"><a aria-labelledby="section-title-eu" href="https://european-union.europa.eu/index_en"><picture> <source media="(max-width:991px)" srcset="/documents/d/global/logo-eu-en-mobile"> <source media="(min-width:992px)" srcset="/documents/d/global/logo-eu-en"> <img alt="European-Union" src="/documents/d/global/logo-eu-en"> </picture> </a></div> <p class="ls-site-byline">Discover more on <a class="ls-underline" href="https://european-union.europa.eu/index_en ">europa.eu</a></p> </div> <div> <h3>Contact the EU</h3> <ul> <li><a href="tel:0080067891011">Call us 00 800 6 7 8 9 10 11</a></li> <li><a href="https://european-union.europa.eu/contact-eu/call-us_en">Use other telephone options</a></li> <li><a href="https://european-union.europa.eu/contact-eu/write-us_en">Write to us via our contact form</a></li> <li><a href="https://european-union.europa.eu/contact-eu/meet-us_en">Meet us at one of the EU centres</a></li> </ul> </div> <div> <h3>Social media</h3> <ul> <li><a href="https://european-union.europa.eu/contact-eu/social-media-channels_en">Search for EU social media channels</a></li> </ul> <h3>EU institutions and bodies</h3> <ul> <li><a href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_en">Search all EU institutions and bodies</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div id="simpleft" class="simpleft container-fluid col-md-12"> <div class="portlet-layout row"> <div class="col-md-12 d-print-none portlet-column portlet-column-only custom-footer-nav-bottom" id="fsColumn-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-3508212" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="3508210" data-analytics-asset-title="Service Toolbar - Footer" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="3508212"> <ul class="menu-list horizontal servicetoolbar"> <li class="list-item"><a href="/web/about-us/about-publication-office-of-the-european-union">About us</a></li> <li class="list-item"><a href="/web/about-us/contact-us">Contact</a></li> <li class="list-item"><a href="/web/about-us/legal-notices">Legal notices</a></li> <li class="list-item"><a href="/web/about-us/sitemap">Sitemap</a></li> <li class="list-item"><a href="/web/about-us/legal-notices/cookie-policy">Cookies</a></li> <li class="list-item"><a href="#globan" title="go to the top of the page">Top</a></li> </ul> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </footer> <style> #footer.footer.custom-footer{ display: none !important; } </style> </div> <script type="text/javascript"> </script><script> </script> <script type="text/javascript"> function getValueByAttribute(node, attr) { return ( node.dataset[attr] || (node.parentElement && node.parentElement.dataset[attr]) ); } function sendDocumentDownloadedAnalyticsEvent(anchor) { var fileEntryId = getValueByAttribute( anchor, 'analyticsFileEntryId' ); var title = getValueByAttribute( anchor, 'analyticsFileEntryTitle' ); var version = getValueByAttribute( anchor, 'analyticsFileEntryVersion' ); if (fileEntryId) { Analytics.send('documentDownloaded', 'Document', { groupId: themeDisplay.getScopeGroupId(), fileEntryId, preview: !!window._com_liferay_document_library_analytics_isViewFileEntry, title, version, }); } } function handleDownloadClick(event) { if (window.Analytics) { if (event.target.nodeName.toLowerCase() === 'a') { sendDocumentDownloadedAnalyticsEvent( event.target ); } else if ( event.target.parentNode && event.target.parentNode.nodeName.toLowerCase() === 'a' ) { sendDocumentDownloadedAnalyticsEvent( event.target.parentNode ); } else { var target = event.target; var matchTextContent = target.textContent && target.textContent.toLowerCase() === 'download'; var matchTitle = target.title && target.title.toLowerCase() === 'download'; var matchAction = target.action === 'download'; var matchLexiconIcon = !!target.querySelector( '.lexicon-icon-download' ); var matchLexiconClassName = target.classList.contains( 'lexicon-icon-download' ); var matchParentTitle = target.parentNode && target.parentNode.title && target.parentNode.title.toLowerCase() === 'download'; var matchParentLexiconClassName = target.parentNode && target.parentNode.classList.contains('lexicon-icon-download'); if ( matchTextContent || matchTitle || matchParentTitle || matchAction || matchLexiconIcon || matchLexiconClassName || matchParentLexiconClassName ) { var selectedFiles = document.querySelectorAll( '.form .custom-control-input:checked' ); selectedFiles.forEach(({value}) => { var selectedFile = document.querySelector( '[data-analytics-file-entry-id="' + value + '"]' ); sendDocumentDownloadedAnalyticsEvent( selectedFile ); }); } } } } Liferay.once('destroyPortlet', () => { document.body.removeEventListener( 'click', handleDownloadClick ); }); Liferay.once('portletReady', () => { document.body.addEventListener( 'click', handleDownloadClick ); }); (function() {var $ = AUI.$;var _ = AUI._; var onDestroyPortlet = function () { Liferay.detach('messagePosted', onMessagePosted); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('destroyPortlet', onDestroyPortlet); var onMessagePosted = function (event) { if (window.Analytics) { const eventProperties = { className: event.className, classPK: event.classPK, commentId: event.commentId, text: event.text, }; const blogNode = document.querySelector( '[data-analytics-asset-id="' + event.classPK + '"]' ); const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (blogNode) { eventProperties.title = blogNode.dataset.analyticsAssetTitle; } else if (dmNode) { eventProperties.title = dmNode.dataset.analyticsFileEntryTitle; } Analytics.send('posted', 'Comment', eventProperties); } }; Liferay.on('messagePosted', onMessagePosted); })(); (function() {var $ = AUI.$;var _ = AUI._; var onVote = function (event) { if (window.Analytics) { let title = event.contentTitle; if (!title) { const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (dmNode) { title = dmNode.dataset.analyticsFileEntryTitle; } } Analytics.send('VOTE', 'Ratings', { className: event.className, classPK: event.classPK, ratingType: event.ratingType, score: event.score, title, }); } }; var onDestroyPortlet = function () { Liferay.detach('ratings:vote', onVote); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('ratings:vote', onVote); Liferay.on('destroyPortlet', onDestroyPortlet); })(); (function() {var $ = AUI.$;var _ = AUI._; var onShare = function (data) { if (window.Analytics) { Analytics.send('shared', 'SocialBookmarks', { className: data.className, classPK: data.classPK, type: data.type, url: data.url, }); } }; var onDestroyPortlet = function () { Liferay.detach('socialBookmarks:share', onShare); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('socialBookmarks:share', onShare); Liferay.on('destroyPortlet', onDestroyPortlet); })(); if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) { svg4everybody( { polyfill: true, validate: function (src, svg, use) { return !src || !src.startsWith('#'); } } ); } (function() {var $ = AUI.$;var _ = AUI._; Liferay.Util.delegate( document, 'focusin', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.add('open'); } ); Liferay.Util.delegate( document, 'focusout', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.remove('open'); } ); })(); // <![CDATA[ Liferay.currentURL = '\x2fen\x2fweb\x2fabout-us\x2flegal-notices\x2fcookie-policy'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy'; // ]]> // <![CDATA[ // ]]> (function() {var $ = AUI.$;var _ = AUI._; import(Liferay.ThemeDisplay.getPathContext() + '/o/frontend-js-web/__liferay__/index.js').then( ({openToast}) => { AUI().use( 'liferay-session', function() { Liferay.Session = new Liferay.SessionBase( { autoExtend: true, redirectOnExpire: false, redirectUrl: 'https\x3a\x2f\x2fop\x2eeuropa\x2eeu\x2fweb\x2feu-law-and-publications\x2fhome', sessionLength: 900, sessionTimeoutOffset: 70, warningLength: 0 } ); } ); } ) })(); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_', portletId: 'eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb_', portletId: 'com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_', portletId: 'eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_JKvWfVMVcOWh\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dmaincontentarea\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_dockbar_DockbarPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_', portletId: 'eu_europa_publications_portlet_dockbar_DockbarPortlet', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_dockbar_DockbarPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); var logoutURL = '/c/portal/logout?p_l_id=6234383&redirect=https%3A%2F%2Fop.europa.eu%2Fen%2Fweb%2Fabout-us%2Flegal-notices%2Fcookie-policy'; var myPortal_basketHasItems = 'https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy?p_p_id=eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage&_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_javax.portlet.action=getBasketAction'; var myPortalNamespace= '_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_'; var myPortal_getUserDashboardInfoURL='https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy?p_p_id=eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage&_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_javax.portlet.action=getUserDashboardInfo'; Liferay.provide( window, myPortalNamespace+'showLoginPopUpWindow', function(selectedPopUpUrl, title, dialogHeight) { showLoginPopup(selectedPopUpUrl, title, dialogHeight); }, [] ); Liferay.Portlet.register('eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_', portletId: 'eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal_', portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_', portletId: 'eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu_', portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_', portletId: 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3dcom_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_', portletId: 'eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_displayLogo_DisplayLogoPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE_', portletId: 'eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6234383\x26p_p_id\x3deu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fcookie-policy', refreshURLData: {} } ); </script><script type="module"> import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/index.js'; AUI().use( 'liferay-menu', 'liferay-navigation-interaction', 'liferay-form', function(A) { { Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/op.europa.eu\/en\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=6234383","namespace":"","spritemap":"https:\/\/op.europa.eu\/o\/OPPortalEE\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''}); } (function() { var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 0; i < liferayNotices.length; i++) { Liferay.Util.openToast(liferayNotices[i]); } })(); (function() { var $ = AUI.$;var _ = AUI._; Liferay.Form.register( { id: '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm' , fieldRules: [ ] , onSubmit: function(event) { event.preventDefault();submitSearchForm('_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_', 'queryText', 2, 'form-validator-stack help-inline'); } , validateOnBlur: true } ); var onDestroyPortlet = function(event) { if (event.portletId === 'eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy') { delete Liferay.Form._INSTANCES['_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm']; } }; Liferay.on('destroyPortlet', onDestroyPortlet); A.all('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm .input-container').removeAttribute('disabled'); Liferay.fire( '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formReady', { formName: '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm' } ); })(); (function() { var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); (function() { var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_mob_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-mob-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-mob-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); }); </script> <script src="https://op.europa.eu/o/OPPortalEE/js/main.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script type="module"> import {default as main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-alert-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js'; { runThirdPartyCookiesInterval(); } </script><script type="text/javascript"> Liferay.CustomDialogs = {enabled: false}; </script><script> </script><script type="text/javascript"> AUI().use('aui-node', function (A) { A.all('a.download').on('click', function (e) { var node = A.one(e.currentTarget); var dataUri = node.getAttribute('data-uri'); e.preventDefault(); if (!dataUri) { dataUri = node.getAttribute('href'); } window.location.href = dataUri; }); }); </script> <script type="text/javascript"> AUI().ready('aui-toggler', function (A) { var obj = document.getElementsByClassName('taglib-search-toggle-advanced-wrapper'); if (obj && obj.length > 0) { obj[0].style.display = 'block'; } }); if (typeof adjustBasketParent !== "undefined") { adjustBasketParent(); } </script> <script type="text/javascript" src="https://op.europa.eu/o/OPPortalEE/js/moment.min.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/ecl-eu.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000"></script> <script> ECL.autoInit(); function waitForElement(elementPath, callBack){ window.setTimeout(function(){ if($(elementPath).length){ callBack(elementPath, $(elementPath)); }else{ waitForElement(elementPath, callBack); } },100) } var loginButton = document.querySelector("a.ecl-button.ecl-button--ghost.ecl-site-header__login-toggle"); if (loginButton) { loginButton.addEventListener("click", function (e) { waitForElement(".login-popup-modal",function(){ if (document.querySelector(".login-popup-modal")) { var loginModal = document.querySelector(".login-popup-modal"); var loginModalCloseBtn = loginModal.querySelector("button.close"); loginModalCloseBtn.addEventListener("click", function (e) { loginButton.focus(); window.setTimeout(() => loginButton.focus(), 0); console.log(loginButton); }); } }); }); } </script> </body> </html>