Legal notices: Virtual assistant, the explainability notice - About Us

<!DOCTYPE html> <html class="ltr site-class-10530 page-class-explainability-notice layout-class-portal2012-about-us-navigation-layout" dir="ltr" lang="en-GB"> <head> <title>Legal notices: Virtual assistant, the explainability notice - 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="Publio – Intelligent assistant of the Portal of the Publications Office of the European Union (OP Portal)" 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_-1561378674|rpid=1671836794|domain=europa.eu"></script><script type="importmap">{"imports":{"@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js"},"scopes":{}}</script><script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://op.europa.eu/o/op-portal-admin-theme/images/clay/icons.svg';Liferay.Icons.spritemap = 'https://op.europa.eu/o/OPPortalEE/images/clay/icons.svg';</script> <script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=en_GB&t=1732213191576&/o/frontend-js-jquery-web/jquery/jquery.min.js&/o/frontend-js-jquery-web/jquery/init.js&/o/frontend-js-jquery-web/jquery/ajax.js&/o/frontend-js-jquery-web/jquery/bootstrap.bundle.min.js&/o/frontend-js-jquery-web/jquery/collapsible_search.js&/o/frontend-js-jquery-web/jquery/fm.js&/o/frontend-js-jquery-web/jquery/form.js&/o/frontend-js-jquery-web/jquery/popper.min.js&/o/frontend-js-jquery-web/jquery/side_navigation.js" type="text/javascript"></script> <script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/explainability-notice" rel="canonical" /> <link data-senna-track="temporary" href="https://op.europa.eu/es/web/about-us/explainability-notice" hreflang="es-ES" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sv/web/about-us/explainability-notice" hreflang="sv-SE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/bg/web/about-us/explainability-notice" hreflang="bg-BG" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hr/web/about-us/explainability-notice" hreflang="hr-HR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lv/web/about-us/explainability-notice" hreflang="lv-LV" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/nl/web/about-us/explainability-notice" hreflang="nl-NL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/mt/web/about-us/explainability-notice" hreflang="mt-MT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hu/web/about-us/explainability-notice" hreflang="hu-HU" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/de/web/about-us/explainability-notice" hreflang="de-DE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/el/web/about-us/explainability-notice" hreflang="el-GR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/cs/web/about-us/explainability-notice" hreflang="cs-CZ" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/da/web/about-us/explainability-notice" hreflang="da-DK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ga/web/about-us/explainability-notice" hreflang="ga-IE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/et/web/about-us/explainability-notice" hreflang="et-EE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pl/web/about-us/explainability-notice" hreflang="pl-PL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fi/web/about-us/explainability-notice" hreflang="fi-FI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sk/web/about-us/explainability-notice" hreflang="sk-SK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/it/web/about-us/explainability-notice" hreflang="it-IT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lt/web/about-us/explainability-notice" hreflang="lt-LT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sl/web/about-us/explainability-notice" hreflang="sl-SI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pt/web/about-us/explainability-notice" hreflang="pt-PT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fr/web/about-us/explainability-notice" hreflang="fr-FR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ro/web/about-us/explainability-notice" hreflang="ro-RO" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/explainability-notice" hreflang="en-GB" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/explainability-notice" hreflang="x-default" rel="alternate" /> <meta property="og:description" content="Publio – Intelligent assistant of the Portal of the Publications Office of the European Union (OP Portal)"> <meta property="og:locale" content="en_GB"> <meta property="og:locale:alternate" content="bg_BG"> <meta property="og:locale:alternate" content="es_ES"> <meta property="og:locale:alternate" content="cs_CZ"> <meta property="og:locale:alternate" content="da_DK"> <meta property="og:locale:alternate" content="de_DE"> <meta property="og:locale:alternate" content="et_EE"> <meta property="og:locale:alternate" content="el_GR"> <meta property="og:locale:alternate" content="en_GB"> <meta property="og:locale:alternate" content="fr_FR"> <meta property="og:locale:alternate" content="ga_IE"> <meta property="og:locale:alternate" content="hr_HR"> <meta property="og:locale:alternate" content="it_IT"> <meta property="og:locale:alternate" content="lv_LV"> <meta property="og:locale:alternate" content="lt_LT"> <meta property="og:locale:alternate" content="hu_HU"> <meta property="og:locale:alternate" content="mt_MT"> <meta property="og:locale:alternate" content="nl_NL"> <meta property="og:locale:alternate" content="pl_PL"> <meta property="og:locale:alternate" content="pt_PT"> <meta property="og:locale:alternate" content="ro_RO"> <meta property="og:locale:alternate" content="sk_SK"> <meta property="og:locale:alternate" content="sl_SI"> <meta property="og:locale:alternate" content="fi_FI"> <meta property="og:locale:alternate" content="sv_SE"> <meta property="og:site_name" content="About Us"> <meta property="og:title" content="Legal notices: Virtual assistant, the explainability notice - 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/explainability-notice"> <link href="https://op.europa.eu/o/OPPortalEE/images/favicon.ico" rel="apple-touch-icon" /> <link href="https://op.europa.eu/o/OPPortalEE/images/favicon.ico" rel="icon" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://op.europa.eu/o/OPPortalEE/css/clay.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732209498000" id="liferayAUICSS" rel="stylesheet" type="text/css" /> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont:%2Fo%2Fjournal-content-web%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&t=1732209498000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="5ceed15d" /> <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 '331'; }, getLayoutRelativeControlPanelURL: function() { return '/en/group/about-us/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/en/web/about-us/explainability-notice'; }, getLayoutURL: function() { return 'https://op.europa.eu/en/web/about-us/explainability-notice'; }, 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\x2fexplainability-notice'; }, 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 '6854551'; }, 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=6854551'; }, 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 = 'EYiiLUw0'; Liferay.currentURL = '\x2fen\x2fweb\x2fabout-us\x2fexplainability-notice'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Fexplainability-notice'; // ]]> </script> <script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=ie&minifierType=js&languageId=en_GB&t=1720444384268&', waitTimeout: 60000};</script><script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=ie&languageId=en_GB&minifierType=js" type="text/javascript"></script><script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=en_GB&t=1720444384268&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script> <script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://op.europa.eu/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://op.europa.eu/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://op.europa.eu/o/oauth2/introspect';}, getTokenURL: function() {return 'https://op.europa.eu/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script><script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='contacts-web@5.0.58/index';var MODULE_PATH='/o/contacts-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { contactscenter: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-contacts-center': { path: 'main.js', requires: [ 'aui-io-plugin-deprecated', 'aui-toolbar', 'autocomplete-base', 'datasource-io', 'json-parse', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-workflow-kaleo-designer-web@5.0.131/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { 'kaleo-designer': { base: MODULE_PATH + '/designer/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-kaleo-designer-autocomplete-util': { path: 'autocomplete_util.js', requires: ['autocomplete', 'autocomplete-highlighters'], }, 'liferay-kaleo-designer-definition-diagram-controller': { path: 'definition_diagram_controller.js', requires: [ 'liferay-kaleo-designer-field-normalizer', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-dialogs': { path: 'dialogs.js', requires: ['liferay-util-window'], }, 'liferay-kaleo-designer-editors': { path: 'editors.js', requires: [ 'aui-ace-editor', 'aui-ace-editor-mode-xml', 'aui-base', 'aui-datatype', 'aui-node', 'liferay-kaleo-designer-autocomplete-util', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-field-normalizer': { path: 'field_normalizer.js', requires: ['liferay-kaleo-designer-remote-services'], }, 'liferay-kaleo-designer-nodes': { path: 'nodes.js', requires: [ 'aui-datatable', 'aui-datatype', 'aui-diagram-builder', 'liferay-kaleo-designer-editors', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-remote-services': { path: 'remote_services.js', requires: ['aui-io'], }, 'liferay-kaleo-designer-templates': { path: 'templates.js', requires: ['aui-tpl-snippets-deprecated'], }, 'liferay-kaleo-designer-utils': { path: 'utils.js', requires: [], }, 'liferay-kaleo-designer-xml-definition': { path: 'xml_definition.js', requires: [ 'aui-base', 'aui-component', 'dataschema-xml', 'datatype-xml', ], }, 'liferay-kaleo-designer-xml-definition-serializer': { path: 'xml_definition_serializer.js', requires: ['escape', 'liferay-kaleo-designer-xml-util'], }, 'liferay-kaleo-designer-xml-util': { path: 'xml_util.js', requires: ['aui-base'], }, 'liferay-portlet-kaleo-designer': { path: 'main.js', requires: [ 'aui-ace-editor', 'aui-ace-editor-mode-xml', 'aui-tpl-snippets-deprecated', 'dataschema-xml', 'datasource', 'datatype-xml', 'event-valuechange', 'io-form', 'liferay-kaleo-designer-autocomplete-util', 'liferay-kaleo-designer-editors', 'liferay-kaleo-designer-nodes', 'liferay-kaleo-designer-remote-services', 'liferay-kaleo-designer-utils', 'liferay-kaleo-designer-xml-util', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/designer/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='dynamic-data-mapping-web@5.0.103/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { const LiferayAUI = Liferay.AUI; AUI().applyConfig({ groups: { ddm: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: LiferayAUI.getFilterConfig(), modules: { 'liferay-ddm-form': { path: 'ddm_form.js', requires: [ 'aui-base', 'aui-datatable', 'aui-datatype', 'aui-image-viewer', 'aui-parse-content', 'aui-set', 'aui-sortable-list', 'json', 'liferay-form', 'liferay-map-base', 'liferay-translation-manager', 'liferay-util-window', ], }, 'liferay-portlet-dynamic-data-mapping': { condition: { trigger: 'liferay-document-library', }, path: 'main.js', requires: [ 'arraysort', 'aui-form-builder-deprecated', 'aui-form-validator', 'aui-map', 'aui-text-unicode', 'json', 'liferay-menu', 'liferay-translation-manager', 'liferay-util-window', 'text', ], }, 'liferay-portlet-dynamic-data-mapping-custom-fields': { condition: { trigger: 'liferay-document-library', }, path: 'custom_fields.js', requires: ['liferay-portlet-dynamic-data-mapping'], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-editor-alloyeditor-web@5.0.48/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { alloyeditor: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-alloy-editor': { path: 'alloyeditor.js', requires: [ 'aui-component', 'liferay-portlet-base', 'timers', ], }, 'liferay-alloy-editor-source': { path: 'alloyeditor_source.js', requires: [ 'aui-debounce', 'liferay-fullscreen-source-editor', 'liferay-source-editor', 'plugin', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='exportimport-web@5.0.85/index';var MODULE_PATH='/o/exportimport-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { exportimportweb: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-export-import-export-import': { path: 'main.js', requires: [ 'aui-datatype', 'aui-dialog-iframe-deprecated', 'aui-modal', 'aui-parse-content', 'aui-toggler', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-state-web@1.0.21/index';var MODULE_PATH='/o/frontend-js-state-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { state: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/document-library-web@6.0.182/index';var MODULE_PATH='/o/document-library-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { dl: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'document-library-upload-component': { path: 'DocumentLibraryUpload.js', requires: [ 'aui-component', 'aui-data-set-deprecated', 'aui-overlay-manager-deprecated', 'aui-overlay-mask-deprecated', 'aui-parse-content', 'aui-progressbar', 'aui-template-deprecated', 'liferay-search-container', 'querystring-parse-simple', 'uploader', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-react-web@5.0.41/index';var MODULE_PATH='/o/frontend-js-react-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { react: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-js-components-web@2.0.67/index';var MODULE_PATH='/o/frontend-js-components-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { components: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='staging-processes-web@5.0.57/index';var MODULE_PATH='/o/staging-processes-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { stagingprocessesweb: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-staging-processes-export-import': { path: 'main.js', requires: [ 'aui-datatype', 'aui-dialog-iframe-deprecated', 'aui-modal', 'aui-parse-content', 'aui-toggler', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-search-web@6.0.133/index';var MODULE_PATH='/o/portal-search-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { search: { base: MODULE_PATH + '/js/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-search-date-facet': { path: 'date_facet.js', requires: ['aui-form-validator'], }, }, root: MODULE_PATH + '/js/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='calendar-web@5.0.93/index';var MODULE_PATH='/o/calendar-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { calendar: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-calendar-a11y': { path: 'calendar_a11y.js', requires: ['calendar'], }, 'liferay-calendar-container': { path: 'calendar_container.js', requires: [ 'aui-alert', 'aui-base', 'aui-component', 'liferay-portlet-base', ], }, 'liferay-calendar-date-picker-sanitizer': { path: 'date_picker_sanitizer.js', requires: ['aui-base'], }, 'liferay-calendar-interval-selector': { path: 'interval_selector.js', requires: ['aui-base', 'liferay-portlet-base'], }, 'liferay-calendar-interval-selector-scheduler-event-link': { path: 'interval_selector_scheduler_event_link.js', requires: ['aui-base', 'liferay-portlet-base'], }, 'liferay-calendar-list': { path: 'calendar_list.js', requires: [ 'aui-template-deprecated', 'liferay-scheduler', ], }, 'liferay-calendar-message-util': { path: 'message_util.js', requires: ['liferay-util-window'], }, 'liferay-calendar-recurrence-converter': { path: 'recurrence_converter.js', requires: [], }, 'liferay-calendar-recurrence-dialog': { path: 'recurrence.js', requires: [ 'aui-base', 'liferay-calendar-recurrence-util', ], }, 'liferay-calendar-recurrence-util': { path: 'recurrence_util.js', requires: ['aui-base', 'liferay-util-window'], }, 'liferay-calendar-reminders': { path: 'calendar_reminders.js', requires: ['aui-base'], }, 'liferay-calendar-remote-services': { path: 'remote_services.js', requires: [ 'aui-base', 'aui-component', 'liferay-calendar-util', 'liferay-portlet-base', ], }, 'liferay-calendar-session-listener': { path: 'session_listener.js', requires: ['aui-base', 'liferay-scheduler'], }, 'liferay-calendar-simple-color-picker': { path: 'simple_color_picker.js', requires: ['aui-base', 'aui-template-deprecated'], }, 'liferay-calendar-simple-menu': { path: 'simple_menu.js', requires: [ 'aui-base', 'aui-template-deprecated', 'event-outside', 'event-touch', 'widget-modality', 'widget-position', 'widget-position-align', 'widget-position-constrain', 'widget-stack', 'widget-stdmod', ], }, 'liferay-calendar-util': { path: 'calendar_util.js', requires: [ 'aui-datatype', 'aui-io', 'aui-scheduler', 'aui-toolbar', 'autocomplete', 'autocomplete-highlighters', ], }, 'liferay-scheduler': { path: 'scheduler.js', requires: [ 'async-queue', 'aui-datatype', 'aui-scheduler', 'dd-plugin', 'liferay-calendar-a11y', 'liferay-calendar-message-util', 'liferay-calendar-recurrence-converter', 'liferay-calendar-recurrence-util', 'liferay-calendar-util', 'liferay-scheduler-event-recorder', 'liferay-scheduler-models', 'promise', 'resize-plugin', ], }, 'liferay-scheduler-event-recorder': { path: 'scheduler_event_recorder.js', requires: [ 'dd-plugin', 'liferay-calendar-util', 'resize-plugin', ], }, 'liferay-scheduler-models': { path: 'scheduler_models.js', requires: [ 'aui-datatype', 'dd-plugin', 'liferay-calendar-util', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}</script> <script type="text/javascript" data-senna-track="temporary"> // <![CDATA[ // ]]> </script> <meta lang="en" content="http://publications.europa.eu/resource/authority/corporate-body/PUBL" name="author" /> <meta lang="en" content="&copy; European Union" name="COPYRIGHT" /> <meta lang="en" content="Publications Office of the European Union" name="DC.publisher" /> <meta lang="en" content="Website" name="DC.type" /> <meta lang="en" content="facebook.com/EULawandPublications" property="fb:admins" /> <meta lang="en" content="LUXEMBOURG" name="og:country-name" /> <meta lang="en" content="49.598918" property="og:latitude" /> <meta lang="en" content="6.131508" property="og:longitude" /> <meta lang="en" content="2417" property="og:postal-code" /> <meta lang="en" content="20, rue de Reims" property="og:street-address" /> <meta lang="en" content="summary" name="twitter:card" /> <meta lang="en" content="@EUPublications" name="twitter:creator" /> <meta lang="en" content="293993583" name="twitter:creator:id" /> <meta lang="en" content="http://op.europa.eu/en/web/about-us/explainability-notice" name="twitter:url" /> <meta content="en" name="DCSext.lang" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://op.europa.eu/o/OPPortalEE/css/main.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732209498000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> /*********** PREVIOUS CODE ***********/ .about-us .localnav .nav-menu ul a:focus, .newsletter .localnav .nav-menu ul a:focus{ color: #5499ff; text-decoration: underline; } #ec-widget-share-button a { background-image: none; border: 1px solid #cccccc !important; border-radius: 4px; color: #3366cc !important; display: inline; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; font-size: 13px !important; min-width: auto !important; padding: 0 4px !important; text-align: center; } #p_p_id_56_INSTANCE_63vBvluXvDOx_ { margin-left: 50px; margin-right: 50px; margin-top: 20px; } .emph{ font-weight: bold; } .centered { text-align: center; } .underlined { text-decoration: underline; } .stronger{ font-weight: bold; } .different{ font-weight: bold; font-size: large; text-align: center; } .centeredStrong{ font-weight: bold; text-align: center; } .centeredYellowRed{ text-align: center; color: red; background-color: yellow; } .limeRed{ color: red; background-color: lime; } .centeredStrongBigger{ font-weight: bold; text-align: center; font-size: 14px; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article dd > p, .OPPortalLayout .maincontent .single-maincontent .portlet-content .journal-content-article dd > p{ padding: 0 0 0 0; } .lessSpace { //margin-top: -25px; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article dd > ul, .OPPortalLayout .maincontent .single-maincontent .portlet-content .journal-content-article dd > ul { // padding-left: unset !important; } .OPPortalLayout .myportalwrapper .myportaltitle{ font-size:13px; } @media (min-width: 769px) { .navbar-collapse.navHeaderCollapse{ display: block; } } #headercontent .wtSearchButton a:link, #headercontent .wtSearchButton a:visited, #headercontent .wtSearchButton a:active{ font-size: 13px; color: #666666; } .customSideNavv{ position:sticky; } .customSideNavv li a { white-space: normal; } @media screen and (min-width: 992px) { #layout-column_maincontentarea { padding-right: 5%; } } /*********** NEW ***********/ /* Side menu space */ @media screen and (min-width: 992px) { aside#localnav.localnav { /*padding-right: 40px;*/ } } /* GRIDS */ .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-gap: 24px; } .grid-col { grid-template-columns: 1fr; } .grid-2col { grid-template-columns: 1fr 1fr; } .grid-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-gap-0 { grid-gap: 0px; } .grid-gap-16 { grid-gap: 16px; } .grid-gap-24 { grid-gap: 24px; } .grid-gap-32 { grid-gap: 32px; } .grid-gap-40 { grid-gap: 40px; } .grid-gap-48 { grid-gap: 48px; } .grid-gap-56 { grid-gap: 56px; } .grid-gap-64 { grid-gap: 64px; } @media screen and (min-width: 576px) { .grid-sm-col { grid-template-columns: 1fr; } .grid-sm-2col { grid-template-columns: 1fr 1fr; } .grid-sm-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-sm-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-sm-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-sm-0 { grid-gap: 0px; } .grid-gap-sm-16 { grid-gap: 16px; } .grid-gap-sm-24 { grid-gap: 24px; } .grid-gap-sm-32 { grid-gap: 32px; } .grid-gap-sm-40 { grid-gap: 40px; } .grid-gap-sm-48 { grid-gap: 48px; } .grid-gap-sm-56 { grid-gap: 56px; } .grid-gap-sm-64 { grid-gap: 64px; } } @media screen and (min-width: 768px) { .grid-md-col { grid-template-columns: 1fr; } .grid-md-2col { grid-template-columns: 1fr 1fr; } .grid-md-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-md-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-md-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-md-0 { grid-gap: 0px; } .grid-gap-md-16 { grid-gap: 16px; } .grid-gap-md-24 { grid-gap: 24px; } .grid-gap-md-32 { grid-gap: 32px; } .grid-gap-md-40 { grid-gap: 40px; } .grid-gap-md-48 { grid-gap: 48px; } .grid-gap-md-56 { grid-gap: 56px; } .grid-gap-md-64 { grid-gap: 64px; } } @media screen and (min-width: 992px) { .grid-lg-col { grid-template-columns: 1fr; } .grid-lg-2col { grid-template-columns: 1fr 1fr; } .grid-lg-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-lg-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-lg-0 { grid-gap: 0px; } .grid-gap-lg-16 { grid-gap: 16px; } .grid-gap-lg-24 { grid-gap: 24px; } .grid-gap-lg-32 { grid-gap: 32px; } .grid-gap-lg-40 { grid-gap: 40px; } .grid-gap-lg-48 { grid-gap: 48px; } .grid-gap-lg-56 { grid-gap: 56px; } .grid-gap-lg-64 { grid-gap: 64px; } } /* FONTS */ .maincontent p.p-op, ol.ol-op > li, ul.ul-op > li, a.a-op, .journal-content-article a.a-op, .portlet-body .journal-content-article p.p-op, ul.ul-op p, .heading-section, ol.ol-op li a, ul.ul-op li a { font-size: 1rem; line-height: 150% !important; } /*p.p-op > *,*/ p.p-op * { font-size: inherit !important; line-height: inherit!important; } .font-s, .font-s > * { font-size: 0.875rem !important; line-height: 125% !important; } .font-l, .font-l > * { font-size: 1.125rem !important; } .maincontent h1.h1-op, .maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op { line-height: 135% !important; } .maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op, .maincontent p.p-op, .maincontent ul.ul-op, .maincontent ol.ol-op, .maincontent li.li-op { color: #444444; } .maincontent h1.h1-op { font-size: 1.75rem !important; font-weight: bold; color: #132760 !important; margin-bottom: 1.212em; } .maincontent h2.h2-op { font-size: 1.313rem !important; font-weight: bold; margin-bottom: 1.66em; } .maincontent h3.h3-op { font-size: 1.125rem; font-weight: bold; margin-bottom: 1.2em; } .maincontent h4.h4-op { font-size: 1rem!important; margin-bottom: 1.1em; } .maincontent h1.h1-op, /*.maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op, */ { color: #132760 !important; } .line-below { border-bottom: 0.25rem solid; margin-top: -2rem; width: 35%; } .caption-text { color: #666666; font-size: 0.875rem !important; margin-bottom: 0.5em !important; } /* LISTS */ .maincontent ul.ul-op, .maincontent ol.ol-op { /*margin: 0;*/ } ol.ol-op > li, ul.ul-op > li { margin-bottom: 1rem; } ol.ol-op.feature { list-style: none; counter-reset: op; } ul.ul-op.bullet-none { list-style: none; padding: 0; margin: 0; } ol.ol-op.feature > li { counter-increment: op; display: flex; margin-bottom: 1.5rem; } ol.ol-op.feature > li::before { content: counter(op) " "; font-weight: bold; font-size: 1.5rem; margin-right: 1rem; background-color: #F5F5F5; padding: 1rem; } /* NON STRUCTURAL HEADINGS */ .heading-section { font-size: 1.125rem; color: #112250; margin-bottom: 0.444em; } /* In development .highlight-text-op { border-radius: 0.25rem; padding: 0.25rem 0.5rem; } .highlight-text-op.white { background-color: white; }*/ /* COLOURS */ .maincontent .light-blue-op { background-color: #F0F3F9; } .maincontent .light-grey-op { background-color: #F5F5F5; } .maincontent .white-op { background-color: #FFFFFF; } .maincontent .text-secondary-op { color: #666666; } .maincontent .text-helper-op { color: #757575 !important; } /* CONTAINERS */ .maincontent .card-op { position: relative; padding: 1rem; } /* Card feature */ .maincontent .card-feature { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-color: #FFFFFF; padding: 0.75rem; transition: all .2s ease-in-out; } .maincontent .card-feature div > img { width:100%; border-radius: 0.25rem; } .maincontent .card-feature div > a { font-size: 1rem !important; font-weight: bold; color: #3366CC; line-height: 140%; } .maincontent .card-feature div > a:hover { /*text-decoration: none !important;*/ } .maincontent .card-feature .name { font-size: 0.875rem; margin-top: 0.35rem; } .maincontent .card-feature:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* Card feature : END */ /* Card image text stack */ .maincontent .card-stack { position: relative; padding: 0rem; transition: all .2s ease-in-out; } .maincontent .card-stack div > img { width:100%; /*max-width: 295px;*/ /*border: 1px solid #DDDDDD;*/ } .maincontent .card-stack div > a { font-size: 1rem !important; font-weight: bold; color: #3366CC; line-height: 140%; } .maincontent .card-stack div > a:hover { text-decoration: none !important; } .maincontent .card-stack .content { font-size: 0.875rem; margin-top: 0.35rem; } .maincontent .card-stack .content > span { font-weight: bold; } .maincontent .card-stack p.content:nth-child(2) { margin-bottom: 0; } .maincontent .card-stack p.content:nth-child(3) { margin-top: 0; } .maincontent .card-stack:hover { /*outline: 1px solid #4D94FF;*/ } /* Card image text stack : END */ .maincontent .max-width-op { max-width: 175px !important; } .maincontent .section-op-sm, .maincontent .section-op { /*border: 1px dotted grey;*/ margin: 0; } .maincontent .section-op-sm { padding: 1.5rem 0 1.5rem 0; } .maincontent .section-op { padding: 2rem 0 2rem 0; } /* Card shadow */ .maincontent .card-shadow { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; } .maincontent .card-shadow:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* BUTTONS */ .maincontent a.btn-op { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: center; text-decoration: none!important; display: block; padding: 0.75rem 1rem; border-radius: 3px; } .maincontent a.btn-blue-outline-op { border: 1px solid #3366CC!important; color: #3366CC; background-color: transparent; } .maincontent a.btn-blue-outline-op:hover { background-color: #E7EDF9; } .maincontent a.btn-blue-fill-op { border: 1px solid #3366CC; color: #FFFFFF !important; background-color: #3366CC; } .maincontent a.btn-blue-fill-op:hover { background-color: #004494; } /* IMAGES */ .img-feature-round { border-radius: 50%; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -webkit-box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); /* Firefox 3.5 - 3.6 */ -moz-box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); } .img-feature-round-orange { box-sizing: border-box; border-radius: 50%; border: 0.25rem solid rgba(255, 153, 51); } .img-feature-round-sky { box-sizing: border-box; border-radius: 50%; border: 0.25rem solid rgba(0, 153, 204); } /* Support elements */ html { scroll-behavior: smooth; } .maincontent .hr-op { height: 1px; /*border: 1px 0 0 0; border-style: solid; border-color: #DDDDDD;*/ background-color: #DDDDDD; margin: 0; padding: 0; } /* Emulate Gap Support with Flexbox and Margins */ .emulated-flex-gap { --gap: 32px; display: inline-flex; flex-wrap: wrap; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap)); width: calc(100% + var(--gap)); } .emulated-flex-gap > * { margin: var(--gap) 0 0 var(--gap); } .see-outlines { border: 1px dotted black; } /* Support elements */ .section-hr { border-bottom: 1px solid #DDDDDD; } /* ICONS */ /* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"); */ /*********** Medium ***********/ @media screen and (min-width: 768px) { .flex-gap > div, .emulated-flex-gap > div { flex: 1; } /* CONTAINERS */ .maincontent .max-width-op { max-width: 350px !important; } /* LISTS */ ol.ol-op.feature > li::before { font-size: 2rem; margin-right: 1.5rem; padding: 2rem; } } /*********** Large ***********/ @media screen and (min-width: 992px) { .maincontent h1.h1-op { font-size: 2.063rem !important; } .maincontent h2.h2-op { font-size: 1.5rem !important; } .maincontent h3.h3-op { font-size: 1.25rem; } /* CONTAINERS */ .maincontent .card-op { padding: 1.5rem; } .maincontent .section-op-sm { padding: 2rem 0 2rem 0; } .maincontent .section-op { padding: 4rem 0 4rem 0; } /* Support elements */ } /*********** ANIMATIONS ***********/ @media screen and (max-width: 650px) { .js-scroll { opacity: 0; transition: opacity 500ms; } .js-scroll.scrolled { opacity: 1; } .scrolled.fade-in { animation: fade-in 1s ease-in-out both; } .scrolled.fade-in-bottom { animation: fade-in-bottom 1s ease-in-out both; } .scrolled.fade-in-top { animation: fade-in-top 0.4s ease-out both; } .scrolled.slide-left { animation: slide-in-left 1s ease-in-out both; } .scrolled.slide-in-right { animation: slide-in-right 0.40s ease-in-out both; } .scrolled.zoom-in { animation: zoom-in 0.4s ease-in-out both; } @keyframes zoom-in { 0% { -webkit-transform: scale(0.95); transform: scale(0.95) opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } </style> <style data-senna-track="temporary" type="text/css"> </style> <script data-senna-track="temporary">var Liferay = window.Liferay || {}; Liferay.CommerceContext = {"commerceAccountGroupIds":[],"accountEntryAllowedTypes":["person"],"commerceChannelId":"0","showUnselectableOptions":false,"currency":{"currencyId":"12770924","currencyCode":"USD"},"showSeparateOrderItems":false,"commerceSiteType":0};</script><link href="/o/commerce-frontend-js/styles/main.css" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> </style> <script type="text/javascript" data-senna-track="temporary"> if (window.Analytics) { window._com_liferay_document_library_analytics_isViewFileEntry = false; } </script> <script type="text/javascript"> Liferay.on( 'ddmFieldBlur', function(event) { if (window.Analytics) { Analytics.send( 'fieldBlurred', 'Form', { fieldName: event.fieldName, focusDuration: event.focusDuration, formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFieldFocus', function(event) { if (window.Analytics) { Analytics.send( 'fieldFocused', 'Form', { fieldName: event.fieldName, formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title:event.title } ); } } ); Liferay.on( 'ddmFormPageShow', function(event) { if (window.Analytics) { Analytics.send( 'pageViewed', 'Form', { formId: event.formId, formPageTitle: event.formPageTitle, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFormSubmit', function(event) { if (window.Analytics) { Analytics.send( 'formSubmitted', 'Form', { formId: event.formId, title: event.title } ); } } ); Liferay.on( 'ddmFormView', function(event) { if (window.Analytics) { Analytics.send( 'formViewed', 'Form', { formId: event.formId, title: event.title } ); } } ); </script><script> </script> <script src="https://op.europa.eu/o/OPPortalEE/js/main.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/opportal/opportal.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/mainsearch.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/documentRating.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/twitterWidget.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script type="text/javascript"> AUI().use('aui-viewport'); AUI().use("node", function (navContent) { var node = navContent.one(".temporary"); var destinationNode = navContent.one(".font_btn_en"); try{ destinationNode.html(node.get("value").split("_")[0].toUpperCase()) }catch(e) {} }); </script> <script> var cl = document.querySelector('html').classList; cl.remove('no-js'); cl.add('has-js'); </script> <link rel="stylesheet" href="https://op.europa.eu/o/OPPortalEE/css/ecl-eu.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732209498000" media="screen" /> <script type="module" src="/webpub/webchat/WebchatScriptsLoader.js" site_language="en_GB"></script>  <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>  <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 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> function gsExpandTree(e){ if(e.getAttribute('aria-expanded') == "true") { e.querySelector("i").classList.add("gs-icon-chevron-right"); e.querySelector("i").classList.remove("gs-icon-chevron-down"); } else { e.querySelector("i").classList.add("gs-icon-chevron-down"); e.querySelector("i").classList.remove("gs-icon-chevron-right"); } } //on modal open function gsOpenModal(e){ var dataTargetModal = e.getAttribute("data-target"); $(dataTargetModal).trigger('focus'); } </script> </div> </div> </div> </div> </div> </section> </div> </div> </div> <nav class="quick-access-nav" id="kxnq_quickAccessNav"> <div class="hide-accessible">Navigation</div> <ul> <li><a href="#maincontentarea">Skip to Content</a></li> </ul> </nav> <style> #content.terms-of-use-content:has(div) .sheet-header { display: none; } #content.terms-of-use-content .sheet { margin-bottom: 1.5rem; } #content.terms-of-use-content .btn-primary{ color: #FFFFFF!important; border: 2px solid var(--gs-base-color-link-100)!important; background-color: var(--gs-base-color-link-100); border-radius: 3px; padding: var(--gs-base-spacing-s) var(--gs-base-spacing-m)!important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none!important; font-size: var(--gs-base-font-size-sp-15)!important; font-weight: bold; line-height: 1; text-align: center; } #content.terms-of-use-content .btn-secondary{ color: var(--gs-base-color-gray-75)!important; border: 2px solid var(--gs-base-color-gray-75)!important; background-color: transparent; } .terms-of-use-content-header { background: #039; color: #FFFFFF !important; width: 100vw !important; max-width: 100% !important; display: flex; } .terms-of-use-content-header h1 { width: 100%; color: #FFF; margin-bottom: 10px !important; } </style> <div id="terms-of-use-content-header" class="d-none"> <div class="container"> <div class="col-md-12"> <div class="portlet-layout row ec_header-container-1"> <div class="col-lg-4 col-md-4 col-sm-4 portlet-column-first sub-container-head-r-1" id="logo-head"> <div class="site-main-logo"> <p> <a aria-label="European Commission" class="ecl-link ecl-link--standalone ecl-site-header__logo-link" href="https://commission.europa.eu/index_en"> <picture class="ecl-picture ecl-site-header__picture" title="European Commission"><img alt="European Commission logo" class="ecl-site-header__logo-image" src="/documents/d/dorie/logo-ec-header-svg"></picture> </a> </p> </div> </div> </div> </div> </div> <div class="gcss-op terms-of-use-content-header header"> <div class="container mr-auto ml-auto p-4 row"> <div>Publications Office of the EU</div> </div> </div> </div> <div id="content" class="gcss-op terms-of-use-content op-portal-site"></div> <script type="text/javascript"> (function() { if (document.querySelectorAll('form[action*="update_terms_of_use"]').length > 0) { if (window.self !== window.top) { window.top.location.reload(); } const termsOfUseHeader = document.getElementById('terms-of-use-content-header'); if (termsOfUseHeader) { termsOfUseHeader.classList.remove('d-none'); } const cancelButton = document.querySelectorAll('form[action*="update_terms_of_use"] .btn-cancel'); if (cancelButton && cancelButton.length > 0) { cancelButton[0].removeAttribute("onclick"); cancelButton[0].addEventListener('click', function(e) { e.preventDefault(); const redirect = window.location && window.location.origin ? ('?redirect=' + window.location.origin) : ''; window.location.href = '/c/portal/logout' + redirect; return false; }); } } })(); </script> <div class="container" id="wrapper"> <section id="main-content-top" > <div class="hide-accessible">Legal notices: Virtual assistant, the explainability notice - About Us</div> <div class="OPPortalLayout about-us" id="main-content" > <style> #header.header.custom-header{ display: none !important; } </style> <style type="text/css"> .master-layout-fragment .portlet-header { display: none; } </style> <div id="custom-header" class="header custom-header "> <div class="portlet-layout row"> <div class="col-lg-3 col-md-12 col-sm-12 portlet-column-first " id="custom-header-portlet-container"> <div class=""> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet:%2Fo%2Fopportal.displayCustomHeader%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_"> <span id="p_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayCustomHeader</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> <div class="col-md-12 col-sm-12 portlet-column portlet-column-first" id="header-column"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_header-column"></div> </div> </div> </div> <header id="header" class="header ecl-site-header" data-ecl-auto-init="SiteHeader"> <div class="portlet-layout row ec_header-container-1"> <div class="col-lg-6 col-md-6 col-sm-6 portlet-column-first sub-container-head-r-1" id="logoMain"> <div class="site-main-logo"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet:%2Fo%2Fopportal.displayLogo%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_"> <span id="p_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayLogo</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="journal-content-article " data-analytics-asset-id="115852" data-analytics-asset-title="EU logo" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="115854"> <a href="https://european-union.europa.eu/index_en" target="_self"> <img class="site-logo hidden-xs visible-print-block" src="/documents/10197/13489006/logo-eu-en.svg/5dd643ec-82e4-f3f0-4132-6f410ec3aadc?t=1698222466258" alt="Photo of Publications Office of the European Union" /> <img class="site-logo-mobile hidden-md hidden-lg hidden-print" src="/documents/10197/13489006/logo-eu-en-mobile.svg/7be79ebc-525f-3d0b-0978-ba93a7fe2368?t=1698222467611" alt="Photo of Publications Office of the European Union" /> <span class="screen-readers-only">Publications Office of the European Union</span> </a> </div> </div> </div> </div> </section> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 portlet-column-last sub-container-head-r-1 rightHeader"> <div class="ecl-site-header__header"> <div class="ecl-site-header__container"> <div class="ecl-site-header__top" data-ecl-site-header-top> <div class="ecl-site-header__action"> <div class="accSignin"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fcss%2Fmain.css&t=1732212520000" rel="stylesheet" type="text/css" /> <script src="/combo?browserId=ie&minifierType=js&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fjs%2Fmyportal.js&t=1732212520000" type="text/javascript"></script> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_myPortal_MyPortalPortlet_ portlet-static portlet-static-end portlet-decorate myportal " id="p_p_id_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_"> <span id="p_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">MyPortal</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="ecl-site-header__login-container"> <div class="myportalwrapper" id="_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_myportalwrapper"> <a class="ecl-button ecl-button--ghost ecl-site-header__login-toggle" tabindex="0" aria-label="Log in" href="javascript:_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_showLoginPopUpWindow('/c/portal/login?p_l_id=6854551&redirect=https://op.europa.eu/login-redirect/-/redirectLogin/1', '',600);"> <i class="gs-icon-log-in" aria-hidden="true"></i> <span>Log in</span> </a> </div> </div> </div> </div> </div> </section> </div> </div> <div class="accLanguage"> <div id="languageselection" class="portlet-static portlet-static-end portlet-journal-content-search d-sm-block"> <div class="language-selector-wrapper"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-decorate portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"> <span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Language Selector</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="ecl-site-header__language"> <a class="ecl-button ecl-button--ghost ecl-site-header__language-selector" href="#" data-ecl-language-selector role="button" aria-label="Change language, current language is English" aria-controls="language-list-overlay"> <span class="ecl-site-header__language-icon"> <i class="gs-icon-global" aria-hidden="true" style="font-size: 24px; padding-right: 6px;"></i></span>English</a> <div class="ecl-site-header__language-container" id="language-list-overlay" hidden data-ecl-language-list-overlay aria-labelledby="ecl-site-header__language-title" role="dialog"> <div class="ecl-site-header__language-header"> <div class="ecl-site-header__language-title" id="ecl-site-header__language-title">Select your language</div> <button class="ecl-button ecl-button--ghost ecl-site-header__language-close" type="submit" data-ecl-language-list-close> <span class="ecl-button__container"> <span class="ecl-u-sr-only" data-ecl-label="true">Close</span> <i class="gs-icon-close" aria-hidden="true"></i> </span></button> </div> <div class="ecl-site-header__language-content"> <div class="ecl-site-header__language-category" data-ecl-language-list-eu> <div class="ecl-site-header__language-category-title">Official EU languages:</div> <ul class="ecl-site-header__language-list"> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("bg"); return false;' class="taglib-language-option taglib-language-option-bg-BG ecl-link ecl-link--standalone ecl-site-header__language-link " lang="bg-BG" hreflang="bg_BG" ><span class="ecl-site-header__language-link-code">bg</span> <span class="ecl-site-header__language-link-label">български</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("es"); return false;' class="taglib-language-option taglib-language-option-es-ES ecl-link ecl-link--standalone ecl-site-header__language-link " lang="es-ES" hreflang="es_ES" ><span class="ecl-site-header__language-link-code">es</span> <span class="ecl-site-header__language-link-label">español</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("cs"); return false;' class="taglib-language-option taglib-language-option-cs-CZ ecl-link ecl-link--standalone ecl-site-header__language-link " lang="cs-CZ" hreflang="cs_CZ" ><span class="ecl-site-header__language-link-code">cs</span> <span class="ecl-site-header__language-link-label">čeština</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("da"); return false;' class="taglib-language-option taglib-language-option-da-DK ecl-link ecl-link--standalone ecl-site-header__language-link " lang="da-DK" hreflang="da_DK" ><span class="ecl-site-header__language-link-code">da</span> <span class="ecl-site-header__language-link-label">dansk</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("de"); return false;' class="taglib-language-option taglib-language-option-de-DE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="de-DE" hreflang="de_DE" ><span class="ecl-site-header__language-link-code">de</span> <span class="ecl-site-header__language-link-label">Deutsch</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("et"); return false;' class="taglib-language-option taglib-language-option-et-EE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="et-EE" hreflang="et_EE" ><span class="ecl-site-header__language-link-code">et</span> <span class="ecl-site-header__language-link-label">eesti keel</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("el"); return false;' class="taglib-language-option taglib-language-option-el-GR ecl-link ecl-link--standalone ecl-site-header__language-link " lang="el-GR" hreflang="el_GR" ><span class="ecl-site-header__language-link-code">el</span> <span class="ecl-site-header__language-link-label">Ελληνικά</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("en"); return false;' class="taglib-language-option taglib-language-option-en-GB ecl-link ecl-link--standalone ecl-site-header__language-link ecl-site-header__language-link--active" lang="en-GB" hreflang="en_GB" ><span class="ecl-site-header__language-link-code">en</span> <span class="ecl-site-header__language-link-label">English</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("fr"); return false;' class="taglib-language-option taglib-language-option-fr-FR ecl-link ecl-link--standalone ecl-site-header__language-link " lang="fr-FR" hreflang="fr_FR" ><span class="ecl-site-header__language-link-code">fr</span> <span class="ecl-site-header__language-link-label">français</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("ga"); return false;' class="taglib-language-option taglib-language-option-ga-IE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="ga-IE" hreflang="ga_IE" ><span class="ecl-site-header__language-link-code">ga</span> <span class="ecl-site-header__language-link-label">Gaeilge</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("hr"); return false;' class="taglib-language-option taglib-language-option-hr-HR ecl-link ecl-link--standalone ecl-site-header__language-link " lang="hr-HR" hreflang="hr_HR" ><span class="ecl-site-header__language-link-code">hr</span> <span class="ecl-site-header__language-link-label">hrvatski</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("it"); return false;' class="taglib-language-option taglib-language-option-it-IT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="it-IT" hreflang="it_IT" ><span class="ecl-site-header__language-link-code">it</span> <span class="ecl-site-header__language-link-label">italiano</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("lv"); return false;' class="taglib-language-option taglib-language-option-lv-LV ecl-link ecl-link--standalone ecl-site-header__language-link " lang="lv-LV" hreflang="lv_LV" ><span class="ecl-site-header__language-link-code">lv</span> <span class="ecl-site-header__language-link-label">latviešu valoda</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("lt"); return false;' class="taglib-language-option taglib-language-option-lt-LT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="lt-LT" hreflang="lt_LT" ><span class="ecl-site-header__language-link-code">lt</span> <span class="ecl-site-header__language-link-label">lietuvių kalba</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("hu"); return false;' class="taglib-language-option taglib-language-option-hu-HU ecl-link ecl-link--standalone ecl-site-header__language-link " lang="hu-HU" hreflang="hu_HU" ><span class="ecl-site-header__language-link-code">hu</span> <span class="ecl-site-header__language-link-label">magyar</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("mt"); return false;' class="taglib-language-option taglib-language-option-mt-MT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="mt-MT" hreflang="mt_MT" ><span class="ecl-site-header__language-link-code">mt</span> <span class="ecl-site-header__language-link-label">Malti</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("nl"); return false;' class="taglib-language-option taglib-language-option-nl-NL ecl-link ecl-link--standalone ecl-site-header__language-link " lang="nl-NL" hreflang="nl_NL" ><span class="ecl-site-header__language-link-code">nl</span> <span class="ecl-site-header__language-link-label">Nederlands</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("pl"); return false;' class="taglib-language-option taglib-language-option-pl-PL ecl-link ecl-link--standalone ecl-site-header__language-link " lang="pl-PL" hreflang="pl_PL" ><span class="ecl-site-header__language-link-code">pl</span> <span class="ecl-site-header__language-link-label">polski</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("pt"); return false;' class="taglib-language-option taglib-language-option-pt-PT ecl-link ecl-link--standalone ecl-site-header__language-link " lang="pt-PT" hreflang="pt_PT" ><span class="ecl-site-header__language-link-code">pt</span> <span class="ecl-site-header__language-link-label">português</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("ro"); return false;' class="taglib-language-option taglib-language-option-ro-RO ecl-link ecl-link--standalone ecl-site-header__language-link " lang="ro-RO" hreflang="ro_RO" ><span class="ecl-site-header__language-link-code">ro</span> <span class="ecl-site-header__language-link-label">română</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("sk"); return false;' class="taglib-language-option taglib-language-option-sk-SK ecl-link ecl-link--standalone ecl-site-header__language-link " lang="sk-SK" hreflang="sk_SK" ><span class="ecl-site-header__language-link-code">sk</span> <span class="ecl-site-header__language-link-label">slovenčina</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("sl"); return false;' class="taglib-language-option taglib-language-option-sl-SI ecl-link ecl-link--standalone ecl-site-header__language-link " lang="sl-SI" hreflang="sl_SI" ><span class="ecl-site-header__language-link-code">sl</span> <span class="ecl-site-header__language-link-label">slovenščina</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("fi"); return false;' class="taglib-language-option taglib-language-option-fi-FI ecl-link ecl-link--standalone ecl-site-header__language-link " lang="fi-FI" hreflang="fi_FI" ><span class="ecl-site-header__language-link-code">fi</span> <span class="ecl-site-header__language-link-label">suomi</span> </a> </li> <li class="ecl-site-header__language-item"> <a href='#' onclick='_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage("sv"); return false;' class="taglib-language-option taglib-language-option-sv-SE ecl-link ecl-link--standalone ecl-site-header__language-link " lang="sv-SE" hreflang="sv_SE" ><span class="ecl-site-header__language-link-code">sv</span> <span class="ecl-site-header__language-link-label">svenska</span> </a> </li> </ul> </div> <div class="ecl-site-header__language-category d-none" data-ecl-language-list-non-eu> <div class="ecl-site-header__language-category-title">Other languages:</div> <ul class="ecl-site-header__language-list"> <li class="ecl-site-header__language-item"><a href="#" class="ecl-link ecl-link--standalone ecl-site-header__language-link" lang="tr" hreflang="tr"><span class="ecl-site-header__language-link-code">tr</span><span class="ecl-site-header__language-link-label">trtrtrtr</span></a></li> </ul> </div> </div> </div> </div> <style> .ecl-site-header__language{ text-align: left; } </style> <script> function _com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage(langParam) { if(window.location.href.includes("/publication-detail/-/publication/")){ let currentUrlLangRedirect = new URL(window.location.href); let paramsLangRedirect = currentUrlLangRedirect.searchParams; let finalUrlLangRedirect = currentUrlLangRedirect.origin + currentUrlLangRedirect.pathname.split("/language-")[0]; window.location.href = finalUrlLangRedirect.replace("/"+ "en" +"/", "/"+langParam+"/"); } else{ window.location.href = window.location.href.replace("/"+ "en" +"/", "/"+langParam+"/"); } } if(!window.location.href.includes(".europa.eu/en")){ window.location.href = window.location.href.replace(".europa.eu", ".europa.eu/en"); } if(window.location.href.includes("/en//")){ window.location.href = window.location.href.replace(".europa.eu/en//", ".europa.eu/en/"); } </script> </div> </div> </div> </section> </div> </div> </div> </div> <div class="accMachineTranslation"> </div> </div> </div> </div> </div> </div> </div>  <div class="portlet-layout row ec_header-container-2" id="ec_header-container-2"> <div class="col-lg-5 col-md-12 col-sm-12 portlet-column-first " id="logo"> <div class="site-main-logo"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_logo"></div> <div class="default-op-sitename-portlet"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-13610194" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13610192" data-analytics-asset-title="Sitename about us" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13610194"> <style type="text/css">@import url('/documents/d/global/header-eu-sitename-v2'); </style> <div class="gcss-op"> <div class="ls-header-sitename-area"> <p class="ls-sitename">Publications Office of the European Union</p>  <div class="ls-line-2"> <p class="ls-site-info"><a class="stretched-link" href="/web/about-us">About us</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <div class="col-lg-5 col-md-12 col-sm-12 portlet-column" id="headercontent"> <div class="portlet-layout row container-fluid left40"> <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 search-portlet-header"> <div id="mainSearchStatic" class="portlet-static portlet-static-end portlet-journal-content-search container-fluid " role="search"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy:%2Fo%2Feu.europa.publications.portlet.main_search%2Fcss%2Fmain.css&t=1732212504000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_main_search_MainSearchPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_"> <span id="p_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">MainSearch</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <form action="https://op.europa.eu/en/web/about-us/explainability-notice?p_p_id=eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_javax.portlet.action=mainSearchAction" class="form " data-fm-namespace="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm" method="post" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm" autocomplete="off" id="submitSearch_form" accept-charset="UTF-8" > <div aria-label="MainSearch" class="input-container" role="group"> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formDate" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formDate" type="hidden" value="1732707711314" /> <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="20" /> <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/explainability-notice?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=20', requestTemplate: getAutocompleteSearchURL, tabSelect: true }); } }); </script> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div class=" col-lg-2 col-md-12 col-sm-12 portlet-column-last rightHeader"> <div class="accBasket"> <div class="shopping-basket-embedded pull-right"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fcss%2Fmain.css&t=1732212614000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE_"> <span id="p_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">BasketSummary</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="basket-summary-portlet" role="dialog" aria-haspopup="true"> <div class="basket-summary row"> <div class="with-icon"> <a aria-label="Basket" tabindex="0" class="basket-label" href="/en/web/eu-law-and-publications/basket?t=1732707711317221652838"> <span class="basket-items"><i class="gs-icon-basket" aria-hidden="true"></i><span class="value">0</span></span> <span>Basket</span> <div class="myportalwrapper"> <a id="basket-preview" tabindex="-1" role="button" data-toggle="dropdown" class="dropdown hidden" href="#" aria-haspopup="true" aria-expanded="false"> <span class="basket-summary" aria-label="Close">X</span> </a> <ul class="dropdown-menu basket-card" aria-labelledby="basket-preview" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 21px, 0px); margin-left: -280%;"> <li class="basket-preview-title"> <span class="bp-title">Basket</span> <span class="bp-item"><span class="value"> </span> items</span> <span class="bp-x pull-right"> <a id="basket-preview-fake" tabindex="2" aria-label="Close window"> <span class="basket-summary">X</span> </a> </span> </li> <li class="basket-preview-message"> <span class="icon-succes-bp-message"></span> <span class="sr-only-focusable" id="basketStatsSr" aria-live="assertive" aria-atomic="false" tabindex="0">This item has been added.</span> </li> <li class="basket-item"> <div class="bp-item-image"><img src="" alt="thumbnail" title="" /></div> <div class="bp-item-description"></div> <div class="bp-item-det"> <span class="bp-vb-language"></span> <span class="bp-vb-qty">Qty: <span class="value">x</span></span> <span class="bp-vb-price">€ <span class="value">x</span></span> </div> </li> <li class="basket-preview-total"> <span class="bp-total-label">Subtotal</span> <span class="bp-total">€ <span class="value">x</span></span> </li> <li class="basket-preview-grand-total"> <span class="bp-total-label">Total</span> <span class="bp-total">€ <span class="value">0.0</span></span> </li> <li class="basket-preview-btns"> <span class="bp-vb-label"> <a class="btn bp-view-btn" href="/en/web/eu-law-and-publications/basket?t=1732707711317221652838" 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=1732707711317221652838" role="button">Checkout</a> </span> </li> </ul> </div> </a> </div> </div> </div> <script> adjustBasketParent(); window.addEventListener('resize', adjustBasketParent); function adjustBasketParent(){ var containerPortletDefault = document.querySelector(".shopping-basket-embedded"); var containerPortletDesktop = document.querySelector(".accBasket"); var containerPortletMobile = document.querySelector(".container-accBasket-mobile"); if(document.documentElement.clientWidth < 991.5){ if(containerPortletDefault && containerPortletMobile && containerPortletDesktop && containerPortletMobile.childElementCount == 0){ containerPortletMobile.appendChild(containerPortletDefault); } } if(document.documentElement.clientWidth > 991.5){ if(containerPortletDefault && containerPortletMobile && containerPortletDesktop && containerPortletDesktop.childElementCount == 1){ containerPortletDesktop.appendChild(containerPortletDefault); } } } </script> </div> </div> </div> </section> </div> <script src="/combo?browserId=ie&minifierType=js&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fjs%2Fbasket_summary.js&t=1732212614000" type="text/javascript"></script> </div> </div> </div> </div>  <nav class="ecl-menu ecl-menu--group1" data-ecl-menu data-ecl-menu-max-lines="2" data-ecl-auto-init="Menu" aria-expanded="false" role="navigation"> <div class="ecl-menu__overlay" data-ecl-menu-overlay></div> <div class="ecl-container ecl-menu__container"> <a href="/web/about-us/faq" class="ecl-link ecl-link--standalone ecl-menu__open hide-desktop"> <i class="gs-icon-help-question" aria-hidden="true"></i><span>Help</span> </a> <div class="mobileShareButton ecl-link ecl-link--standalone ecl-menu__open"> <i class="gs-icon-social-share" aria-hidden="true"></i> <script type="application/json">{ "service": "share", "version": "2.0", "popup": true, "more": ["x","facebook","linkedin","email","blogger","yammer","digg","tumblr","reddit"] }</script> <style> .mobileShareButton:not(:has(a)) { display: none !important; } </style> </div> <div class="container-accBasket-mobile ecl-link ecl-link--standalone ecl-menu__open"> </div> <a class="ecl-link ecl-link--standalone ecl-menu__open" href="#" onclick="toogleMobileSearch(); return false;"> <i class="gs-icon-search" aria-hidden="true"></i> <span>Search</span> </a> <script> var toogleMobileSearch = function () { AUI().use('node', function (Y) { var searchPortletHeader = document.querySelector(".search-portlet-header"); displayStyleSearchPortletHeader = window.getComputedStyle(searchPortletHeader); displayStyle = displayStyleSearchPortletHeader.getPropertyValue('display'); if(displayStyle == "none"){ searchPortletHeader.style.display = 'block'; }else{ searchPortletHeader.style.display = 'none'; } }); }; </script> <div class="separator ecl-link ecl-link--standalone ecl-menu__open"></div> <a class="ecl-link ecl-link--standalone ecl-menu__open" href="#" data-ecl-menu-open> <i class="gs-icon-menu" aria-hidden="true"></i>Menu</a> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1732209498000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-decorate portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Menu Display</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="list-menu"> <section class="ecl-menu__inner" data-ecl-menu-inner> <header class="ecl-menu__inner-header"> <button class="ecl-menu__close ecl-button ecl-button--text" type="submit" data-ecl-menu-close> <span class="ecl-menu__close-container ecl-button__container"> <i class="gs-icon-close" aria-hidden="true"></i><span class="ecl-button__label" data-ecl-label="true">Close</span> </span> </button> <div class="ecl-menu__title">Menu</div> <button data-ecl-menu-back type="submit" class="ecl-menu__back ecl-button ecl-button--text"> <span class="ecl-button__container"> <i class="gs-icon-chevron-down" aria-hidden="true"></i><span class="ecl-button__label" data-ecl-label>Back</span> </span> </button> </header> <button class="ecl-button ecl-button--ghost ecl-menu__item ecl-menu__items-previous" type="button" data-ecl-menu-items-previous tabindex="-1"> <span class="ecl-button__container"> <i></i><span class="ecl-u-sr-only" data-ecl-label="true">Previous items</span> </span> </button> <button class="ecl-button ecl-button--ghost ecl-menu__item ecl-menu__items-next" type="button" data-ecl-menu-items-next tabindex="-1"> <span class="ecl-button__container"> <i></i><span class="ecl-u-sr-only" data-ecl-label="true">Next items</span> </span> </button> <ul class="ecl-menu__list en" data-ecl-menu-list> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/en/home" class="ecl-menu__link " data-ecl-menu-link>Publications Office</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/law" class="ecl-menu__link " data-ecl-menu-link>EU law</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://data.europa.eu" class="ecl-menu__link " data-ecl-menu-link>European data</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/en/web/public-procurement/landing-page-public-procurement" class="ecl-menu__link " data-ecl-menu-link>EU tenders</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://cordis.europa.eu" class="ecl-menu__link " data-ecl-menu-link>EU research results</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/web/who-is-who/" class="ecl-menu__link " data-ecl-menu-link>EU Whoiswho</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/web/general-publications/publications" class="ecl-menu__link " data-ecl-menu-link>EU publications</a> </li> </ul> </section> <script> function removeForcedMobileEcHeader11253(){ 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 targetNodeHeaderForcedMobile11253 = document.querySelector(".ecl-menu.ecl-menu--group1"); // Options for the observer (which mutations to observe) var configHeaderForcedMobile11253 = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed var callbackHeaderForcedMobile11253 = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { removeForcedMobileEcHeader11253(); } else if (mutation.type === "attributes") { removeForcedMobileEcHeader11253(); } } }; // Create an observer instance linked to the callback function var observerHeaderForcedMobile11253 = new MutationObserver(callbackHeaderForcedMobile11253); // Start observing the target node for configured mutations observerHeaderForcedMobile11253.observe(targetNodeHeaderForcedMobile11253, configHeaderForcedMobile11253); </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/explainability-notice</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">Virtual assistant : Explainability notice</span> </li> </ol> <style> </style> </nav> </div> </div> </div> </section> </div> </div> </div> </div> <div class="col-md-4 col-lg-3 portlet-column portlet-column-last"> <div class="help"><a href="/web/about-us/faq">Help</a></div> <div class="op-portal-share"> <script type="application/json">{ "service": "share", "version": "2.0", "popup": true, "more": ["x","facebook","linkedin","email","blogger","yammer","digg","tumblr","reddit"] }</script> </div> </div> </div> </div> </nav> <main id="maincontent" class="maincontent container"> <div class="maincontent-page-bleed"> <div class="portlet-layout col-md-12 portlet-column portlet-column-only"> <div class="container container-fluid-legacy p-0"> <div class="portlet-column col-12"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-last" id="layout-column_maintop"></div> </div> </div> </div> <div class="portlet-layout row"> <aside class="localnav col-sm-12 col-md-12 col-lg-3 hidden-print portlet-column portlet-column-first about-us-menu" id="localnav"> <div class="empty portlet-dropzone portlet-column-content" id="layout-column_localnav"></div> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1732209498000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-decorate portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Menu Display</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <style> /*the color of the border*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div{ border-left: 4px solid #132760; font-weight: bold; } /*the color of the text int the link*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a:active, .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a:focus, .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a{ color: #132760 !important; font-weight: bold !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv li a { color: #333333 !important; } /*the svg for the arrow*/ .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before { /*background-image: url("");*/ } /*the color of the hover background*/ /* .opportal-site-navigation-vertical-collapse-desktop .customCsub.collapse.show li[id^="layout_"] > div:hover { background-color: #F5F5F5; } */ .opportal-site-navigation-vertical-collapse-desktop li[id^="layout_"] > div:hover { background-color: #F5F5F5; } /*the color of the active link background*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div{ background-color: #EEEEEE; } .opportal-site-navigation-vertical-collapse-desktop a:focus{ outline: 1px solid #5599FF !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div { padding: 0 !important; min-height: 45px; height: auto !important; display: flex; border-bottom: 1px solid #ddd; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:nth-child(2) { width: 45px; height: 45px; position: absolute; margin-right: 0 !important; right: 0; /*padding: 14px 11px 11px 15px !important;*/ padding: 12px !important; text-align: center; }.opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:nth-child(2) > span{ float: unset !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:first-child{ padding: 14px 40px 11px 15px !important; width: 100%; margin-right: 0; float: left; text-decoration: none !important; } .opportal-site-navigation-vertical-collapse-desktop .customCsub.collapse.show li[id^="layout_"]:hover { background-color: unset; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv li { border-bottom: 0 !important; margin-bottom: 0 !important; } @media (max-width: 991.5px){ .opportal-site-navigation-vertical-collapse-desktop { display: none !important; } #localnav.localnav{ display: block !important; width: 100%; max-width: 100%; } #localnav.localnav .navbar-toggle { display: block; } .layout-class-portal2012-layout-brows-by-subject .OPPortalLayout .maincontent { margin-top: unset; } } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before { transform: rotate(180deg); } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr.collapsed .icon-arrow-down::before { transform: rotate(0deg); } .menu-mobile-burger-container .customClassC.lfr-nav-item div{ padding: 0!important; height: 45px!important; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:hover, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:active, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:focus{ padding: 0; line-height: 45px !important; height: 45px !important; display: block; text-decoration: unset !important; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a span{ padding: 0 7px; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a.collapsed span{ line-height: 33px; margin-top: 6px; padding: 0 14px; border-left: 1px solid #8890A1; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a span i{ vertical-align: middle; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv > li > div > a:not(.parr), .menu-mobile-burger-container .customClassC.lfr-nav-item.selected.active.show>div a:not(.parr), .menu-mobile-burger-container .customClassC.lfr-nav-item.selected.active.show>ul li a { margin-left: 20px; } .mobile-active-sub-menu a { margin-left: 36px !important; } .menu-mobile-burger-container .customSideNavv .customClassC ul{ padding-inline-start: 0; } .menu-mobile-burger-container .customSideNavv li a { z-index: 0 !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv{ visibility: visible; height: auto; position: relative; overflow: hidden; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv.has-active-selected-region{ visibility: hidden; height: 0; } .menu-mobile-burger-container .active-selected-region{ visibility: visible; position: absolute !important; top: 0; left: 0; width: 100%; background: #697188 !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv div:hover { background-color: #697188 !important; } .menu-mobile-burger-container a:not(.parr){ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } /* .menu-mobile-burger-container .navbar-mob-site.customSideNavv .customClass-submenu.show > div > .dropdown-toggle.parr .icon-arrow-down::before{ background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 9L8 14.5L13.5 20' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cline x1='9' y1='14' x2='22' y2='14' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important; background-repeat: no-repeat; background-position: center; width: 20px; height: 14px; transform: rotate(0) !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv .customClass-submenu.show > div > .dropdown-toggle.parr { position: absolute; margin-left: 0 !important; } */ .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before, .customSideNavv .dropdown-toggle.parr.collapsed .icon-arrow-down::before, .customSideNavv .dropdown-toggle.parr.active.collapsed .icon-arrow-down::before { background-image:url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999992 1.00004L6.49999 6.50004L12 1.00004' stroke='%23132760' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } </style> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu" class="opportal-site-navigation-vertical-collapse-desktop"> <ul aria-label=" site-pages" class="nav nav-pills navbar-site customSideNavv" role="menubar"> <div class="hide-accessible"> Navigation </div> <li class="customClassC lfr-nav-item " id="layout_286" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/about-publication-office-of-the-european-union' tabindex="0" aria-label="About us"> About us</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_290" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/what-we-do' tabindex="0" aria-label="What we do"> What we do</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_287" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/organisational-structure' tabindex="0" aria-label="Organisational structure"> Organisational structure</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_291" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/events' tabindex="0" aria-label="Events"> Events</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_261" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/our-tenders' tabindex="0" aria-label="Our tenders"> Our tenders</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_289" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/contact-us' tabindex="0" aria-label="Contact"> Contact</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_279" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/faq' tabindex="0" aria-label="FAQ"> FAQ</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_263" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/career-opportunities' tabindex="0" aria-label="Career opportunities"> Career opportunities</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_5" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/legal-notices' tabindex="0" aria-label="Legal notices"> Legal notices</a> <a data-target='#expand-d-5' class="dropdown-toggle parr collapsed" data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand submenu Legal notices"> <span class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span> </a> </div> <ul id="expand-d-5" class="collapse customClassC-menu " role="menu"> <li class="" id="layout_295" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/privacy-statement' role="menuitem" tabindex="0" aria-label="Privacy statement">Privacy statement</a> </div> </li> <li class="" id="layout_297" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/disclaimer' role="menuitem" tabindex="0" aria-label="Disclaimer">Disclaimer</a> </div> </li> <li class="" 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=" active selected" id="layout_331" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/explainability-notice' role="menuitem" tabindex="0" aria-label="Virtual assistant : Explainability notice">Virtual assistant : Explainability notice</a> </div> </li> <li class="" id="layout_344" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view' role="menuitem" tabindex="0" aria-label="Public Procurement procedure view : Explainability notice">Public Procurement procedure view : Explainability notice</a> </div> </li> <li class="" id="layout_191" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/publications-office-of-the-european-union-copyright' role="menuitem" tabindex="0" aria-label="Copyright">Copyright</a> </div> </li> <li class="" id="layout_320" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/opds' role="menuitem" tabindex="0" aria-label="OPDS">OPDS</a> </div> </li> <li class="" id="layout_330" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/upp' role="menuitem" tabindex="0" aria-label="UPP">UPP</a> </div> </li> </ul> </li> </ul> </div> <script> //to expand child var selectedDMenuItemRoot = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.customClassC.active.selected'); var selectedDMenuItemRootLastChild = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.customClassC li.active.selected'); var currentDSelectedMenuRoot; if(selectedDMenuItemRootLastChild && selectedDMenuItemRoot){ currentDSelectedMenuRoot = selectedDMenuItemRootLastChild.closest('ul'); var selectedDMenuItemRootLastChildToExpand = selectedDMenuItemRootLastChild.querySelector('ul'); if(selectedDMenuItemRootLastChildToExpand){ $(selectedDMenuItemRootLastChildToExpand).collapse('show'); } $(currentDSelectedMenuRoot).collapse('show'); selectedDMenuItemRoot.classList.remove("selected"); selectedDMenuItemRoot.classList.remove("active"); }else if(selectedDMenuItemRoot){ currentDSelectedMenuRoot = selectedDMenuItemRoot.querySelector('ul'); } if(selectedDMenuItemRoot && currentDSelectedMenuRoot){ //var parentDSelectedArrowRoot = selectedDMenuItemRoot.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrowRoot.classList.remove("collapsed"); //parentDSelectedArrowRoot.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenuRoot.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenuRoot).collapse('show'); } //to expand parent var selectedDMenuItem = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.active.selected'); var currentDSelectedMenu; var parentDSelectedMenuItem; if(selectedDMenuItem){ currentDSelectedMenu = selectedDMenuItem.closest('ul'); parentDSelectedMenuItem = currentDSelectedMenu.closest('li'); } //set the 1st parent to expanded if(currentDSelectedMenu && parentDSelectedMenuItem){ //var parentDSelectedArrow = parentDSelectedMenuItem.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow.classList.remove("collapsed"); //parentDSelectedArrow.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu).collapse('show'); //set the 2nd parent to expanded var currentDSelectedMenu2 = currentDSelectedMenu.closest('.opportal-site-navigation-vertical-collapse-desktop li').closest('ul'); var parentDSelectedMenuItem2 = currentDSelectedMenu2.closest('li'); if(currentDSelectedMenu2 && parentDSelectedMenuItem2){ //var parentDSelectedArrow2 = parentDSelectedMenuItem2.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow2.classList.remove("collapsed"); //parentDSelectedArrow2.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu2.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu2).collapse('show'); //set the 3rd parent to expanded var currentDSelectedMenu3 = currentDSelectedMenu2.closest('.opportal-site-navigation-vertical-collapse-desktop li').closest('ul'); var parentDSelectedMenuItem3 = currentDSelectedMenu3.closest('li'); if(currentDSelectedMenu3 && parentDSelectedMenuItem3){ //var parentDSelectedArrow3 = parentDSelectedMenuItem3.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow3.classList.remove("collapsed"); //parentDSelectedArrow3.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu3.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu3).collapse('show'); } } } </script> <button type="button" class="menu-mobile-burger-button btn-background navbar-toggle bg-light btn-left navButton mobButton collapsed" data-toggle="collapse" data-target=".navHeaderCollapse1732707711260" > <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 navHeaderCollapse1732707711260 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=" active selected " id="layout_331" aria-expanded='true' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/explainability-notice' role="menuitem" tabindex="0" aria-label="Virtual assistant : Explainability notice">Virtual assistant : Explainability notice</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_344" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view' role="menuitem" tabindex="0" aria-label="Public Procurement procedure view : Explainability notice">Public Procurement procedure view : Explainability notice</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_191" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/publications-office-of-the-european-union-copyright' role="menuitem" tabindex="0" aria-label="Copyright">Copyright</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_320" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/opds' role="menuitem" tabindex="0" aria-label="OPDS">OPDS</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_330" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/upp' role="menuitem" tabindex="0" aria-label="UPP">UPP</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> </ul> </div> </div> </div> <script> function displayMenuItems (e){ var mainMenu = document.querySelector('.menu-mobile-burger-container ul.navbar-mob-site.customSideNavv'); var parentMenu = e.closest('li'); var secondParentMenu; if(parentMenu != undefined){ secondParentMenu = parentMenu.parentNode.closest('li'); } var mainMobMenu = parentMenu.closest(".menu-mobile-burger-container ul.navbar-mob-site.customSideNavv"); var mainMobMenuClass = false; if(e.parentElement.classList.contains('collapsed')){ //expand submenu if(parentMenu != undefined){ //secondParentMenu = parentMenu.closest('li[aria-expanded="true"]'); //if(secondParentMenu != undefined){ // secondParentMenu.classList.remove("mobile-active-sub-menu"); //} parentMenu.classList.add("mobile-active-sub-menu"); parentMenu.classList.add("active-selected-region"); mainMobMenuClass = true; /*mainMenu.style.height = parentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ }else{ /*mainMenu.style.height = "auto"; mainMenu.classList.remove("main-menu-mobile-active-with-sub-menu");*/ } //and colapse second parent menu if(secondParentMenu != undefined){ secondParentMenu.classList.remove("mobile-active-sub-menu"); secondParentMenu.classList.remove("active-selected-region"); //mainMobMenuClass = true; /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ } } else{ //colapse parent menu if(parentMenu != undefined){ parentMenu.classList.remove("mobile-active-sub-menu"); parentMenu.classList.remove("active-selected-region"); //mainMobMenuClass = true; //if(secondParentMenu != undefined){ // secondParentMenu.classList.add("mobile-active-sub-menu"); // /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; // mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ //}else{ // /*mainMenu.style.height = "auto"; // mainMenu.classList.remove("main-menu-mobile-active-with-sub-menu");*/ //} } //and expand second parent menu if(secondParentMenu != undefined){ secondParentMenu.classList.add("mobile-active-sub-menu"); secondParentMenu.classList.add("active-selected-region"); mainMobMenuClass = true; /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ } } //also add/remove class on main menu if(mainMobMenuClass){ mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; }else{ mainMobMenu.classList.remove("has-active-selected-region"); mainMobMenu.style.height = "auto"; } }; function setMenuActiveElementVerticalMenu (){ var activeLIs = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .navbar-mob-site.customSideNavv li.active.selected"); var activeLI = activeLIs[activeLIs.length - 1]; if( activeLI != undefined && activeLI.parentNode != undefined ){ var firstParentLI = activeLI.parentNode.parentNode; if(firstParentLI.classList.contains('customClass-submenu') || (firstParentLI.classList.contains('customClassC') //&& firstParentLI.classList.contains('selected') //&& firstParentLI.classList.contains('active') //&& firstParentLI.classList.contains('show') ) ){ firstParentLI.classList.add("mobile-active-sub-menu"); firstParentLI.classList.add("active-selected-region"); var mainMobMenu = firstParentLI.closest(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu ul.navbar-mob-site.customSideNavv"); mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; //firstParentLI.clientHeight } } } setMenuActiveElementVerticalMenu (); </script> </div> </div> </div> </section> </div> </aside> <section class="maincontentarea col-sm-12 col-md-12 col-lg-9 search-results-content col-xs-12 portlet-column portlet-column-last" id="maincontentarea"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_dockbar_DockbarPortlet:%2Fo%2Feu.europa.publications.portlet.dockbar%2Fcss%2Fmain.css&t=1732212500000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_dockbar_DockbarPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_"> <span id="p_eu_europa_publications_portlet_dockbar_DockbarPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_dockbar_DockbarPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Dockbar</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> <div class="portlet-dropzone portlet-column-content" id="layout-column_maincontentarea"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Explainability Notice</div> </div> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-12850527" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="12850525" data-analytics-asset-title="Explainability Notice" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="12850527"> <div class="gcss-op"> <h1>Virtual assistant : Explainability notice</h1> <h2>Publio – Intelligent assistant of the Portal of the Publications Office of the European Union (OP Portal)</h2> <p class="font-s">Last updated: 16/05/2023</p> <div class="section-op-sm p-3 p-lg-4 light-grey-op mb-5"> <nav aria-labelledby="page-content" role="navigation"> <p id="page-content"><strong>Page content</strong></p> <ul> <li><a href="#Transparency">Transparency with respect to Artificial Intelligence (AI) - general principles</a></li> <li><a href="#Trustworthy">Trustworthy, explainable AI</a></li> <li><a href="#AI">AI and liability</a></li> <li><a href="#About">About Publio</a></li> <li><a href="#WhatIs">What is Publio?</a></li> <li><a href="#WhichType">Which type of data does Publio use?</a></li> <li><a href="#HowWork">How does Publio work?</a></li> <li><a href="#HowAnalyse">How does Publio analyse the question and propose results?</a></li> <li><a href="#Feedback">User Feedback</a></li> <li><a href="#DataProcessing">Private data processing</a></li> <li><a href="#Limitations">Limitations at the current point in time</a></li> </ul> </nav> </div> <p>Publio, the intelligent assistant of the Portal of the Publications Office of the European Union (OP Portal), is an Artificial Intelligence (AI) tool that interacts with natural persons and performs searches by using keywords relying on information publicly available on the OP Portal.<br> This Explainability Notice provides information to users about the regulatory framework on artificial intelligence and the principles governing the functioning of Publio in this context. The Publications Office of the European Union is committed to transparency and trustworthy, explainable AI.</p> <section class="section-op section-hr pt-3" id="Transparency"> <h2>Transparency with respect to Artificial Intelligence (AI) - general principles</h2> <p>Transparency and openness in the actions of the Union institutions are central to good governance and civil society participation, as laid down in Article 15 of the <em>Treaty on the Functioning of the European Union (TFEU)</em>, which provides that:</p> <p>“1. In order to promote good governance and ensure the participation of civil society, the Union institutions, bodies, offices and agencies shall conduct their work as openly as possible.”</p> <p>The <em>EU Charter of Fundamental Rights</em> sets out in its Article 41 (<em>right to good administration</em>) the obligation of the administration to give reasons for its decisions.</p> <p>The document <em>Ethics Guidelines for Trustworthy AI</em> <a href="#1">(Appendix 1)</a>, a series of guidelines prepared in 2019 by the High-Level Expert Group on Artificial Intelligence set up by the European Commission, lists transparency as one of seven requirements <a href="#2">(Appendix 2)</a> that AI systems should meet. These Guidelines further provide that transparency is a component of the principle of explicability which requires datasets and technical processes involved to be transparent, and the capabilities and purpose of AI systems to be openly communicated. Datasets and technical processes must therefore be documented, traceable, explainable and interpretable.</p> <p>The above-listed principles are to be applied to the development, deployment, and use of AI-based solutions and tools by the EU institutions, offices, bodies and agencies.</p> <p>Based on these general principles, when people interact with an AI system, they must be informed upfront that this is the case. This allows users to make an informed choice to continue the interaction or step back from the tool.</p> <p>In line with rules on transparency, users must also be given the necessary information to help them interpret the system’s output and use that output appropriately.</p> </section> <section class="section-op section-hr" id="Trustworthy"> <h2>Trustworthy, explainable AI</h2> <p>Trustworthy and explainable AI are key objectives for the EU. The EU is working on a regulatory framework for AI. The proposal of the European Commission of 21 April 2021 for a Regulation laying down harmonized rules on artificial intelligence (hereafter ‘AI Act’) <a href="#3">(Appendix 3)</a> puts in place two main types of commitments on the part of providers of AI-based solutions and tools – transparency and the provision of information.</p> <p>Usersof AI systems have the right to receive information. That right goes together with corresponding obligations, such as the obligation to use the system in line with instructions and to monitor the performance of the AI tool concerned. Compliance with these rules results in accountability of all actors involved.</p> <p>The proposed AI Act stipulates in Article 52 (<em>Transparency obligations for certain AI systems</em>), that “1. Providers shall ensure that AI systems intended to interact with natural persons are designed and developed in such a way that natural persons are informed that they are interacting with an AI system, unless this is obvious from the circumstances and the context of use. […] “</p> <p>The proposed AI Act follows a risk-based approach, differentiating between uses of AI that create (i) an unacceptable risk, (ii) a high risk, and (iii) low or minimal risk.</p> <p>Publio, the intelligent assistant of the OP Portal, interacts with natural persons and performs searches by using keywords relying on information that is publicly available on the OP Portal. That information is published based on the transparency principle underlying all EU policies and legislation. The intelligent assistant does not generate new content, nor does it manipulate, or influence choices made by users, beyond proposing possible filtering options for the users’ search. Publio is therefore to be considered as falling under the “low risk” category (iii) as defined in the draft AI Act.</p> <p>The draft AI Act stipulates under Title IV (<em>Transparency</em>) that the design and functioning of AI systems need to take account of the specific risks that these might pose of 1) manipulation through subliminal techniques, i.e techniques beyond users’ consciousness, or 2) exploitation of vulnerable groups likely causing psychological or physical harm. Stricter transparency obligations apply for systems that (i) interact with humans, (ii) are used to detect emotions or determine association with (social) categories based on biometric data, or (iii) generate or manipulate content (‘deep fakes’). While Publio does interact with natural persons, the intelligent assistant is not designed to detect emotions with an aim to manipulate nor does the tool contain any elements that could inadvertently lead to such an outcome. Publio therefore does not match the abovementioned criteria.</p> </section> <section class="section-op section-hr" id="AI"> <h2>AI and liability</h2> <p>The European Commission’s proposal for the AI Act was complemented on 28 September 2022 by a proposal for a civil liability regime for AI – the Artificial Intelligence Liability Directive <a href="#4">(Appendix 4)</a> (hereafter ‘AI Liability Directive), following the resolution of the European Parliament adopted under Article 225 TFEU <a href="#5">(Appendix 5)</a>.</p> <p>As set out in the proposed AI Liability Directive, the existing liability rules, based on fault, are not suited to handle liability claims for damage caused by AI-enabled products and services. Under the existing liability rules, victims need to prove that a wrongful action or omission took place, identify the person who caused the damage, and establish a causal link. The specific characteristics of AI, including its complexity, autonomy and opacity (the so-called “black box” effect), make it difficult to identify the person liable for damage resulting from the use of AI. Victims suffering such damage may therefore be deterred from claiming compensation. Given the nature of the burden-of-proof issue, the proposed AI Liability Directive provides innovative solutions by easing the above-described requirements through the use of disclosures and rebuttable presumptions of non-compliance.</p> <p>The proposed AI Liability Directive supplies effective means to identify potentially liable persons and relevant evidence. It states for instance that a national court may order the disclosure of relevant evidence (and its preservation) about specific high-risk AI systems that are suspected of having caused damage <a href="#6">(Appendix 6)</a>. Moreover, subject to the requirements laid down in Article 4 of the proposed Directive, national courts shall presume […] the causal link between the fault of the defendant and the output produced by the AI system (or the failure of the AI system to produce an output).</p> <p>As concluded in the Explanatory Memorandum to the proposed AI Liability Directive, “such effective civil liability rules have the additional advantage that they give all those involved in activities related to AI systems an additional incentive to respect their obligations regarding their expected conduct”.</p> </section> <section class="section-op section-hr" id="About"> <h2>About Publio</h2> <h3>Terms and definitions</h3> <div style="overflow-x: auto;"> <table class="gs-row-color-none"> <thead> <tr> <th style="width:25%;">Term</th> <th scope="col">Definition</th> </tr> </thead> <tbody> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Authority tables</th> <td>Authority tables (also known as Named Authority Lists or NALs) are used to harmonize and standardize the codes and associated labels used in various environments (web platforms, systems and applications) and in facilitating data exchanges between the EU institutions, for example in the context of decision-making processes. Examples of such authority tables are codified lists of languages, countries, corporate bodies…</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Chatbot</th> <td>A chatbot is an artificial intelligence (AI) system designed to simulate human conversation and interact with users through text or speech. It uses natural language processing (NLP) techniques to understand and respond to user inputs, providing automated assistance, information, or performing specific tasks based on predefined rules or algorithms. Chatbots are commonly used in various applications, such as customer support, virtual assistants, and online messaging platforms, to facilitate communication and provide instant responses to user queries.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Conversational AI</th> <td>Conversational AI is a form of artificial intelligence that facilitates the real-time human-like conversation between a human and a computer.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Conversational flow</th> <td>The term “conversational flow” refers to the smooth and logical progression of a conversation (user journey) between the chatbot and the user. It refers to the way in which a chatbot understands the user's intent, provides appropriate responses, and leads the conversation to achieve the user's stated goals or purpose.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Entity</th> <td>Used in this context, the term “entity” stands for a piece of information that can be extracted from the user’s input that is relevant to the user's purpose, i.e. that allows to grasp what the user’s purpose is. These pieces of information will be identified and stored to extract exactly that information which the user is looking for. An example of an entity can be the author of a specific article.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">EU Vocabularies or EuroVoc</th> <td>EuroVoc (EU Vocabularies) is a specific set of multilingual, multidisciplinary authority tables managed by the Publications Office covering the activities of the EU. It contains terms in the 24 official EU languages, plus in three languages of countries which are candidate for EU accession: Albanian, Macedonian and Serbian.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Intent</th> <td>Used in this context, the term “intent” refers to the objective the user has in mind when typing in or saying aloud a question or comment (query). An intent represents an idea or a concept that can be contained within a message (utterance) addressed by the user. An example of an intent is the fact that the user wants to search for a specific topic, for a specific publication or for a person.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Language model</th> <td>A language model is a type of artificial intelligence (AI) programme that is designed to analyze and understand natural language. It uses statistical and probabilistic techniques to predict which words or phrases are likely to come next in a given sentence or sequence of text. In other words, a language model is a tool that can be used to generate or complete sentences based on the context and content of the input.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Language Understanding (LUIS)</th> <td>Cloud-based conversational AI service that applies custom machine-learning intelligence to a user's conversational, natural language text to predict overall meaning, and pull out relevant, detailed information.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Large Language Model (LLM)</th> <td>A Large Language Model (LLM) is an advanced type of artificial intelligence trained on extensive text data to understand and generate human language. LLMs use deep learning techniques to analyse context, capture nuanced meanings, and identify patterns in language, enabling them to process complex phrases and provide coherent, contextually appropriate responses.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Machine learning (ML)</th> <td>Machine learning (ML) is a type of artificial intelligence (AI) that allows software applications to ‘learn’ from past practice and feedback and thereby become more accurate at predicting outcomes without being explicitly programmed to do so.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Natural language processing (NLP)</th> <td>Natural Language Processing (NLP) is a field of artificial intelligence (AI) that enables computers to analyze and understand human language, both written and spoken.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Search journey</th> <td>The term search journey refers to the sequence of interactions that a user goes through when looking for specific information. It is the process of guiding the user through a series of questions and responses to identify and fulfill his search intent. The search journey in a chatbot involves understanding the user's query, retrieving relevant information from a database or knowledge base, and presenting the information to the user in a way that is easy to understand and relevant to the user’s needs.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">User journey</th> <td>A person's experience during one session of using a website or application, consisting of the series of actions performed to achieve a particular goal on that website or application.</td> </tr> <tr> <th scope="row" style="background-color: var(--gs-base-color-gray-5);">Utterance</th> <td>Input from the user that can be any message typed or spoken in a conversation. One utterance may consist of a single word or multiple words like a question or a phrase.</td> </tr> </tbody> </table> </div> </section> <section class="section-op section-hr" id="WhatIs"> <h3>What is Publio?</h3> <p>Publio, the intelligent assistant of the Publications Office’s Portal (OP Portal), is an AI tool that interacts with natural persons and performs searches by using keywords relying on information publicly available on the OP Portal. Publio combines conversational Artificial Intelligence (AI) techniques such as natural language processing (NLP) and machine learning (ML) with interactive voice recognition and traditional search systems to assist users in finding EU publications, EU legislation and contact persons in the European Institutions.</p> <p>The intelligent assistant specifically enables spoken or typed conversations between end users and the OP Portal. The intelligent assistant is currently available in English, French and Spanish. While being usable by all, the intelligent assistant also provides a solution tailored to the needs of people with reading disabilities, thereby increasing accessibility. It further enables conversational search which is a new way of searching that allows users to speak in complete sentences – just as they would in a normal conversation – to an AI-powered voice assistant that returns answers, with the exchange between user and intelligent assistant taking the form of a conversation.</p> </section> <section class="section-op section-hr" id="WhichType"> <h3>Which type of data does Publio use?</h3> <p>Publio uses the information publicly available on the OP Portal. That information is published based on the transparency principle applicable to all EU policies and legislation. Based on that corpus, Publio uses classifications and categories available in the OP Portal such as Eurovoc subjects, authors or format to guide and refine the conversation to assist the user to search throughout the three main collections of the OP Portal: EU publications, EU law and the EU official directory (EU Whoiswho).</p> <p>Publio uses an existing language model to understand questions addressed by users and to guide users throughout their search journey. Based on feedback from users, the Publio language model is constantly further improved and trained to meet user expectations and cope with the diversity of user inputs in the three languages supported.</p> <p>This training covers multiple components of Publio’s underlying system:</p> <p> </p> <ul> <li>A predefined series of utterances associated with different possible forms of intent to allow Publio first to grasp the user’s final goal and second to guide the user step by step towards reaching that goal.</li> <li>A predefined series of fixed questions that Publio “understands” and for which it can provide a predefined answer to users. Example: How can I order publications?</li> <li>Machine learned entities that can be identified by Publio and used in Publio’s background processes to detect search parameters, provide more accurate search results or options to further refine the search. These entities are based on the existing classification and categories of data such as Eurovoc thesauri or other authority tables managed by EuroVoc: authors, formats, languages, EU bodies (organizations), functional roles in the EU public service, etc. On that basis, Publio can for example, grasp from the user’s query that that the user is looking for a publication with a specific subject or from a specific author.</li> </ul> </section> <section class="section-op section-hr" id="HowWork"> <h3>How does Publio work?</h3> <p>Publio uses Microsoft Language Understanding (LUIS) <a href="#7">(Appendix 7)</a> combined with a large language model (LLM) based entity extraction system to process user input (a written or spoken utterance) accurately and efficiently. LUIS provides initial insights into the user’s intent and entities, and for more complex queries, the LLM component refines entity recognition, ensuring better results for nuanced phrases or complex requests. Based on the recognized intent and entities, Publio initiates a tailor-made conversational flow aimed at supporting users in getting to the targeted result in a few simple steps.</p> <p>Currently, Publio implements 4 main conversational flows:</p> <ul> <li>Document search flow to assist users searching for EU Publications or EU Legal documents</li> <li>Person search flow to assist users in searching for public servants employed by EU Institutions</li> <li>Organization search flow to assist users in searching for EU bodies (organizations)</li> <li>Question and Answers (QnA) flow to answer frequent questions with a predefined answer.</li> </ul> <p>If a “search” flow is recognized, the virtual assistant will guide the user in researching a relevant document, person or organization by asking simple questions to the user and, based on the user’s response, propose filtering options.</p> <p>For the QnA flow, the staff in the Publications Office maintains a list of pairs with frequently asked questions and their predefined answers. In case the QnA intent is recognized and there is a high level of similarity between the specific question from the user and one of the questions stored in the system, an appropriate answer will be directly returned to the user. For example,</p> <p>- if the QnA intent is recognized with a query like “Where is my order?”, the assistant will reply with “You can check your order status in My order section in your profile.”</p> <p>- if the QnA intent is recognized with a query like “Where can I find documents for kids”, the assistant will reply with “<a href="https://op.europa.eu/en/web/general-publications/kids-corner">Publications for kids are available in Kids’ corner</a>”.</p> <p>Users can ask questions in writing or by speaking. The chatbot captures the audio input (the user’s spoken questions) and sends it to a speech recognition engine which converts the speech to text. The audio input is processed by Microsoft Azure Speech to text service <a href="#8">(Appendix 8)</a>. Publio then displays the audio input, in the words interpreted by the speech recognition engine, before displaying the reply both in writing and in spoken words using synthesized voice. This exchange is instantaneous (it happens instantly) and ephemeral (it does not leave any trace).</p> <p> </p> </section> <section class="section-op section-hr" id="HowAnalyse"> <h3>How does Publio analyse the question and propose results?</h3> <p>Publio does not use LLM or any other generative AI technology to generate the answers provided to users. All Publio messages are based on predefined templates. Publio uses a machine learning language model that is trained (trained language model) to learn how to recognise and respond to user inputs. This model is responsible for processing the user's message or query, identifying the intent of the message, and providing an appropriate response. The process of training Publio involves providing the machine learning model with a large amount of labeled training data which includes examples of user inputs and their corresponding intents and plausible responses.</p> <p>Publio uses Natural Language Processing, the trained language model and LLM to understand user intent and to extract from the user question the recognized entities (for example search term, subject, author, document date, document format). Publio is using these entities to execute the search and to display the search result.</p> <p><span contenteditable="false" tabindex="-1"><img alt="" data-widget="image" src="/documents/d/about-us/publio_analyses-1"></span><span contenteditable="false" tabindex="-1"><img alt="" data-widget="image" height="200" src="https://op.europa.eu/documents/d/about-us/en-1" style="margin: 0px;" width="1200"></span><br> <br> <br> <br> If the result of the search is too broad, Publio continues the conversation by asking additional questions to the user ito narrow down the search result by filtering on other entities.</p> <p>The questions formulated by Publio are limited to the identification of the intent of the user, to capture its purpose and to formulate the right search query to the corpus of the content published on the OP Portal. Results proposed by Publio come entirely from this corpus.</p> </section> <section class="section-op section-hr" id="Feedback"> <h3>User Feedback</h3> <p><span contenteditable="false" tabindex="-1"><img alt="" data-widget="image" src="/documents/d/about-us/publio_userfeedback"></span></p> <div contenteditable="false" tabindex="-1"> <p data-widget="image" style="text-align:center"><img alt="" height="500" src="https://op.europa.eu/documents/d/about-us/en" style="margin: 0px;" width="500"></p> </div> <p><br> <br> At any time during the conversation the end user can provide positive, neutral or negative feedback on his/her experience using Publio. It can be manual feedback triggered by the user at any time or in response to an automatic popup displayed after a few seconds of inactivity requesting the feedback from the user. Additionally, questions which are not correctly “understood” by Publio are automatically logged and periodically processed by a human team of staff in the Publications Office. Both the user feedback and the analysis of questions not properly “understood” by Publio are used to retrain the language model with the goal of continuously further improving the services provided to end users.</p> <p> </p> </section> <section class="section-op section-hr" id="DataProcessing"> <h3>Private data processing</h3> <p>Data available on the OP Portal is processed in compliance with the EU General Data Protection Regulation (GDPR) and the Regulation on the processing of personal data by EU Institutions, agencies and bodies <a href="#9">(Appendix 9)</a>.</p> <p>Publio does not store, keep or archive any elements, neither the user’s input nor that provided through Publio’s replies.</p> <p>The collected feedback is anonymized in such a way that it does not make it possible to link the feedback back to the user from whom it was collected.</p> <p>No personal data is used for automated decision-making, tracing or profiling in any possible way. When using Large Language Models (LLM) for entity extraction, the only data exchanged between Publio and the LLM is the user's question and the preliminary entity extraction result generated by LUIS. No personal user data is shared or transmitted. All services used by Publio are hosted in European data centers, and all data processing complies with EU data privacy regulations. .</p> </section> <section class="section-op section-hr" id="Limitations"> <h3>Limitations at the current point in time</h3> <ul> <li>Name transcription using voice: while most names are “understood” and transcribed correctly, the name extraction is based on Machine Learning and is not 100% accurate. Due to LUIS limitations some names are not properly extracted even after training the model with the specific examples from the dataset.</li> <li>Dates in French and Spanish: date “understanding” is less accurate in Spanish and French in more complex contexts. For example, the year will be recognized in Spanish using “entre 2016 y 2017” without additional context whereas it will not be recognized with “entre el año 2019 y 2020”. In English “2 years ago” is recognized whereas in French “il y a 2 ans” is not.</li> <li>Speech recognition only works in one language at a time.</li> <li>Speech recognition does not have a spelling mode, meaning that it does not have a feature that would allow users to spell out words character by character in order to ensure accurate transcription.</li> <li>The name entity recognition does not work well in larger phrases when combined with "Mrs"/"Miss".</li> </ul> <p> </p> <p>Publications Office of the European Union, 16 May 2023</p> </section> </div> <section> <div class="section-op-sm p-3 p-lg-4 light-grey-op"> <p class="1" id="1">1 Available at <a href="https://ec.europa.eu/futurium/en/ai-alliance-consultation.1.html">https://ec.europa.eu/futurium/en/ai-alliance-consultation.1.html</a></p> <p class="2" id="2">2 These seven requirements which trustworthy AI should meet are: 1) human agency and oversight; 2) technical robustness and safety of software; 3) privacy and good data governance; 4) transparency; 5) diversity, non-discrimination and fairness; 6) societal and environmental wellbeing; 7) accountability and liability.</p> <p class="3" id="3">3 Regulation of the European Parliament and of the Council laying down harmonised rules on artificial intelligence (Artificial Intelligence Act) and amending certain Union legislative acts. The adopted and signed act can be found <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=CONSIL:PE_24_2024_REV_1">here</a>.</p> <p class="4" id="4">4 Proposal for a Directive of The European Parliament and of the Council on adapting non-contractual civil liability rules to artificial intelligence (“AI Liability Directive”), Brussels, 28.9.2022 COM (2022) 496 final.</p> <p class="5" id="5">5 European Parliament resolution of 20 October 2020 with recommendations to the Commission on a civil liability regime for artificial intelligence (2020/2014(INL)).</p> <p class="6" id="6">6 See Article 3.</p> <p class="7" id="7">7 <a href="https://www.luis.ai/">https://www.luis.ai/</a></p> <p class="8" id="8">8 <a href="https://query.prod.cms.rt.microsoft.com/cms/api/am/binary/RE5cCGB">https://query.prod.cms.rt.microsoft.com/cms/api/am/binary/RE5cCGB</a></p> <p class="9" id="9">9 Regulation (EU) 2016/679, OJ L 119, 4.5.2016, pp. 1–88 and Regulation (EU) 2018/1725, OJ L 295, 21.11.2018, Pp. 39–98.</p> </div> </section> </div> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid col-sm-12 col-md-12 col-lg-12 p-0" id="full-row-bottom"> <div class="portlet-column portlet-column-only col-12"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_full-row-bottom"></div> </div> </div> </div> </div> </main> <div id="custom-footer" class="footer container custom-footer" role="contentinfo"> <div class="portlet-layout row testClass"> <div class="col-md-12 col-sm-12 portlet-column portlet-column-first" id="footer-column"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_footer-column"></div> </div> <div class="col-lg-12 col-md-12 col-sm-12 portlet-column-first " id="custom-footer-portlet-container"> <div class=""> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet:%2Fo%2Fopportal.displayCustomFooter%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_"> <span id="p_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayCustomFooter</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Hidden</button></form> </div> </section> <footer id="footer" class="footer container corporate-footer" role="contentinfo"> <div id="extendedft" class="extendedft d-print-none col-md-12"> <div class="container col-md-12"> <div class="portlet-layout row footer-block-test-PORTALMSP-1380"> <div class="col-md-12 portlet-column portlet-column-first" id="fColumn-10"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-7876732" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="7876730" data-analytics-asset-title="footer EU - section OP" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="7876732"> <style type="text/css">@import url('/documents/d/global/footer-eu'); </style> <div class="gcss-op footer-eu"> <div class="gs-grid gs-grid-lg-3col ls-footer-group" id="footer-section-op"> <div> <h2 class="sr-only" id="section-title-op">Publications Office of the European Union</h2> <div class="ls-footer-logo"><a aria-labelledby="section-title-op" href="/"><picture data-fileentryid="13489229"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/13489229/Thumbnail-300x300/logo-op-en.png?t=1698222434045" /><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/13489229/Preview-1000x0/logo-op-en.png?t=1698222434045" /><img alt="Publications Office of the European Union" class="ls-op" src="/documents/d/global/logo-op-en" /></picture></a></div> <p class="ls-site-byline">This website is managed by the <a class="ls-underline" href="/">Publications Office <span style="word-break: keep-all; white-space: nowrap;">of the European Union</span></a></p> </div> <div> <h3>Need help?</h3> <ul> <li><a href="/web/about-us/contact-us">Contact</a></li> <li><a href="/web/about-us/sitemap">Sitemap</a></li> </ul> <h3>Follow us</h3> <ul class="ls-social-media-list"> <li><a href="https://twitter.com/eulawdatapubs"><i aria-hidden="true" class="gs-icon-twitter"></i>X/Twitter</a></li> <li><a href="http://www.facebook.com/pages/EU-Law-and-Publications/218434258171162?sk=wall"><i aria-hidden="true" class="gs-icon-facebook-f"></i>Facebook</a></li> <li><a href="https://www.linkedin.com/company/publications-office-of-the-european-union/"><i aria-hidden="true" class="gs-icon-linkedin-f"></i>LinkedIn</a></li> <li><a href="https://www.instagram.com/eu_publicationsoffice/"><i aria-hidden="true" class="gs-icon-instagram"></i>Instagram</a></li> <li><a href="http://www.youtube.com/user/PublicationsOffice"><i aria-hidden="true" class="gs-icon-youtube"></i>YouTube</a></li> </ul> <h3>Legal</h3> <ul> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices">Legal notices</a></li> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices/cookie-policy">Cookies</a></li> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices/accessibility-statement">Accessibility</a></li> </ul> </div> <div> <h3>About us</h3> <ul> <li><a href="/web/about-us/about-publication-office-of-the-european-union">Our mission, vision and values</a></li> <li><a href="/web/general-publications/newsletters">Newsletter</a></li> </ul> <h3>Resources</h3> <ul> <li><a href="/web/accessibility/">Accessible publishing</a></li> <li><a href="/web/cellar/">Cellar</a></li> <li><a href="/web/general-publications/eu-apps">EU Apps</a></li> <li><a href="/web/eu-vocabularies/">EU Vocabularies</a></li> <li><a href="/web/euwebarchive">EU Web Archive</a></li> <li><a href="https://style-guide.europa.eu/en/">Interinstitutional Style Guide</a></li> <li><a href="/web/librarians-corner">Librarian's corner</a></li> </ul> <h3>Tools</h3> <ul> <li><a href="/web/about-us/publishing-services-eu-staff-only">(EU staff) Publishing services</a></li> <li><a href="/web/webtools/">Web tools</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-13488633" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13488631" data-analytics-asset-title="footer EU - section eu" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13488633"> <style type="text/css">@import url('/documents/d/global/footer-eu'); </style> <div class="gcss-op footer-eu"> <div class="gs-grid gs-grid-lg-3col ls-footer-group" id="footer-section-eu"> <div> <h2 class="sr-only" id="section-title-eu">European Union</h2> <div class="ls-footer-logo"><a aria-labelledby="section-title-eu" href="https://european-union.europa.eu/index_en"><picture> <source media="(max-width:991px)" srcset="/documents/d/global/logo-eu-en-mobile"> <source media="(min-width:992px)" srcset="/documents/d/global/logo-eu-en"> <img alt="European-Union" src="/documents/d/global/logo-eu-en"> </picture> </a></div> <p class="ls-site-byline">Discover more on <a class="ls-underline" href="https://european-union.europa.eu/index_en ">europa.eu</a></p> </div> <div> <h3>Contact the EU</h3> <ul> <li><a href="tel:0080067891011">Call us 00 800 6 7 8 9 10 11</a></li> <li><a href="https://european-union.europa.eu/contact-eu/call-us_en">Use other telephone options</a></li> <li><a href="https://european-union.europa.eu/contact-eu/write-us_en">Write to us via our contact form</a></li> <li><a href="https://european-union.europa.eu/contact-eu/meet-us_en">Meet us at one of the EU centres</a></li> </ul> </div> <div> <h3>Social media</h3> <ul> <li><a href="https://european-union.europa.eu/contact-eu/social-media-channels_en">Search for EU social media channels</a></li> </ul> <h3>EU institutions and bodies</h3> <ul> <li><a href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_en">Search all EU institutions and bodies</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div id="simpleft" class="simpleft container-fluid col-md-12"> <div class="portlet-layout row"> <div class="col-md-12 d-print-none portlet-column portlet-column-only custom-footer-nav-bottom" id="fsColumn-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-3508212" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="3508210" data-analytics-asset-title="Service Toolbar - Footer" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="3508212"> <ul class="menu-list horizontal servicetoolbar"> <li class="list-item"><a href="/web/about-us/about-publication-office-of-the-european-union">About us</a></li> <li class="list-item"><a href="/web/about-us/contact-us">Contact</a></li> <li class="list-item"><a href="/web/about-us/legal-notices">Legal notices</a></li> <li class="list-item"><a href="/web/about-us/sitemap">Sitemap</a></li> <li class="list-item"><a href="/web/about-us/legal-notices/cookie-policy">Cookies</a></li> <li class="list-item"><a href="#globan" title="go to the top of the page">Top</a></li> </ul> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </footer> <style> #footer.footer.custom-footer{ display: none !important; } </style> </div> <script type="text/javascript"> </script><script> </script> <script type="text/javascript"> function getValueByAttribute(node, attr) { return ( node.dataset[attr] || (node.parentElement && node.parentElement.dataset[attr]) ); } function sendDocumentDownloadedAnalyticsEvent(anchor) { var fileEntryId = getValueByAttribute( anchor, 'analyticsFileEntryId' ); var title = getValueByAttribute( anchor, 'analyticsFileEntryTitle' ); var version = getValueByAttribute( anchor, 'analyticsFileEntryVersion' ); if (fileEntryId) { Analytics.send('documentDownloaded', 'Document', { groupId: themeDisplay.getScopeGroupId(), fileEntryId, preview: !!window._com_liferay_document_library_analytics_isViewFileEntry, title, version, }); } } function handleDownloadClick(event) { if (window.Analytics) { if (event.target.nodeName.toLowerCase() === 'a') { sendDocumentDownloadedAnalyticsEvent( event.target ); } else if ( event.target.parentNode && event.target.parentNode.nodeName.toLowerCase() === 'a' ) { sendDocumentDownloadedAnalyticsEvent( event.target.parentNode ); } else { var target = event.target; var matchTextContent = target.textContent && target.textContent.toLowerCase() === 'download'; var matchTitle = target.title && target.title.toLowerCase() === 'download'; var matchAction = target.action === 'download'; var matchLexiconIcon = !!target.querySelector( '.lexicon-icon-download' ); var matchLexiconClassName = target.classList.contains( 'lexicon-icon-download' ); var matchParentTitle = target.parentNode && target.parentNode.title && target.parentNode.title.toLowerCase() === 'download'; var matchParentLexiconClassName = target.parentNode && target.parentNode.classList.contains('lexicon-icon-download'); if ( matchTextContent || matchTitle || matchParentTitle || matchAction || matchLexiconIcon || matchLexiconClassName || matchParentLexiconClassName ) { var selectedFiles = document.querySelectorAll( '.form .custom-control-input:checked' ); selectedFiles.forEach(({value}) => { var selectedFile = document.querySelector( '[data-analytics-file-entry-id="' + value + '"]' ); sendDocumentDownloadedAnalyticsEvent( selectedFile ); }); } } } } Liferay.once('destroyPortlet', () => { document.body.removeEventListener( 'click', handleDownloadClick ); }); Liferay.once('portletReady', () => { document.body.addEventListener( 'click', handleDownloadClick ); }); (function() {var $ = AUI.$;var _ = AUI._; var onDestroyPortlet = function () { Liferay.detach('messagePosted', onMessagePosted); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('destroyPortlet', onDestroyPortlet); var onMessagePosted = function (event) { if (window.Analytics) { const eventProperties = { className: event.className, classPK: event.classPK, commentId: event.commentId, text: event.text, }; const blogNode = document.querySelector( '[data-analytics-asset-id="' + event.classPK + '"]' ); const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (blogNode) { eventProperties.title = blogNode.dataset.analyticsAssetTitle; } else if (dmNode) { eventProperties.title = dmNode.dataset.analyticsFileEntryTitle; } Analytics.send('posted', 'Comment', eventProperties); } }; Liferay.on('messagePosted', onMessagePosted); })(); (function() {var $ = AUI.$;var _ = AUI._; var onVote = function (event) { if (window.Analytics) { let title = event.contentTitle; if (!title) { const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (dmNode) { title = dmNode.dataset.analyticsFileEntryTitle; } } Analytics.send('VOTE', 'Ratings', { className: event.className, classPK: event.classPK, ratingType: event.ratingType, score: event.score, title, }); } }; var onDestroyPortlet = function () { Liferay.detach('ratings:vote', onVote); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('ratings:vote', onVote); Liferay.on('destroyPortlet', onDestroyPortlet); })(); (function() {var $ = AUI.$;var _ = AUI._; var onShare = function (data) { if (window.Analytics) { Analytics.send('shared', 'SocialBookmarks', { className: data.className, classPK: data.classPK, type: data.type, url: data.url, }); } }; var onDestroyPortlet = function () { Liferay.detach('socialBookmarks:share', onShare); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('socialBookmarks:share', onShare); Liferay.on('destroyPortlet', onDestroyPortlet); })(); (function() {var $ = AUI.$;var _ = AUI._; function showDialog(uri, title) { Liferay.Util.openModal({ id: 'sharingDialog', iframeBodyCssClass: 'sharing-dialog', height: '475px', size: 'md', title: title, url: uri, }); } var Sharing = { copyLink: function (link) { navigator.clipboard.writeText(link); Liferay.Util.openToast({ message: 'Copied link to the clipboard.', }); }, manageCollaborators: function (classNameId, classPK) { var manageCollaboratorsParameters = { classNameId: classNameId, classPK: classPK, }; var manageCollaboratorsURL = Liferay.Util.PortletURL.createPortletURL( 'https://op.europa.eu/en/group/about-us/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_ManageCollaboratorsPortlet&p_p_lifecycle=0&p_p_state=pop_up&p_p_auth=Evo0z5qZ', manageCollaboratorsParameters ); showDialog( manageCollaboratorsURL.toString(), 'Manage Collaborators' ); }, share: function (classNameId, classPK, title) { var sharingParameters = { classNameId: classNameId, classPK: classPK, }; var sharingURL = Liferay.Util.PortletURL.createPortletURL( 'https://op.europa.eu/en/group/about-us/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_SharingPortlet&p_p_lifecycle=0&p_p_state=pop_up&p_p_auth=7E36WMPc', sharingParameters ); showDialog(sharingURL.toString(), title); }, }; Liferay.Sharing = Sharing; })(); 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\x2fexplainability-notice'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Fexplainability-notice'; // ]]> // <![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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854551\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_ikzJjitK07Fb\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', refreshURLData: {} } ); var logoutURL = '/c/portal/logout?p_l_id=6854551&redirect=https%3A%2F%2Fop.europa.eu%2Fen%2Fweb%2Fabout-us%2Fexplainability-notice'; var myPortal_basketHasItems = 'https://op.europa.eu/en/web/about-us/explainability-notice?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/explainability-notice?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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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\x3d6854551\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\x252Fexplainability-notice', 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=6854551","namespace":"","spritemap":"https:\/\/op.europa.eu\/o\/OPPortalEE\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''}); } (function() { var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 0; i < liferayNotices.length; i++) { Liferay.Util.openToast(liferayNotices[i]); } })(); (function() { var $ = AUI.$;var _ = AUI._; Liferay.Form.register( { id: '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm' , fieldRules: [ ] , onSubmit: function(event) { event.preventDefault();submitSearchForm('_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_', 'queryText', 2, 'form-validator-stack help-inline'); } , validateOnBlur: true } ); var onDestroyPortlet = function(event) { if (event.portletId === 'eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy') { delete Liferay.Form._INSTANCES['_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm']; } }; Liferay.on('destroyPortlet', onDestroyPortlet); A.all('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm .input-container').removeAttribute('disabled'); Liferay.fire( '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formReady', { formName: '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm' } ); })(); (function() { var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); (function() { var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_mob_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-mob-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-mob-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); }); </script> <script src="https://op.europa.eu/o/OPPortalEE/js/main.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000" type="text/javascript"></script> <script type="module"> import {default as main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-alert-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js'; { runThirdPartyCookiesInterval(); } </script><script type="text/javascript"> Liferay.CustomDialogs = {enabled: false}; </script><script> </script><script type="text/javascript"> AUI().use('aui-node', function (A) { A.all('a.download').on('click', function (e) { var node = A.one(e.currentTarget); var dataUri = node.getAttribute('data-uri'); e.preventDefault(); if (!dataUri) { dataUri = node.getAttribute('href'); } window.location.href = dataUri; }); }); </script> <script type="text/javascript"> AUI().ready('aui-toggler', function (A) { var obj = document.getElementsByClassName('taglib-search-toggle-advanced-wrapper'); if (obj && obj.length > 0) { obj[0].style.display = 'block'; } }); if (typeof adjustBasketParent !== "undefined") { adjustBasketParent(); } </script> <script type="text/javascript" src="https://op.europa.eu/o/OPPortalEE/js/moment.min.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/ecl-eu.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732209498000"></script> <script> ECL.autoInit(); function waitForElement(elementPath, callBack){ window.setTimeout(function(){ if($(elementPath).length){ callBack(elementPath, $(elementPath)); }else{ waitForElement(elementPath, callBack); } },100) } var loginButton = document.querySelector("a.ecl-button.ecl-button--ghost.ecl-site-header__login-toggle"); if (loginButton) { loginButton.addEventListener("click", function (e) { waitForElement(".login-popup-modal",function(){ if (document.querySelector(".login-popup-modal")) { var loginModal = document.querySelector(".login-popup-modal"); var loginModalCloseBtn = loginModal.querySelector("button.close"); loginModalCloseBtn.addEventListener("click", function (e) { loginButton.focus(); window.setTimeout(() => loginButton.focus(), 0); console.log(loginButton); }); } }); }); } </script> </body> </html>

CINXE.COM

Legal notices: Virtual assistant, the explainability notice - About Us - Publications Office of the EU