CINXE.COM

Privacy statement: UPP - About Us - Publications Office of the EU

<!DOCTYPE html> <html class="ltr site-class-10530 page-class-legal-notices/upp layout-class-portal2012-about-us-navigation-layout" dir="ltr" lang="en-GB"> <head> <title>Privacy statement: UPP - 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="Privacy statement for the Unified Production Platform (UPP) of the Publications Office of the European Union." 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_-865823661|rpid=-684470594|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=1732212542769&/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/upp" rel="canonical" /> <link data-senna-track="temporary" href="https://op.europa.eu/es/web/about-us/legal-notices/upp" hreflang="es-ES" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sv/web/about-us/legal-notices/upp" hreflang="sv-SE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/bg/web/about-us/legal-notices/upp" hreflang="bg-BG" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hr/web/about-us/legal-notices/upp" hreflang="hr-HR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lv/web/about-us/legal-notices/upp" hreflang="lv-LV" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/nl/web/about-us/legal-notices/upp" hreflang="nl-NL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/mt/web/about-us/legal-notices/upp" hreflang="mt-MT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hu/web/about-us/legal-notices/upp" hreflang="hu-HU" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/de/web/about-us/legal-notices/upp" hreflang="de-DE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/el/web/about-us/legal-notices/upp" hreflang="el-GR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/cs/web/about-us/legal-notices/upp" hreflang="cs-CZ" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/da/web/about-us/legal-notices/upp" hreflang="da-DK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ga/web/about-us/legal-notices/upp" hreflang="ga-IE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/et/web/about-us/legal-notices/upp" hreflang="et-EE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pl/web/about-us/legal-notices/upp" hreflang="pl-PL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fi/web/about-us/legal-notices/upp" hreflang="fi-FI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sk/web/about-us/legal-notices/upp" hreflang="sk-SK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/it/web/about-us/legal-notices/upp" hreflang="it-IT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lt/web/about-us/legal-notices/upp" hreflang="lt-LT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sl/web/about-us/legal-notices/upp" hreflang="sl-SI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pt/web/about-us/legal-notices/upp" hreflang="pt-PT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fr/web/about-us/legal-notices/upp" hreflang="fr-FR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ro/web/about-us/legal-notices/upp" hreflang="ro-RO" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/legal-notices/upp" hreflang="en-GB" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/legal-notices/upp" hreflang="x-default" rel="alternate" /> <meta property="og:description" content="Privacy statement for the Unified Production Platform (UPP) of the Publications Office of the European Union."> <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="Privacy statement: UPP - 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/upp"> <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&amp;themeId=opportalee_WAR_OPPortalEE&amp;minifierType=css&amp;languageId=en_GB&amp;t=1732208786000" id="liferayAUICSS" rel="stylesheet" type="text/css" /> <link href="/combo?browserId=ie&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj:%2Fo%2Fjournal-content-web%2Fcss%2Fmain.css&amp;com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet:%2Fo%2Fproduct-navigation-user-personal-bar-web%2Fcss%2Fmain.css&amp;t=1732208786000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="67b89bc0" /> <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 '330'; }, getLayoutRelativeControlPanelURL: function() { return '/en/group/about-us/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/en/web/about-us/legal-notices/upp'; }, getLayoutURL: function() { return 'https://op.europa.eu/en/web/about-us/legal-notices/upp'; }, 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\x2fupp'; }, 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 '6854290'; }, 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=6854290'; }, 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 = 'M3PI4LD4'; Liferay.currentURL = '\x2fen\x2fweb\x2fabout-us\x2flegal-notices\x2fupp'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fupp'; // ]]> </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='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='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='@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="&amp;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/upp" 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&amp;themeId=opportalee_WAR_OPPortalEE&amp;minifierType=css&amp;languageId=en_GB&amp;t=1732208786000" 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"> #p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj_ .portlet-content { } @media (max-width:991px) { main#maincontent h1 { margin-top: 1em; } } #p_p_id_56_INSTANCE_QXeLBAhDfiQj_ .lessSpace{ margin-top: -25px; } </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&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/opportal/opportal.js?browserId=ie&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/mainsearch.js?browserId=ie&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/documentRating.js?browserId=ie&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/twitterWidget.js?browserId=ie&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000" 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&amp;themeId=opportalee_WAR_OPPortalEE&amp;minifierType=css&amp;languageId=en_GB&amp;t=1732208786000" 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: #9E270C; --gs-base-color-fire-120: #CB310F; --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">Privacy statement: UPP - 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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet:%2Fo%2Fopportal.displayCustomHeader%2Fcss%2Fmain.css&amp;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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet:%2Fo%2Fopportal.displayLogo%2Fcss%2Fmain.css&amp;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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fcss%2Fmain.css&amp;t=1732212520000" rel="stylesheet" type="text/css" /> <script src="/combo?browserId=ie&amp;minifierType=js&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fjs%2Fmyportal.js&amp;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(&#39;/c/portal/login?p_l_id=6854290&amp;redirect=https://op.europa.eu/login-redirect/-/redirectLogin/1&#39;, &#39;&#39;,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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy:%2Fo%2Feu.europa.publications.portlet.main_search%2Fcss%2Fmain.css&amp;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/upp?p_p_id=eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy&amp;p_p_lifecycle=1&amp;p_p_state=normal&amp;p_p_mode=view&amp;_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="1732697777665" /> <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/upp?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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fcss%2Fmain.css&amp;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=1732697777669-1538468022"> <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">&nbsp;</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">&euro; <span class="value">x</span></span> </div> </li> <li class="basket-preview-total"> <span class="bp-total-label">Subtotal</span> <span class="bp-total">&euro; <span class="value">x</span></span> </li> <li class="basket-preview-grand-total"> <span class="bp-total-label">Total</span> <span class="bp-total">&euro; <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=1732697777669-1538468022" 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=1732697777669-1538468022" 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&amp;minifierType=js&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fjs%2Fbasket_summary.js&amp;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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&amp;t=1732208786000" 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 removeForcedMobileEcHeader77637(){ 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 targetNodeHeaderForcedMobile77637 = document.querySelector(".ecl-menu.ecl-menu--group1"); // Options for the observer (which mutations to observe) var configHeaderForcedMobile77637 = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed var callbackHeaderForcedMobile77637 = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { removeForcedMobileEcHeader77637(); } else if (mutation.type === "attributes") { removeForcedMobileEcHeader77637(); } } }; // Create an observer instance linked to the callback function var observerHeaderForcedMobile77637 = new MutationObserver(callbackHeaderForcedMobile77637); // Start observing the target node for configured mutations observerHeaderForcedMobile77637.observe(targetNodeHeaderForcedMobile77637, configHeaderForcedMobile77637); </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/upp</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">UPP</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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&amp;t=1732208786000" 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="" 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=" active selected" 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=".navHeaderCollapse1732697777641" > <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 navHeaderCollapse1732697777641 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=" " id="layout_197" aria-expanded='false' 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=" active selected " id="layout_330" aria-expanded='true' 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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_dockbar_DockbarPortlet:%2Fo%2Feu.europa.publications.portlet.dockbar%2Fcss%2Fmain.css&amp;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-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj"> <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-12222105" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="12222103" data-analytics-asset-title="Privacy statement UPP 2023_04" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="12222105"> <div class="gcss-op gs-heading-s"> <h1 style="text-align: center;">Privacy statement: Unified Production Platform (UPP)</h1> <p style="text-align: center;"><strong style="text-transform: uppercase;">Protection of your personal data</strong><br /> This privacy statement provides information about the processing and the protection of your personal data.<br /> Processing operation: <strong>Requests for publishing services for general publications</strong><br /> Data Controller:Publications Office of the European Union, Directorate B, "Publications Production Services"<br /> Record reference: DPR-EC-00424</p> <div class="gs-hbox gs-u-bg-color-gray-5"> <nav aria-labelledby="page-content" role="navigation"> <p id="page-content"><strong>Table of Contents</strong></p> <ul> <li><a href="#1">Introduction</a></li> <li><a href="#2">Why and how do we process your personal data?</a></li> <li><a href="#3">On what legal ground(s) do we process your personal data?</a></li> <li><a href="#4">Which personal data do we collect and further process?</a></li> <li><a href="#5">How long do we keep your personal data?</a></li> <li><a href="#6">How do we protect and safeguard your personal data?</a></li> <li><a href="#7">Who has access to your personal data and to whom is it disclosed?</a></li> <li><a href="#8">What are your rights and how can you exercise them?</a></li> <li><a href="#9">Contact information</a></li> <li><a href="#10">Where to find more detailed information?</a></li> </ul> </nav> </div> <h2 id="1">1. Introduction</h2> <p>The European Commission (hereafter ‘the Commission’) is committed to protect your personal data and to respect your privacy. The Commission collects and further processes personal data pursuant to <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv:OJ.L_.2018.295.01.0039.01.ENG&amp;toc=OJ:L:2018:295:TOC">Regulation (EU) 2018/1725</a> of the European Parliament and of the Council of 23 October 2018 on the protection of natural persons with regard to the processing of personal data by the Union institutions, bodies, offices and agencies and on the free movement of such data (repealing Regulation (EC) No 45/2001).</p> <p>This privacy statement explains the reason for the processing of your personal data, the way we collect, handle and ensure protection of all personal data provided, how that information is used and what rights you have in relation to your personal data. It also specifies the contact details of the responsible Data Controller with whom you may exercise your rights, the Data Protection Officer and the European Data Protection Supervisor.</p> <p>The information in relation to processing operation Requests for publishing services for general publications undertaken by Directorate B, "Production of Publications", of the Publications Office of the European Union, is presented below.</p> <h2 id="2">2. Why and how do we process your personal data?</h2> <p><strong>Purpose of the processing operation</strong>: Directorate B, "Production of Publications", of the Publications Office maintains the Author portal of the Unified Production Platform (UPP) which allows the services of the EU institutions, bodies and agencies to submit requests for publishing services for general publications to the Publications Office or use the collaborative planning tool which enables the coordination of future publications at local (within a DG) and corporate levels. As a user of the Author portal of UPP you can choose to use the collaborative planning tool by ticking a box, which expresses your consent with this part of the processing.</p> <p>We collect your personal data when you create a user profile in UPP and when you use the Author portal to submit a request to the Author portal of UPP and/or insert a planned publication in the collaborative planning tool. We use this personal data for the purpose of responding to and managing publication requests and invoicing the author services, to assure that a request is in line with the requesting DG/institution’s publications policy, and to coordinate the planning of publications among the participating Commission DGs, EU institutions and bodies.</p> <p>In the case you have in the past also used DemPubWeb, the technical predecessor to the UPP Author portal, we retain your personal data together with the relevant requests for publishing services, for reference reasons. This information is accessible to you for your reference in DemPubWeb, in read-only mode. The retention period stated in section 5 below applies.</p> <p>Your personal data will not be used for an automated decision-making including profiling.</p> <h2 id="3">3. On what legal ground(s) do we process your personal data</h2> <p>We process your personal data, because:</p> <p>- processing is necessary for the performance of a task carried out in the public interest or in the exercise of official authority vested in the Union institution or body;</p> <p>and</p> <p>- when requesting a user profile for UPP, and again when entering your personal data in the Author portal request form, you as the data subject give your consent to the processing of your personal data for these purposes.</p> <p>Additional legal basis:</p> <p>Decision 2009/496/EC, Euratom of the European Parliament, the Council, the Commission, the Court of Justice, the Court of Auditors, the European Economic and Social Committee and the Committee of the Regions of 26 June 2009 on the organisation and operation of the Publications Office of the European Union</p> <h2 id="4">4. Which personal data do we collect and further process?</h2> <p>In order to carry out this processing operation Directorate B, "Production of Publications", of the Publications Office collects the following categories of personal data:</p> <p>Request responsible, Project responsible and Financial contact, Plan initiator and Plan coordinator (may be identical):</p> <ul> <li>obligatory: first name, family name, email address, telephone number, EU institution, agency or body (automatically retrieved from EU Login and not editable)</li> <li>optional for Plan initiator and Plan coordinator: additional email and unit.</li> </ul> <p>The provision of personal data is mandatory in order to maintain a user profile in the UPP Author portal and to have requests for publising services processed by the Publications Office.</p> <h2 id="5">5. How long do we keep your personal data?</h2> <p>Directorate B, "Production of Publications", of the Publications Office only keeps your personal data for the time necessary to fulfil the purpose of collection or further processing, namely for 10 years from the closure of the project. This also applies to legacy data originally registered in DemPubWeb, the technical predecessor to the UPP Author portal, which is accessible to users on a read-only basis for reference purposes.</p> <h2 id="6">6. How do we protect and safeguard your personal data?</h2> <p>All personal data in electronic format (e-mails, documents, databases, uploaded batches of data, etc.) are stored on the servers of the European Commission. All processing operations are carried out pursuant to the <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/?qid=1548093747090&amp;uri=CELEX:32017D0046">Commission Decision (EU, Euratom) 2017/46</a> of 10 January 2017 on the security of communication and information systems in the European Commission.</p> <p>In order to protect your personal data, the Commission has put in place a number of technical and organisational measures in place. Technical measures include appropriate actions to address online security, risk of data loss, alteration of data or unauthorised access, taking into consideration the risk presented by the processing and the nature of the personal data being processed. Organisational measures include restricting access to the personal data solely to authorised persons with a legitimate need to know for the purposes of this processing operation.</p> <h2 id="7">7. Who has access to your personal data and to whom is it disclosed?</h2> <p>Access to your personal data is provided to the Commission staff responsible for carrying out this processing operation and to authorised staff according to the “need to know” principle. Such staff abide by statutory, and when required, additional confidentiality agreements.</p> <h2 id="8">8. What are your rights and how can you exercise them?</h2> <p>You have specific rights as a ‘data subject’ under Chapter III (Articles 14-25) of Regulation (EU) 2018/1725, in particular the right to access, rectify or erase your personal data and the right to restrict the processing of your personal data. Where applicable, you also have the right to object to the processing or the right to data portability.</p> <p>You have the right to object to the processing of your personal data, which is lawfully carried out pursuant to Article 5(1)(a).</p> <p>You have consented to provide your personal data to Directorate B, "Production of Publications", of the Publications Office for the present processing operation. You can withdraw your consent at any time by notifying the Data Controller. The withdrawal will not affect the lawfulness of the processing carried out before you have withdrawn the consent.</p> <p>You can exercise your rights by contacting the Data Controller, or in case of conflict the Data Protection Officer. If necessary, you can also address the European Data Protection Supervisor. Their contact information is given under Heading 9 below.</p> <p>Where you wish to exercise your rights in the context of one or several specific processing operations, please provide their description (i.e. their Record reference(s) as specified under Heading 10 below) in your request.</p> <h2 id="9">9. Contact information</h2> <h3>The Data Controller</h3> <p>If you would like to exercise your rights under Regulation (EU) 2018/1725, or if you have comments, questions or concerns, or if you would like to submit a complaint regarding the collection and use of your personal data, please feel free to contact the Data Controller, Directorate B, "Production of Publications", of the Publications Office, <a href="mailto:info@publications.europa.eu">info@publications.europa.eu</a>.</p> <h3>The Data Protection Officer (DPO) of the Commission</h3> <p>You may contact the Data Protection Officer (<a href="mailto:DATA-PROTECTION-OFFICER@ec.europa.eu">DATA-PROTECTION-OFFICER@ec.europa.eu</a>) with regard to issues related to the processing of your personal data under Regulation (EU) 2018/1725.</p> <h3>The European Data Protection Supervisor (EDPS)</h3> <p>You have the right to have recourse (i.e. you can lodge a complaint) to the European Data Protection Supervisor (<a href="mailto:edps@edps.europa.eu">edps@edps.europa.eu</a>) if you consider that your rights under Regulation (EU) 2018/1725 have been infringed as a result of the processing of your personal data by the Data Controller.</p> <h2 id="10">10. Where to find more detailed information?</h2> <p>The Commission Data Protection Officer (DPO) publishes the register of all processing operations on personal data by the Commission, which have been documented and notified to him. You may access the register via the following link: <a href="http://ec.europa.eu/dpo-register">http://ec.europa.eu/dpo-register</a>.</p> <p>This specific processing operation has been included in the DPO’s public register with the following Record reference: <strong>DPR-EC-00424</strong>.</p> </div> </div> </div> <div class="asset-links content-metadata-asset-addon-entries"> <div class="content-metadata-asset-addon-entry content-metadata-asset-addon-entry-links"> </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&amp;minifierType=css&amp;themeId=opportalee_WAR_OPPortalEE&amp;languageId=en_GB&amp;eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet:%2Fo%2Fopportal.displayCustomFooter%2Fcss%2Fmain.css&amp;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\x2fupp'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Flegal-notices\x252Fupp'; // ]]> // <![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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854290\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_QXeLBAhDfiQj\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\x252Fupp', 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\x3d6854290\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\x252Fupp', refreshURLData: {} } ); var logoutURL = '/c/portal/logout?p_l_id=6854290&redirect=https%3A%2F%2Fop.europa.eu%2Fen%2Fweb%2Fabout-us%2Flegal-notices%2Fupp'; var myPortal_basketHasItems = 'https://op.europa.eu/en/web/about-us/legal-notices/upp?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/upp?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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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\x3d6854290\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\x252Fupp', 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=6854290","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&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000" 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&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/ecl-eu.js?browserId=ie&amp;minifierType=js&amp;languageId=en_GB&amp;t=1732208786000"></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>

Pages: 1 2 3 4 5 6 7 8 9 10