Chatbots interoperability - Webtools - Publications Office of the EU

<!DOCTYPE html> <html class="ltr site-class-7942306 page-class-chatbots-interoperability layout-class-portal2012-layout-one-column" dir="ltr" lang="en-GB"> <head> <title>Chatbots interoperability - Webtools - Publications Office of the EU</title> <meta content="initial-scale=1.0, width=device-width" name="viewport"/> <meta content="7942306" name="site-scope-id"/> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta content="Artificial Intelligence and emerging technologies could contribute effectively to enhance digital services offered by the public administrations. Users could benefit of seamless, trustable and accurate 24/7 access to public services while using natural language interfaces and large language models (LLM)." lang="en-GB" name="description" /><meta content="Digital Europe Programme, Chatbots interoperability, Publio, Publications Office virtual assistant" lang="en-GB" name="keywords" /> <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_299701550|rpid=1408144927|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/webtools/chatbots-interoperability" rel="canonical" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/webtools/chatbots-interoperability" hreflang="en-GB" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/webtools/chatbots-interoperability" hreflang="x-default" rel="alternate" /> <meta property="og:description" content="Artificial Intelligence and emerging technologies could contribute effectively to enhance digital services offered by the public administrations. Users could benefit of seamless, trustable and accurate 24/7 access to public services while using natural language interfaces and large language models (LLM)."> <meta property="og:locale" content="en_GB"> <meta property="og:locale:alternate" content="en_GB"> <meta property="og:site_name" content="Webtools"> <meta property="og:title" content="Chatbots interoperability - Webtools - Publications Office of the EU"> <meta property="og:type" content="website"> <meta property="og:url" content="https://op.europa.eu/en/web/webtools/chatbots-interoperability"> <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_4xAGRPKJrLwN:%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="8a8d740e" /> <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 '27'; }, getLayoutRelativeControlPanelURL: function() { return '/en/group/webtools/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/en/web/webtools/chatbots-interoperability'; }, getLayoutURL: function() { return 'https://op.europa.eu/en/web/webtools/chatbots-interoperability'; }, getParentLayoutId: function() { return '0'; }, 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\x2fwebtools\x2fchatbots-interoperability'; }, 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 '7942306'; }, 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 '6854630'; }, getPortalURL: function() { return 'https://op.europa.eu'; }, getRealUserId: function() { return '10161'; }, getRemoteAddr: function() { return '10.1.5.19'; }, getRemoteHost: function() { return '10.1.5.19'; }, getScopeGroupId: function() { return '7942306'; }, getScopeGroupIdOrLiveGroupId: function() { return '7942306'; }, getSessionId: function() { return ''; }, getSiteAdminURL: function() { return 'https://op.europa.eu/group/webtools/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; }, getSiteGroupId: function() { return '7942306'; }, getURLControlPanel: function() { return '/en/group/control_panel?refererPlid=6854630'; }, 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 = 's8cImmOj'; Liferay.currentURL = '\x2fen\x2fweb\x2fwebtools\x2fchatbots-interoperability'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability'; // ]]> </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="&copy; European Union" name="COPYRIGHT" /> <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"> .hide_menu { display: none; } #banner-img { padding-left: 80px; } /*Custom headings classes*/ .headings_webtools h2 { font-size: 33px; color: #112250; } h3 { font-size: 23px!important; color: #112250; } /*Code snippet styling*/ pre { background: #f4f4f4; border: 1px solid #ddd; border-left: 3px solid #004494; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word; } /*Portlet content classes*/ .portlet-content-90 { max-width: 90%; } .portlet-content-85 { max-width: 85%; } .portlet-content-80 { max-width: 80%; } .portlet-content-70 { max-width: 70%; } .portlet-content-60 { max-width: 60%; } .iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; } strong{ font-size: 15px; color:#112250; } .notification { background:#F0F3F9; border-left:4px solid #003399; padding:20px; } .notification p{ margin:0px; } </style> <style data-senna-track="temporary" type="text/css"> #p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu_ .portlet-content { } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #132760; } #p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU_ .portlet-content { } .global-nav-switch-mobile { display:none; } </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">Chatbots interoperability - Webtools</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=6854630&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> <div class="accMachineTranslation"> <script type="application/json"> { "service": "etrans", "languages": { "exclude": [] }, "renderAs": { "icon": true, "button": false, "link": true } } </script> <style> #wtEtransRequester span:not(#eTransIcon) { max-width: 100px; } @media(max-width: 991.5px){ #wtEtransRequester span:not(#eTransIcon) { display: none; } } </style> </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_siteNmDet7942306_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet7942306"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet7942306"> <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-13610358" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13610356" data-analytics-asset-title="Sitename web tools" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13610358"> <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/webtools">Web tools</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/webtools/chatbots-interoperability?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="1732690895769" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_redirect" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_redirect" type="hidden" value="" /> <div class="search-results-form-container"> <div class="search-results-form withCollectionSelector"> <label class="visuallyhidden" for="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain">Select</label> <div class="form-group inline-collection-selector input-select-wrapper"> <select class="form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain" title="Domain" > <option class="" value="EULex,EUPub,EUDir,EUWebPage,EUSummariesOfLegislation,PublicProcurement" > All collections </option> <option class="" value="EULex" > EU law </option> <option class="" value="EUPub" > EU publications </option> <option class="" value="EUDir" > EU official directory </option> <option class="" value="EUWebPage" > Web pages </option> <option class="" value="EUSummariesOfLegislation" > Summaries of EU legislation </option> <option class="" value="PublicProcurement" > EU tenders </option> </select> </div> <div class="form-group search-text-input input-text-wrapper"> <input class="field lfr-search-keywords yui3-skin-sam form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText" title="Search" type="text" value="" onblur="removeValidationMessage(undefined, undefined, undefined, undefined, 'form-validator-stack help-inline');" role="combobox" aria-autocomplete="list" autocomplete="off" maxlength="255" onkeyup="changeInput(value, 2, this, 'form-validator-stack help-inline');" aria-label="Search" /> </div> <a class="delete-icon" onclick="var input = document.getElementById('_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); clearSearchText(input);"> <span class="op-icon op-icon-delete-icon small" /></a> <button class="btn search-btn-input btn-primary" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_search-button" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_search-button" type="submit" aria-label="search button" > <span class="lfr-btn-label"><span class=''>Search</span></span> </button> </div> </div> <div class="mobile-search-options"> <span href="#" class="mobile-search-option-display"> <span class="glyphicon glyphicon-chevron-down"></span> <span class="label"> More </span> </span> </div> <div class="portlet-borderless-container actions-bottom-search mobile-search-display"> <span class="more-search-options wtSearchButton"> <a href="https://op.europa.eu/en/more-search-options" class="aui-field-inline lfr-search-more" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchMoreOptions" >Advanced search</a> </span> <span class="browse-by-subject-options wtSearchButton"> <a href="/web/eu-law-and-publications/browse-by-subject" class="aui-field-inline lfr-browse-by-subject" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_browseBySubject" >Browse by subject</a> </span> <span class="query-wizard-options wtSearchButton"> <a href="/web/eu-law-and-publications/linked-data" class="aui-field-inline lfr-query-wizard" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryWizardOptions" >Expert Search</a> </span> </div> <script type="text/javascript"> var labelMore = 'More'; var labelLess = 'Less'; AUI().use('node', function(Y){ Y.all('.mobile-search-option-display').on('click', function(e) { var searchOptions = Y.one(".mobile-search-display"); var searchOptionButtonLabel = Y.one(".mobile-search-options .label"); var searchOptionButtonChevron = Y.one(".mobile-search-options .glyphicon"); var searchOptionsShow = false; if(!searchOptions.hasClass("show-options")) { searchOptions.addClass("show-options"); searchOptionButtonLabel.setContent(labelLess); searchOptionsShow = !searchOptionButtonChevron.hasClass("glyphicon-chevron-right") && searchOptionButtonChevron.hasClass("glyphicon-chevron-down"); if(searchOptionsShow) { searchOptionButtonChevron.addClass("glyphicon-chevron-right"); searchOptionButtonChevron.removeClass("glyphicon-chevron-down") } } else { searchOptions.removeClass("show-options"); searchOptionButtonLabel.setContent(labelMore); searchOptionsShow = searchOptionButtonChevron.hasClass("glyphicon-chevron-right") && !searchOptionButtonChevron.hasClass("glyphicon-chevron-down"); if(searchOptionsShow) { searchOptionButtonChevron.removeClass("glyphicon-chevron-right"); searchOptionButtonChevron.addClass("glyphicon-chevron-down") } } }); }); </script> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete" type="hidden" value="10" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage" type="hidden" value="en" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_minSearchChars" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_minSearchChars" type="hidden" value="2" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars" type="hidden" value="250" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchBoxPlaceholder" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchBoxPlaceholder" type="hidden" value="Search" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_SEARCH_TYPE" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_SEARCH_TYPE" type="hidden" value="SIMPLE" /> </div> </form> <script type="text/javascript"> var mainSearchLoadJavascript = true; var mainSearchPortlet = '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_'; var mainSearchPredefParamNames = 'queryText'; </script> <script type="text/javascript"> YUI().use('node', 'opportal-placeholder', 'event', 'webtrends', function (Y) { var ipt = Y.one('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); ipt.plug(Y.Plugin.Placeholder, { text: 'Search', hideOnFocus: true }); var moreSearchOptions = Y.all(".lfr-search-more"); moreSearchOptions.on('click', function (e) { /*e.preventDefault();*/ if (!ipt.hasClass('yui3-placeholder-text')) { var _this = Y.one(e.currentTarget); _this.set("href", updateURLParameter(_this.get("href"), "queryText", encodeURIComponent(ipt.get('value')))); } }); function updateURLParameter(url, param, paramVal) { var newAdditionalURL = ""; var tempArray = url.split("?"); var baseURL = tempArray[0]; var additionalURL = tempArray[1]; var temp = ""; if (additionalURL) { tempArray = additionalURL.split("&"); for (i = 0; i < tempArray.length; i++) { if (tempArray[i].split('=')[0] != param) { newAdditionalURL += temp + tempArray[i]; temp = "&"; } } } var rows_txt = temp + "" + param + "=" + paramVal; return baseURL + "?" + newAdditionalURL + rows_txt; } }); YUI().use('autocomplete', 'autocomplete-highlighters', function (Y) { getAutocompleteSearchURL = function (query) { var autocompleteURL = ''; var allDomains = 'EULex, EUPub, EUDir, EUWebPage, EUSummariesOfLegislation, PublicProcurement'; var domainParam = '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain'; var AUI_CHECHBOX_SUFFIX = "Checkbox"; var selectedDomains = allDomains; var domainSelector = Y.one('#' + mainSearchPortlet + 'domain'); if (domainSelector) { selectedDomains = domainSelector.get('value'); } else { var domainList = ''; for (var checkBoxIndex = 0; checkBoxIndex < 5; checkBoxIndex++) { try { var checkBox = Y.one('#' + mainSearchPortlet + 'SinCollections_' + checkBoxIndex + AUI_CHECHBOX_SUFFIX); if (checkBox && checkBox.get('checked')) { domainList += (checkBox.get('value') + ','); } } catch (e) { } } if (domainList.length > 0) { selectedDomains = domainList; } } autocompleteURL += ('&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchText=' + query + '&' + domainParam + '=' + selectedDomains); return autocompleteURL; }; var queryTextInput = Y.one('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); var parent = Y.one('#main-search-inputs'); if (queryTextInput != undefined && queryTextInput != null && (queryTextInput.ac == undefined || queryTextInput.ac == null)) { queryTextInput.plug(Y.Plugin.AutoComplete, { render: parent, resultHighlighter: 'subWordMatch', minQueryLength: '2', queryDelay: 200, source: 'https://op.europa.eu/en/web/webtools/chatbots-interoperability?p_p_id=eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage=en&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete=10&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars=250', requestTemplate: getAutocompleteSearchURL, tabSelect: true }); } }); </script> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div class=" col-lg-2 col-md-12 col-sm-12 portlet-column-last rightHeader"> <div class="accBasket"> <div class="portlet-layout row"> <div class="col-md-12 col-sm-12 portlet-column portlet-column-last" id="row-basket-custom-ec"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_row-basket-custom-ec"></div> </div> </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> <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 removeForcedMobileEcHeader95538(){ 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 targetNodeHeaderForcedMobile95538 = document.querySelector(".ecl-menu.ecl-menu--group1"); // Options for the observer (which mutations to observe) var configHeaderForcedMobile95538 = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed var callbackHeaderForcedMobile95538 = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { removeForcedMobileEcHeader95538(); } else if (mutation.type === "attributes") { removeForcedMobileEcHeader95538(); } } }; // Create an observer instance linked to the callback function var observerHeaderForcedMobile95538 = new MutationObserver(callbackHeaderForcedMobile95538); // Start observing the target node for configured mutations observerHeaderForcedMobile95538.observe(targetNodeHeaderForcedMobile95538, configHeaderForcedMobile95538); </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> <a class="breadcrumb-mobile-link" href="/en/web/eu-law-and-publications" title="Home"> <span class="arrow-back-mobile"></span><span>Home</span> </a> <div class="d-none">https://op.europa.eu/en/web/webtools/chatbots-interoperability</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"> <span class="active breadcrumb-text-truncate">Chatbots interoperability</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="print" id="print-current-page-container"><a onclick="printCurrentPage()" tabindex="0" aria-label="Print">Print</a></div> <style> @media print { * { -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */ color-adjust: exact !important; /*Firefox*/ } footer#footer, nav#globalnav, #environment-container, div#globan, div#ControlMenu, .open-opia-bottom, .portlet-boundary_eu_europa_publications_portlet_euvocsearch_EuvocSearchPortlet_, .menu-mobile-burger-button{ display: none !important; } html, .maincontent-page-bleed{ display: block !importnat; padding: 0 !important; margin: 0 !important; } html{ width: 1340px !important; min-width: 1340px !important; overflow-x: hidden !important; } #wrapper.container{ width: 100% !important; min-width: 100% !important; } .maincontent-page-bleed{ width: 100% !important; min-width: 1340px !important; } #page-export-pdf-header-container-tag{ display: block !important; } #page-export-pdf-header-h1-tag{ display: block !important; color: #132760 !important; margin-top: 15px; font-size: 27px; letter-spacing: -0.01em; line-height: 45px; } } @page { /*size: 1340px 1830px; */ margin: 0; margin-left: 30px; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; -webkit-print-color-adjust: exact; color-adjust: exact; } </style> <script> //on click on print button function printCurrentPage() { window.print(); } </script> <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> <h2 id="page-export-pdf-header-container-tag" style="background: #eee; margin: 0 !important; padding: 0; display: none; height: 112px; width: 1340px;"> <img class="site-logo" src="/o/OPPortalEE/images/op_logo.png" alt="Photo of Publications Office of the European Union" style="width: 300px; float: left; padding-left: 38px; padding-top: 26px;"> <span style="position: absolute; left: 0; padding-top: 26px; display: inline-block; padding-left: 380px; color: #112250; text-align: left; font-size: 18px;"> This document is an extract from the Publications Office Portal <br> <a class="page-export-pdf-link-tag" href="#" style="color: #0E47CB; text-decoration: underline;">Clik here to view the live page</a> </span> </h2> <h1 id="page-export-pdf-header-h1-tag" style="display: none;"></h1> <script> document.querySelector(".page-export-pdf-link-tag").href = window.location.href; document.querySelector("#page-export-pdf-header-h1-tag").innerText = document.title; </script> </div> </div> </div> <div class="global-nav-switch-mobile"> <div class="global-nav-top-site"> <div class="portlet-layout row top"> <div class="portlet-layout col-md-12"> <div class="justify-content-center"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav:%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_nav_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav"> <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> .navigation-menu-dd-3-levels-desktop .nav-pills>li>a { margin-bottom: 0; height: 40px; } .navigation-menu-dd-3-levels-desktop span.lfr-nav-child-toggle { margin-left: 15px; } .navigation-menu-dd-3-levels-desktop li.dropdown span.lfr-nav-child-toggle i.icon-caret-down:before{ content: ""; display: block; width: 13px; height: 20px; position: absolute; top: 10px; right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999992 7.00005L6.49999 12.5L12 7.00005' stroke='%23697188' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } .navigation-menu-dd-3-levels-desktop li.dropdown.hover span.lfr-nav-child-toggle i.icon-caret-down:before{ content: ""; display: block; width: 13px; height: 20px; position: absolute; top: 10px; right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13L6.5 7.49995L1 13' stroke='%23CFD3DA' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") !important; } .navigation-menu-dd-3-levels-desktop li.dropdown.selected span.lfr-nav-child-toggle i.icon-caret-down:before, .navigation-menu-dd-3-levels-desktop li.dropdown.active span.lfr-nav-child-toggle i.icon-caret-down:before, .navigation-menu-dd-3-levels-desktop li.dropdown.open span.lfr-nav-child-toggle i.icon-caret-down:before { content: ""; display: block; width: 13px; height: 20px; position: absolute; top: 10px; right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999992 7.00005L6.49999 12.5L12 7.00005' stroke='%23CFD3DA' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } .navigation-menu-dd-3-levels-desktop li.dropdown.selected > a, .navigation-menu-dd-3-levels-desktop li.dropdown.active > a, .navigation-menu-dd-3-levels-desktop li.dropdown.hover > a, .navigation-menu-dd-3-levels-desktop li.dropdown.open > a { background-color: #697188; color: #fff; border-radius: 0; } .navigation-menu-dd-3-levels-desktop .dropdown-submenu>a::after, .navigation-menu-dd-3-levels-desktop .dropdown-submenu>a:hover::after, .navigation-menu-dd-3-levels-desktop .dropdown-submenu:focus>a { content: ''; position: absolute; width: 45px; height: 33px; top: 5px; padding: 0; right: 0; margin: 0; border: 0; border-left: 1px solid #8890A1; background-position: center !important; } .navigation-menu-dd-3-levels-desktop ul ul a{ border-bottom: 1px solid #8890A1 !important; } .navigation-menu-dd-3-levels-desktop li.dropdown-submenu > a{ padding-right: 60px; } .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; height: 45px; display: block; text-decoration: unset !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv div:hover { background-color: inherit !important; } /* .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; } */ </style> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav" class="navigation-menu-dd-3-levels navigation-menu-dd-3-levels-desktop"> <ul aria-label="Site Pages" class="nav nav-pills navbar-site" role="menubar"> <div class="hide-accessible">Navigation</div> <li class="lfr-nav-item dropdown " id="layout_33" role="presentation"> <a tabindex="0" aria-label="Widgets" aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets' role="menuitem"> <span> Widgets <span onclick="displayMenuItems(this)" class="lfr-nav-child-toggle"><i class="icon-caret-down"></i></span></span> </a> <ul aria-expanded="false" class="dropdown-menu" role="menu"> <li class=" dropdown-submenu" id="layout_38" role="presentation"> <a tabindex="0" aria-label="Selected publications" aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets-selected-publications' role="menuitem">Selected publications</a> <ul aria-expanded="false" class="dropdown-menu" role="menu"> <li class="" id="layout_44" role="presentation"> <a tabindex="0" aria-label="Selected procurement procedure widget" class="" href='https://op.europa.eu/en/web/webtools/selected-procurement-procedure-widget' role="menuitem">Selected procurement procedure widget</a> </li> </ul> </li> <li class="" id="layout_37" role="presentation"> <a tabindex="0" aria-label="Search form update" class="" href='https://op.europa.eu/en/web/webtools/search-form-update' role="menuitem">Search form update</a> </li> <li class="" id="layout_36" role="presentation"> <a tabindex="0" aria-label="Organisation detail update" class="" href='https://op.europa.eu/en/web/webtools/organisation-detail-update' role="menuitem">Organisation detail update</a> </li> <li class=" dropdown-submenu" id="layout_35" role="presentation"> <a tabindex="0" aria-label="Publication detail" aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets-publication-detail' role="menuitem">Publication detail</a> <ul aria-expanded="false" class="dropdown-menu" role="menu"> <li class="" id="layout_45" role="presentation"> <a tabindex="0" aria-label="Public procurement detail widget" class="" href='https://op.europa.eu/en/web/webtools/public-procurement-detail-widget' role="menuitem">Public procurement detail widget</a> </li> </ul> </li> <li class=" dropdown-submenu" id="layout_34" role="presentation"> <a tabindex="0" aria-label="Search result" aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets-search-result' role="menuitem">Search result</a> <ul aria-expanded="false" class="dropdown-menu" role="menu"> <li class="" id="layout_43" role="presentation"> <a tabindex="0" aria-label="Public Procurement Search result" class="" href='https://op.europa.eu/en/web/webtools/public-procurement-search-result' role="menuitem">Public Procurement Search result</a> </li> </ul> </li> <li class="" id="layout_23" role="presentation"> <a tabindex="0" aria-label="Organisation detail" class="" href='https://op.europa.eu/en/web/webtools/op-widgets-organisation-detail' role="menuitem">Organisation detail</a> </li> <li class="" id="layout_21" role="presentation"> <a tabindex="0" aria-label="Search form" class="" href='https://op.europa.eu/en/web/webtools/op-widgets-search-form' role="menuitem">Search form</a> </li> <li class="" id="layout_20" role="presentation"> <a tabindex="0" aria-label="Selected publications Old" class="" href='https://op.europa.eu/en/web/webtools/op-widgets-selected-publications-old' role="menuitem">Selected publications Old</a> </li> </ul> </li> </ul> </div> <button type="button" class="menu-mobile-burger-button btn-background navbar-toggle bg-light btn-left navButton mobButton collapsed" data-toggle="collapse" data-target=".navHeaderCollapse1732690895599" > <span class="font_btn glyphicon glyphicon-align-justify"></span> <div class="mob-menu-label">Menu</div> </button> <div class="menu-mobile-burger-container hide-bootstrap-max navbar-collapse navHeaderCollapse1732690895599 collapse mobNode" style="height: auto;"> <div class="breadcrumbs-horizontal lfr-component"> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav"> <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_33" aria-expanded='false' role="presentation" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/webtools/op-widgets' tabindex="0" aria-label="Widgets"> Widgets</a> <a data-target='#expand-33' class="dropdown-toggle parr collapsed" 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-33" class="collapse customClassC-menu " role="menu"> <li class=" customClass-submenu " id="layout_38" aria-expanded='false' role="presentation" tabindex="0"> <div><a aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets-selected-publications' role="menuitem" tabindex="0" aria-label="Selected publications">Selected publications</a> <a data-target='#expand-38' 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-38" class="customCsub collapse " role="menu"> <li class=" " id="layout_44" aria-expanded='false' role="presentation" tabindex="0"> <div><a aria-label="Selected procurement procedure widget" tabindex="0" class="" href='https://op.europa.eu/en/web/webtools/selected-procurement-procedure-widget' role="menuitem">Selected procurement procedure widget</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> <li class=" " id="layout_37" aria-expanded='false' role="presentation" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/webtools/search-form-update' role="menuitem" tabindex="0" aria-label="Search form update">Search form update</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_36" aria-expanded='false' role="presentation" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/webtools/organisation-detail-update' role="menuitem" tabindex="0" aria-label="Organisation detail update">Organisation detail update</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" customClass-submenu " id="layout_35" aria-expanded='false' role="presentation" tabindex="0"> <div><a aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets-publication-detail' role="menuitem" tabindex="0" aria-label="Publication detail">Publication detail</a> <a data-target='#expand-35' 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-35" class="customCsub collapse " role="menu"> <li class=" " id="layout_45" aria-expanded='false' role="presentation" tabindex="0"> <div><a aria-label="Public procurement detail widget" tabindex="0" class="" href='https://op.europa.eu/en/web/webtools/public-procurement-detail-widget' role="menuitem">Public procurement detail widget</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> <li class=" customClass-submenu " id="layout_34" aria-expanded='false' role="presentation" tabindex="0"> <div><a aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/webtools/op-widgets-search-result' role="menuitem" tabindex="0" aria-label="Search result">Search result</a> <a data-target='#expand-34' 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-34" class="customCsub collapse " role="menu"> <li class=" " id="layout_43" aria-expanded='false' role="presentation" tabindex="0"> <div><a aria-label="Public Procurement Search result" tabindex="0" class="" href='https://op.europa.eu/en/web/webtools/public-procurement-search-result' role="menuitem">Public Procurement Search result</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> <li class=" " id="layout_23" aria-expanded='false' role="presentation" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/webtools/op-widgets-organisation-detail' role="menuitem" tabindex="0" aria-label="Organisation detail">Organisation detail</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_21" aria-expanded='false' role="presentation" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/webtools/op-widgets-search-form' role="menuitem" tabindex="0" aria-label="Search form">Search form</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_20" aria-expanded='false' role="presentation" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/webtools/op-widgets-selected-publications-old' role="menuitem" tabindex="0" aria-label="Selected publications Old">Selected publications Old</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(".mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; }else{ mainMobMenu.classList.remove("has-active-selected-region"); mainMobMenu.style.height = "auto"; } }; function setMenuActiveElement (){ var activeLIs = document.querySelectorAll(".menu-mobile-burger-container .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 ul.navbar-mob-site.customSideNavv"); mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; //firstParentLI.clientHeight } } } setMenuActiveElement (); //PORTALMSP-2936 Automatic nav not the same as manual nav var desktopMenuLinkActive = $('.navigation-menu-dd-3-levels-desktop li.active.selected'); if(desktopMenuLinkActive && desktopMenuLinkActive.length > 0){ var desktopMenuLinkActiveDDMMenu = desktopMenuLinkActive.closest('li.lfr-nav-item.dropdown'); if(desktopMenuLinkActiveDDMMenu && desktopMenuLinkActiveDDMMenu.length > 0){ desktopMenuLinkActiveDDMMenu[0].classList.add('active'); desktopMenuLinkActiveDDMMenu[0].classList.add('selected'); } } </script> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </nav> <main id="maincontent" class="maincontent container-fluid"> <div class="maincontent-page-bleed"> <div class="portlet-layout row" id="maincontentarea"> <section class="maincontentarea container-fluid col-md-12" id="maincontentarea-bottom"> <div class="portlet-column portlet-column-only col-12"> <div class="portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_top-content"> <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_y11ItDC1sVAU_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DEP intro</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-13408982" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13408980" data-analytics-asset-title="DEP intro" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13408982"> <h3>Natural language interfaces to access public data and services</h3> <p>聽</p> <div> <video autoplay="true" controls="true" height="auto" loop="true" muted="true" width="100%"><source src="/documents/d/webtools/chatbots-interoperability" type="video/mp4" /> Your browser does not support HTML video.</video> </div> <p>聽</p> </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-decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">text under video</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-13444892" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13444890" data-analytics-asset-title="text under video" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13444892"> <p>聽</p> <div class="alert alert-dismissible alert-info mb-4" role="alert"><span> <svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" viewbox="0 0 512 512"> <g> <path class="lexicon-icon-outline" d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M256,384c-17.7,0-32-14.3-32-32 s14.3-32,32-32s32,14.3,32,32S273.7,384,256,384z M272,288h-32l-16-160h64L272,288z"></path> </g> </svg> </span> <p class="mb-0">Artificial Intelligence and emerging technologies could contribute effectively to enhance digital services offered by the public administrations. Users could benefit of seamless, trustable and accurate 24/7 access to public services while using natural language interfaces and large language models (LLM).<br /> The action aims to demonstrate overall how interoperable networks of AI based services, such as virtual assistants and voice-based interfaces, will enable citizens benefit from enhanced, multilingual and transparent access to public data and services.</p> </div> <p>聽</p> </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-decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Studies and Proof of concepts to cover following areas</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-13408993" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13408991" data-analytics-asset-title="Studies and Proof of concepts to cover following areas" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13408993"> <div class="gcss-op gs-heading-s"> <h3>聽</h3> <h3>The studies and Proof of concepts to cover following areas</h3> <hr /> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-decorate portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB_"> <span id="p_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB"></span> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Nested Applications</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <main class="container-fluid"> <div class="portlet-layout row"> <div class="col-md-4 col-xs-12 portlet-column portlet-column-first" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-1"> <div class="portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-1"> <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_4xAGRPKJrLwN_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_4xAGRPKJrLwN"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_4xAGRPKJrLwN"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Interoperability of the public</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-13445332" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13445330" data-analytics-asset-title="Interoperability of the public" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13445332"> <div class="gcss-op gs-heading-xs"> <h4 style="text-align: center;"><picture data-fileentryid="13408946"><source media="(max-width:261px)" srcset="/o/adaptive-media/image/13408946/Preview-1000x0/new4.png?t=1696236674847" /><source media="(max-width:261px) and (min-width:261px)" srcset="/o/adaptive-media/image/13408946/Thumbnail-300x300/new4.png?t=1696236674847" /><img alt="Interoperability of the public available chatbots with other public available chatbots" src="/documents/d/webtools/new4" /></picture><br />  </h4> <h4 style="text-align: center;margin-top:0%; color: #132760">Interoperability between<br /> public administrations chatbots<br /> </h4> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> <div class="col-md-4 col-xs-12 portlet-column" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-2"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-2"> <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_fdUqKh4FP4tj_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fdUqKh4FP4tj"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fdUqKh4FP4tj"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Response from the appropriate chatbot</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-13445356" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13445354" data-analytics-asset-title="Response from the appropriate chatbot" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13445356"> <div class="gcss-op gs-heading-xs"> <p style="text-align:center;"><picture data-fileentryid="13408933"><source media="(max-width:262px)" srcset="/o/adaptive-media/image/13408933/Preview-1000x0/new2.png?t=1696236674512" /><source media="(max-width:262px) and (min-width:262px)" srcset="/o/adaptive-media/image/13408933/Thumbnail-300x300/new2.png?t=1696236674512" /><img alt="Response from the appropriate chatbot" src="/documents/d/webtools/new2" /></picture><br />  </p> <h4 style="text-align: center; margin-top: 0%; color: #132760;">Interoperability of the<br /> public institutions chatbots<br />with consumer intelligent assistants</h4> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> <div class="col-md-4 col-xs-12 portlet-column portlet-column-last" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-3"> <div class="portlet-dropzone portlet-column-content portlet-column-content-last" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-3"> <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_wAEfktwakCcN_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_wAEfktwakCcN"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_wAEfktwakCcN"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">The chatbot will always target the relevant chatbot</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-13445380" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13445378" data-analytics-asset-title="The chatbot will always target the relevant chatbot" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13445380"> <div class="gcss-op gs-heading-xs"> <p style="text-align:center;"><picture data-fileentryid="13408893"><source media="(max-width:261px)" srcset="/o/adaptive-media/image/13408893/Preview-1000x0/new3.png?t=1696236654717" /><source media="(max-width:261px) and (min-width:261px)" srcset="/o/adaptive-media/image/13408893/Thumbnail-300x300/new3.png?t=1696236654717" /><img alt="The chatbot will always target the relevant chatbot to deliver the right answer" src="/documents/d/webtools/new3" /></picture><br />  </p> <h4 style="text-align:center;margin-top:0%; color: #132760;">Ability of chatbots to provide<br /> deduced and summarized<br /> answers (Q&A) instead<br /> of list or results</h4> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </main> </div> </div> </div> </section> </div> <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_oQIRmwQjXGQU_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_oQIRmwQjXGQU"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_oQIRmwQjXGQU"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">NATURAL-LANGUAGE USER INTERFACES TO ACCESS PUBLIC DATA AND SERVICES</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-13409004" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13409002" data-analytics-asset-title="NATURAL-LANGUAGE USER INTERFACES TO ACCESS PUBLIC DATA AND SERVICES" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13409004"> <h3> </h3> <h3> </h3> <p> </p> <p style="text-align: center"><picture data-fileentryid="13408857"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/13408857/Thumbnail-300x300/dep+schema.png?t=1696236653172" /><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/13408857/Preview-1000x0/dep+schema.png?t=1696236653172" /><img alt="user-interfaces" src="/documents/d/webtools/dep-schema" /></picture><br />  </p> <p> </p> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </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/webtools/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_ManageCollaboratorsPortlet&p_p_lifecycle=0&p_p_state=pop_up&p_p_auth=8hugLhnZ', 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/webtools/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_SharingPortlet&p_p_lifecycle=0&p_p_state=pop_up&p_p_auth=Wjhl3xcT', 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\x2fwebtools\x2fchatbots-interoperability'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability'; // ]]> // <![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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_4xAGRPKJrLwN'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_4xAGRPKJrLwN_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_4xAGRPKJrLwN', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_4xAGRPKJrLwN\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3d_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-1\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 2, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_heNyRt1NDAGu\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dtop-content\x26p_p_col_pos\x3d2\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav_', portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet7942306'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet7942306_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet7942306', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet7942306\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 1, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_9dGwXhclEXIG\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dtop-content\x26p_p_col_pos\x3d1\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); var logoutURL = '/c/portal/logout?p_l_id=6854630&redirect=https%3A%2F%2Fop.europa.eu%2Fen%2Fweb%2Fwebtools%2Fchatbots-interoperability'; var myPortal_basketHasItems = 'https://op.europa.eu/en/web/webtools/chatbots-interoperability?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/webtools/chatbots-interoperability?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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); var nestedPortlet = document.getElementById( '_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__main-content' ); if (nestedPortlet != null) { nestedPortlet.removeAttribute('role'); } Liferay.Portlet.register('com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 3, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB_', portletId: 'com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dtop-content\x26p_p_col_pos\x3d3\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', 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\x3d6854630\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\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y11ItDC1sVAU\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dtop-content\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fdUqKh4FP4tj'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fdUqKh4FP4tj_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fdUqKh4FP4tj', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fdUqKh4FP4tj\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3d_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-2\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_wAEfktwakCcN'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_wAEfktwakCcN_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_wAEfktwakCcN', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_wAEfktwakCcN\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3d_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_lQmv5SXhJDFB__3-columns-3\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_oQIRmwQjXGQU'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 4, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_oQIRmwQjXGQU_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_oQIRmwQjXGQU', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6854630\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_oQIRmwQjXGQU\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dtop-content\x26p_p_col_pos\x3d4\x26p_p_col_count\x3d5\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fwebtools\x252Fchatbots-interoperability', 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=6854630","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._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_nav'); 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_nav'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-mob-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-mob-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); (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' } ); })(); }); </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

Chatbots interoperability - Webtools - Publications Office of the EU