Public Procurement procedure view : Explainability notice - About Us

<!DOCTYPE html> <html class="ltr site-class-10530 page-class-public-procurement-procedure-view layout-class-portal2012-about-us-navigation-layout" dir="ltr" lang="en-GB"> <head> <title>Public Procurement procedure view : Explainability notice - About Us - Publications Office of the EU</title> <meta content="initial-scale=1.0, width=device-width" name="viewport"/> <meta content="10530" name="site-scope-id"/> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <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_128744800|rpid=-1564471844|domain=europa.eu"></script><script type="importmap">{"imports":{"@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js"},"scopes":{}}</script><script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://op.europa.eu/o/op-portal-admin-theme/images/clay/icons.svg';Liferay.Icons.spritemap = 'https://op.europa.eu/o/OPPortalEE/images/clay/icons.svg';</script> <script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=en_GB&t=1732212542769&/o/frontend-js-jquery-web/jquery/jquery.min.js&/o/frontend-js-jquery-web/jquery/init.js&/o/frontend-js-jquery-web/jquery/ajax.js&/o/frontend-js-jquery-web/jquery/bootstrap.bundle.min.js&/o/frontend-js-jquery-web/jquery/collapsible_search.js&/o/frontend-js-jquery-web/jquery/fm.js&/o/frontend-js-jquery-web/jquery/form.js&/o/frontend-js-jquery-web/jquery/popper.min.js&/o/frontend-js-jquery-web/jquery/side_navigation.js" type="text/javascript"></script> <script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/public-procurement-procedure-view" rel="canonical" /> <link data-senna-track="temporary" href="https://op.europa.eu/es/web/about-us/public-procurement-procedure-view" hreflang="es-ES" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sv/web/about-us/public-procurement-procedure-view" hreflang="sv-SE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/bg/web/about-us/public-procurement-procedure-view" hreflang="bg-BG" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hr/web/about-us/public-procurement-procedure-view" hreflang="hr-HR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lv/web/about-us/public-procurement-procedure-view" hreflang="lv-LV" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/nl/web/about-us/public-procurement-procedure-view" hreflang="nl-NL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/mt/web/about-us/public-procurement-procedure-view" hreflang="mt-MT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/hu/web/about-us/public-procurement-procedure-view" hreflang="hu-HU" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/de/web/about-us/public-procurement-procedure-view" hreflang="de-DE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/el/web/about-us/public-procurement-procedure-view" hreflang="el-GR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/cs/web/about-us/public-procurement-procedure-view" hreflang="cs-CZ" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/da/web/about-us/public-procurement-procedure-view" hreflang="da-DK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ga/web/about-us/public-procurement-procedure-view" hreflang="ga-IE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/et/web/about-us/public-procurement-procedure-view" hreflang="et-EE" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pl/web/about-us/public-procurement-procedure-view" hreflang="pl-PL" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fi/web/about-us/public-procurement-procedure-view" hreflang="fi-FI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sk/web/about-us/public-procurement-procedure-view" hreflang="sk-SK" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/it/web/about-us/public-procurement-procedure-view" hreflang="it-IT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/lt/web/about-us/public-procurement-procedure-view" hreflang="lt-LT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/sl/web/about-us/public-procurement-procedure-view" hreflang="sl-SI" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/pt/web/about-us/public-procurement-procedure-view" hreflang="pt-PT" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/fr/web/about-us/public-procurement-procedure-view" hreflang="fr-FR" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/ro/web/about-us/public-procurement-procedure-view" hreflang="ro-RO" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/public-procurement-procedure-view" hreflang="en-GB" rel="alternate" /> <link data-senna-track="temporary" href="https://op.europa.eu/en/web/about-us/public-procurement-procedure-view" hreflang="x-default" rel="alternate" /> <meta property="og:locale" content="en_GB"> <meta property="og:locale:alternate" content="bg_BG"> <meta property="og:locale:alternate" content="es_ES"> <meta property="og:locale:alternate" content="cs_CZ"> <meta property="og:locale:alternate" content="da_DK"> <meta property="og:locale:alternate" content="de_DE"> <meta property="og:locale:alternate" content="et_EE"> <meta property="og:locale:alternate" content="el_GR"> <meta property="og:locale:alternate" content="en_GB"> <meta property="og:locale:alternate" content="fr_FR"> <meta property="og:locale:alternate" content="ga_IE"> <meta property="og:locale:alternate" content="hr_HR"> <meta property="og:locale:alternate" content="it_IT"> <meta property="og:locale:alternate" content="lv_LV"> <meta property="og:locale:alternate" content="lt_LT"> <meta property="og:locale:alternate" content="hu_HU"> <meta property="og:locale:alternate" content="mt_MT"> <meta property="og:locale:alternate" content="nl_NL"> <meta property="og:locale:alternate" content="pl_PL"> <meta property="og:locale:alternate" content="pt_PT"> <meta property="og:locale:alternate" content="ro_RO"> <meta property="og:locale:alternate" content="sk_SK"> <meta property="og:locale:alternate" content="sl_SI"> <meta property="og:locale:alternate" content="fi_FI"> <meta property="og:locale:alternate" content="sv_SE"> <meta property="og:site_name" content="About Us"> <meta property="og:title" content="Public Procurement procedure view : Explainability notice - About Us - Publications Office of the EU"> <meta property="og:type" content="website"> <meta property="og:url" content="https://op.europa.eu/en/web/about-us/public-procurement-procedure-view"> <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=1732208786000" 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_7o1WRGbxCG0t:%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=1732208786000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="c93564d2" /> <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 '344'; }, getLayoutRelativeControlPanelURL: function() { return '/en/group/about-us/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/en/web/about-us/public-procurement-procedure-view'; }, getLayoutURL: function() { return 'https://op.europa.eu/en/web/about-us/public-procurement-procedure-view'; }, getParentLayoutId: function() { return '5'; }, isControlPanel: function() { return false; }, isPrivateLayout: function() { return 'false'; }, isVirtualLayout: function() { return false; }, getBCP47LanguageId: function() { return 'en-GB'; }, getCanonicalURL: function() { return 'https\x3a\x2f\x2fop\x2eeuropa\x2eeu\x2fen\x2fweb\x2fabout-us\x2fpublic-procurement-procedure-view'; }, getCDNBaseURL: function() { return 'https://op.europa.eu'; }, getCDNDynamicResourcesHost: function() { return ''; }, getCDNHost: function() { return ''; }, getCompanyGroupId: function() { return '10197'; }, getCompanyId: function() { return '10157'; }, getDefaultLanguageId: function() { return 'en_GB'; }, getDoAsUserIdEncoded: function() { return ''; }, getLanguageId: function() { return 'en_GB'; }, getParentGroupId: function() { return '10530'; }, getPathContext: function() { return ''; }, getPathImage: function() { return '/image'; }, getPathJavaScript: function() { return '/o/frontend-js-web'; }, getPathMain: function() { return '/en/c'; }, getPathThemeImages: function() { return 'https://op.europa.eu/o/OPPortalEE/images'; }, getPathThemeRoot: function() { return '/o/OPPortalEE'; }, getPlid: function() { return '6855041'; }, getPortalURL: function() { return 'https://op.europa.eu'; }, getRealUserId: function() { return '10161'; }, getRemoteAddr: function() { return '10.1.4.98'; }, getRemoteHost: function() { return '10.1.4.98'; }, getScopeGroupId: function() { return '10530'; }, getScopeGroupIdOrLiveGroupId: function() { return '10530'; }, getSessionId: function() { return ''; }, getSiteAdminURL: function() { return 'https://op.europa.eu/group/about-us/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; }, getSiteGroupId: function() { return '10530'; }, getURLControlPanel: function() { return '/en/group/control_panel?refererPlid=6855041'; }, 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 = 'GilLsUqq'; Liferay.currentURL = '\x2fen\x2fweb\x2fabout-us\x2fpublic-procurement-procedure-view'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view'; // ]]> </script> <script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=ie&minifierType=js&languageId=en_GB&t=1720444384268&', waitTimeout: 60000};</script><script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=ie&languageId=en_GB&minifierType=js" type="text/javascript"></script><script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=en_GB&t=1720444384268&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script> <script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://op.europa.eu/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://op.europa.eu/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://op.europa.eu/o/oauth2/introspect';}, getTokenURL: function() {return 'https://op.europa.eu/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script><script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='contacts-web@5.0.58/index';var MODULE_PATH='/o/contacts-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { contactscenter: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-contacts-center': { path: 'main.js', requires: [ 'aui-io-plugin-deprecated', 'aui-toolbar', 'autocomplete-base', 'datasource-io', 'json-parse', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-workflow-kaleo-designer-web@5.0.131/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { 'kaleo-designer': { base: MODULE_PATH + '/designer/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-kaleo-designer-autocomplete-util': { path: 'autocomplete_util.js', requires: ['autocomplete', 'autocomplete-highlighters'], }, 'liferay-kaleo-designer-definition-diagram-controller': { path: 'definition_diagram_controller.js', requires: [ 'liferay-kaleo-designer-field-normalizer', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-dialogs': { path: 'dialogs.js', requires: ['liferay-util-window'], }, 'liferay-kaleo-designer-editors': { path: 'editors.js', requires: [ 'aui-ace-editor', 'aui-ace-editor-mode-xml', 'aui-base', 'aui-datatype', 'aui-node', 'liferay-kaleo-designer-autocomplete-util', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-field-normalizer': { path: 'field_normalizer.js', requires: ['liferay-kaleo-designer-remote-services'], }, 'liferay-kaleo-designer-nodes': { path: 'nodes.js', requires: [ 'aui-datatable', 'aui-datatype', 'aui-diagram-builder', 'liferay-kaleo-designer-editors', 'liferay-kaleo-designer-utils', ], }, 'liferay-kaleo-designer-remote-services': { path: 'remote_services.js', requires: ['aui-io'], }, 'liferay-kaleo-designer-templates': { path: 'templates.js', requires: ['aui-tpl-snippets-deprecated'], }, 'liferay-kaleo-designer-utils': { path: 'utils.js', requires: [], }, 'liferay-kaleo-designer-xml-definition': { path: 'xml_definition.js', requires: [ 'aui-base', 'aui-component', 'dataschema-xml', 'datatype-xml', ], }, 'liferay-kaleo-designer-xml-definition-serializer': { path: 'xml_definition_serializer.js', requires: ['escape', 'liferay-kaleo-designer-xml-util'], }, 'liferay-kaleo-designer-xml-util': { path: 'xml_util.js', requires: ['aui-base'], }, 'liferay-portlet-kaleo-designer': { path: 'main.js', requires: [ 'aui-ace-editor', 'aui-ace-editor-mode-xml', 'aui-tpl-snippets-deprecated', 'dataschema-xml', 'datasource', 'datatype-xml', 'event-valuechange', 'io-form', 'liferay-kaleo-designer-autocomplete-util', 'liferay-kaleo-designer-editors', 'liferay-kaleo-designer-nodes', 'liferay-kaleo-designer-remote-services', 'liferay-kaleo-designer-utils', 'liferay-kaleo-designer-xml-util', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/designer/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='dynamic-data-mapping-web@5.0.103/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { const LiferayAUI = Liferay.AUI; AUI().applyConfig({ groups: { ddm: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: LiferayAUI.getFilterConfig(), modules: { 'liferay-ddm-form': { path: 'ddm_form.js', requires: [ 'aui-base', 'aui-datatable', 'aui-datatype', 'aui-image-viewer', 'aui-parse-content', 'aui-set', 'aui-sortable-list', 'json', 'liferay-form', 'liferay-map-base', 'liferay-translation-manager', 'liferay-util-window', ], }, 'liferay-portlet-dynamic-data-mapping': { condition: { trigger: 'liferay-document-library', }, path: 'main.js', requires: [ 'arraysort', 'aui-form-builder-deprecated', 'aui-form-validator', 'aui-map', 'aui-text-unicode', 'json', 'liferay-menu', 'liferay-translation-manager', 'liferay-util-window', 'text', ], }, 'liferay-portlet-dynamic-data-mapping-custom-fields': { condition: { trigger: 'liferay-document-library', }, path: 'custom_fields.js', requires: ['liferay-portlet-dynamic-data-mapping'], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='exportimport-web@5.0.85/index';var MODULE_PATH='/o/exportimport-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { exportimportweb: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-export-import-export-import': { path: 'main.js', requires: [ 'aui-datatype', 'aui-dialog-iframe-deprecated', 'aui-modal', 'aui-parse-content', 'aui-toggler', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-editor-alloyeditor-web@5.0.48/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { alloyeditor: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-alloy-editor': { path: 'alloyeditor.js', requires: [ 'aui-component', 'liferay-portlet-base', 'timers', ], }, 'liferay-alloy-editor-source': { path: 'alloyeditor_source.js', requires: [ 'aui-debounce', 'liferay-fullscreen-source-editor', 'liferay-source-editor', 'plugin', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-state-web@1.0.21/index';var MODULE_PATH='/o/frontend-js-state-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { state: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/document-library-web@6.0.182/index';var MODULE_PATH='/o/document-library-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { dl: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'document-library-upload-component': { path: 'DocumentLibraryUpload.js', requires: [ 'aui-component', 'aui-data-set-deprecated', 'aui-overlay-manager-deprecated', 'aui-overlay-mask-deprecated', 'aui-parse-content', 'aui-progressbar', 'aui-template-deprecated', 'liferay-search-container', 'querystring-parse-simple', 'uploader', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-react-web@5.0.41/index';var MODULE_PATH='/o/frontend-js-react-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { react: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-js-components-web@2.0.67/index';var MODULE_PATH='/o/frontend-js-components-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { components: { // eslint-disable-next-line mainModule: MODULE_MAIN, }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='staging-processes-web@5.0.57/index';var MODULE_PATH='/o/staging-processes-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { stagingprocessesweb: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-staging-processes-export-import': { path: 'main.js', requires: [ 'aui-datatype', 'aui-dialog-iframe-deprecated', 'aui-modal', 'aui-parse-content', 'aui-toggler', 'liferay-portlet-base', 'liferay-util-window', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='portal-search-web@6.0.133/index';var MODULE_PATH='/o/portal-search-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { search: { base: MODULE_PATH + '/js/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-search-date-facet': { path: 'date_facet.js', requires: ['aui-form-validator'], }, }, root: MODULE_PATH + '/js/', }, }, }); })(); } catch(error) {console.error(error);}try {var MODULE_MAIN='calendar-web@5.0.93/index';var MODULE_PATH='/o/calendar-web';/** * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 */ (function () { AUI().applyConfig({ groups: { calendar: { base: MODULE_PATH + '/js/legacy/', combine: Liferay.AUI.getCombine(), filter: Liferay.AUI.getFilterConfig(), modules: { 'liferay-calendar-a11y': { path: 'calendar_a11y.js', requires: ['calendar'], }, 'liferay-calendar-container': { path: 'calendar_container.js', requires: [ 'aui-alert', 'aui-base', 'aui-component', 'liferay-portlet-base', ], }, 'liferay-calendar-date-picker-sanitizer': { path: 'date_picker_sanitizer.js', requires: ['aui-base'], }, 'liferay-calendar-interval-selector': { path: 'interval_selector.js', requires: ['aui-base', 'liferay-portlet-base'], }, 'liferay-calendar-interval-selector-scheduler-event-link': { path: 'interval_selector_scheduler_event_link.js', requires: ['aui-base', 'liferay-portlet-base'], }, 'liferay-calendar-list': { path: 'calendar_list.js', requires: [ 'aui-template-deprecated', 'liferay-scheduler', ], }, 'liferay-calendar-message-util': { path: 'message_util.js', requires: ['liferay-util-window'], }, 'liferay-calendar-recurrence-converter': { path: 'recurrence_converter.js', requires: [], }, 'liferay-calendar-recurrence-dialog': { path: 'recurrence.js', requires: [ 'aui-base', 'liferay-calendar-recurrence-util', ], }, 'liferay-calendar-recurrence-util': { path: 'recurrence_util.js', requires: ['aui-base', 'liferay-util-window'], }, 'liferay-calendar-reminders': { path: 'calendar_reminders.js', requires: ['aui-base'], }, 'liferay-calendar-remote-services': { path: 'remote_services.js', requires: [ 'aui-base', 'aui-component', 'liferay-calendar-util', 'liferay-portlet-base', ], }, 'liferay-calendar-session-listener': { path: 'session_listener.js', requires: ['aui-base', 'liferay-scheduler'], }, 'liferay-calendar-simple-color-picker': { path: 'simple_color_picker.js', requires: ['aui-base', 'aui-template-deprecated'], }, 'liferay-calendar-simple-menu': { path: 'simple_menu.js', requires: [ 'aui-base', 'aui-template-deprecated', 'event-outside', 'event-touch', 'widget-modality', 'widget-position', 'widget-position-align', 'widget-position-constrain', 'widget-stack', 'widget-stdmod', ], }, 'liferay-calendar-util': { path: 'calendar_util.js', requires: [ 'aui-datatype', 'aui-io', 'aui-scheduler', 'aui-toolbar', 'autocomplete', 'autocomplete-highlighters', ], }, 'liferay-scheduler': { path: 'scheduler.js', requires: [ 'async-queue', 'aui-datatype', 'aui-scheduler', 'dd-plugin', 'liferay-calendar-a11y', 'liferay-calendar-message-util', 'liferay-calendar-recurrence-converter', 'liferay-calendar-recurrence-util', 'liferay-calendar-util', 'liferay-scheduler-event-recorder', 'liferay-scheduler-models', 'promise', 'resize-plugin', ], }, 'liferay-scheduler-event-recorder': { path: 'scheduler_event_recorder.js', requires: [ 'dd-plugin', 'liferay-calendar-util', 'resize-plugin', ], }, 'liferay-scheduler-models': { path: 'scheduler_models.js', requires: [ 'aui-datatype', 'dd-plugin', 'liferay-calendar-util', ], }, }, root: MODULE_PATH + '/js/legacy/', }, }, }); })(); } catch(error) {console.error(error);}</script> <script type="text/javascript" data-senna-track="temporary"> // <![CDATA[ // ]]> </script> <meta lang="en" content="http://publications.europa.eu/resource/authority/corporate-body/PUBL" name="author" /> <meta lang="en" content="&copy; European Union" name="COPYRIGHT" /> <meta lang="en" content="Publications Office of the European Union" name="DC.publisher" /> <meta lang="en" content="Website" name="DC.type" /> <meta lang="en" content="facebook.com/EULawandPublications" property="fb:admins" /> <meta lang="en" content="LUXEMBOURG" name="og:country-name" /> <meta lang="en" content="49.598918" property="og:latitude" /> <meta lang="en" content="6.131508" property="og:longitude" /> <meta lang="en" content="2417" property="og:postal-code" /> <meta lang="en" content="20, rue de Reims" property="og:street-address" /> <meta lang="en" content="summary" name="twitter:card" /> <meta lang="en" content="@EUPublications" name="twitter:creator" /> <meta lang="en" content="293993583" name="twitter:creator:id" /> <meta lang="en" content="http://op.europa.eu/en/web/about-us/public-procurement-procedure-view" name="twitter:url" /> <meta content="en" name="DCSext.lang" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://op.europa.eu/o/OPPortalEE/css/main.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732208786000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> /*********** PREVIOUS CODE ***********/ .about-us .localnav .nav-menu ul a:focus, .newsletter .localnav .nav-menu ul a:focus{ color: #5499ff; text-decoration: underline; } #ec-widget-share-button a { background-image: none; border: 1px solid #cccccc !important; border-radius: 4px; color: #3366cc !important; display: inline; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; font-size: 13px !important; min-width: auto !important; padding: 0 4px !important; text-align: center; } #p_p_id_56_INSTANCE_63vBvluXvDOx_ { margin-left: 50px; margin-right: 50px; margin-top: 20px; } .emph{ font-weight: bold; } .centered { text-align: center; } .underlined { text-decoration: underline; } .stronger{ font-weight: bold; } .different{ font-weight: bold; font-size: large; text-align: center; } .centeredStrong{ font-weight: bold; text-align: center; } .centeredYellowRed{ text-align: center; color: red; background-color: yellow; } .limeRed{ color: red; background-color: lime; } .centeredStrongBigger{ font-weight: bold; text-align: center; font-size: 14px; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article dd > p, .OPPortalLayout .maincontent .single-maincontent .portlet-content .journal-content-article dd > p{ padding: 0 0 0 0; } .lessSpace { //margin-top: -25px; } .OPPortalLayout .maincontent .maincontentarea .portlet-content .journal-content-article dd > ul, .OPPortalLayout .maincontent .single-maincontent .portlet-content .journal-content-article dd > ul { // padding-left: unset !important; } .OPPortalLayout .myportalwrapper .myportaltitle{ font-size:13px; } @media (min-width: 769px) { .navbar-collapse.navHeaderCollapse{ display: block; } } #headercontent .wtSearchButton a:link, #headercontent .wtSearchButton a:visited, #headercontent .wtSearchButton a:active{ font-size: 13px; color: #666666; } .customSideNavv{ position:sticky; } .customSideNavv li a { white-space: normal; } @media screen and (min-width: 992px) { #layout-column_maincontentarea { padding-right: 5%; } } /*********** NEW ***********/ /* Side menu space */ @media screen and (min-width: 992px) { aside#localnav.localnav { /*padding-right: 40px;*/ } } /* GRIDS */ .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-gap: 24px; } .grid-col { grid-template-columns: 1fr; } .grid-2col { grid-template-columns: 1fr 1fr; } .grid-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-gap-0 { grid-gap: 0px; } .grid-gap-16 { grid-gap: 16px; } .grid-gap-24 { grid-gap: 24px; } .grid-gap-32 { grid-gap: 32px; } .grid-gap-40 { grid-gap: 40px; } .grid-gap-48 { grid-gap: 48px; } .grid-gap-56 { grid-gap: 56px; } .grid-gap-64 { grid-gap: 64px; } @media screen and (min-width: 576px) { .grid-sm-col { grid-template-columns: 1fr; } .grid-sm-2col { grid-template-columns: 1fr 1fr; } .grid-sm-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-sm-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-sm-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-sm-0 { grid-gap: 0px; } .grid-gap-sm-16 { grid-gap: 16px; } .grid-gap-sm-24 { grid-gap: 24px; } .grid-gap-sm-32 { grid-gap: 32px; } .grid-gap-sm-40 { grid-gap: 40px; } .grid-gap-sm-48 { grid-gap: 48px; } .grid-gap-sm-56 { grid-gap: 56px; } .grid-gap-sm-64 { grid-gap: 64px; } } @media screen and (min-width: 768px) { .grid-md-col { grid-template-columns: 1fr; } .grid-md-2col { grid-template-columns: 1fr 1fr; } .grid-md-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-md-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-md-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-md-0 { grid-gap: 0px; } .grid-gap-md-16 { grid-gap: 16px; } .grid-gap-md-24 { grid-gap: 24px; } .grid-gap-md-32 { grid-gap: 32px; } .grid-gap-md-40 { grid-gap: 40px; } .grid-gap-md-48 { grid-gap: 48px; } .grid-gap-md-56 { grid-gap: 56px; } .grid-gap-md-64 { grid-gap: 64px; } } @media screen and (min-width: 992px) { .grid-lg-col { grid-template-columns: 1fr; } .grid-lg-2col { grid-template-columns: 1fr 1fr; } .grid-lg-3col { grid-template-columns: 1fr 1fr 1fr; } .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid-lg-5col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid-gap-lg-0 { grid-gap: 0px; } .grid-gap-lg-16 { grid-gap: 16px; } .grid-gap-lg-24 { grid-gap: 24px; } .grid-gap-lg-32 { grid-gap: 32px; } .grid-gap-lg-40 { grid-gap: 40px; } .grid-gap-lg-48 { grid-gap: 48px; } .grid-gap-lg-56 { grid-gap: 56px; } .grid-gap-lg-64 { grid-gap: 64px; } } /* FONTS */ .maincontent p.p-op, ol.ol-op > li, ul.ul-op > li, a.a-op, .journal-content-article a.a-op, .portlet-body .journal-content-article p.p-op, ul.ul-op p, .heading-section, ol.ol-op li a, ul.ul-op li a { font-size: 1rem; line-height: 150% !important; } /*p.p-op > *,*/ p.p-op * { font-size: inherit !important; line-height: inherit!important; } .font-s, .font-s > * { font-size: 0.875rem !important; line-height: 125% !important; } .font-l, .font-l > * { font-size: 1.125rem !important; } .maincontent h1.h1-op, .maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op { line-height: 135% !important; } .maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op, .maincontent p.p-op, .maincontent ul.ul-op, .maincontent ol.ol-op, .maincontent li.li-op { color: #444444; } .maincontent h1.h1-op { font-size: 1.75rem !important; font-weight: bold; color: #132760 !important; margin-bottom: 1.212em; } .maincontent h2.h2-op { font-size: 1.313rem !important; font-weight: bold; margin-bottom: 1.66em; } .maincontent h3.h3-op { font-size: 1.125rem; font-weight: bold; margin-bottom: 1.2em; } .maincontent h4.h4-op { font-size: 1rem!important; margin-bottom: 1.1em; } .maincontent h1.h1-op, /*.maincontent h2.h2-op, .maincontent h3.h3-op, .maincontent h4.h4-op, */ { color: #132760 !important; } .line-below { border-bottom: 0.25rem solid; margin-top: -2rem; width: 35%; } .caption-text { color: #666666; font-size: 0.875rem !important; margin-bottom: 0.5em !important; } /* LISTS */ .maincontent ul.ul-op, .maincontent ol.ol-op { /*margin: 0;*/ } ol.ol-op > li, ul.ul-op > li { margin-bottom: 1rem; } ol.ol-op.feature { list-style: none; counter-reset: op; } ul.ul-op.bullet-none { list-style: none; padding: 0; margin: 0; } ol.ol-op.feature > li { counter-increment: op; display: flex; margin-bottom: 1.5rem; } ol.ol-op.feature > li::before { content: counter(op) " "; font-weight: bold; font-size: 1.5rem; margin-right: 1rem; background-color: #F5F5F5; padding: 1rem; } /* NON STRUCTURAL HEADINGS */ .heading-section { font-size: 1.125rem; color: #112250; margin-bottom: 0.444em; } /* In development .highlight-text-op { border-radius: 0.25rem; padding: 0.25rem 0.5rem; } .highlight-text-op.white { background-color: white; }*/ /* COLOURS */ .maincontent .light-blue-op { background-color: #F0F3F9; } .maincontent .light-grey-op { background-color: #F5F5F5; } .maincontent .white-op { background-color: #FFFFFF; } .maincontent .text-secondary-op { color: #666666; } .maincontent .text-helper-op { color: #757575 !important; } /* CONTAINERS */ .maincontent .card-op { position: relative; padding: 1rem; } /* Card feature */ .maincontent .card-feature { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); background-color: #FFFFFF; padding: 0.75rem; transition: all .2s ease-in-out; } .maincontent .card-feature div > img { width:100%; border-radius: 0.25rem; } .maincontent .card-feature div > a { font-size: 1rem !important; font-weight: bold; color: #3366CC; line-height: 140%; } .maincontent .card-feature div > a:hover { /*text-decoration: none !important;*/ } .maincontent .card-feature .name { font-size: 0.875rem; margin-top: 0.35rem; } .maincontent .card-feature:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* Card feature : END */ /* Card image text stack */ .maincontent .card-stack { position: relative; padding: 0rem; transition: all .2s ease-in-out; } .maincontent .card-stack div > img { width:100%; /*max-width: 295px;*/ /*border: 1px solid #DDDDDD;*/ } .maincontent .card-stack div > a { font-size: 1rem !important; font-weight: bold; color: #3366CC; line-height: 140%; } .maincontent .card-stack div > a:hover { text-decoration: none !important; } .maincontent .card-stack .content { font-size: 0.875rem; margin-top: 0.35rem; } .maincontent .card-stack .content > span { font-weight: bold; } .maincontent .card-stack p.content:nth-child(2) { margin-bottom: 0; } .maincontent .card-stack p.content:nth-child(3) { margin-top: 0; } .maincontent .card-stack:hover { /*outline: 1px solid #4D94FF;*/ } /* Card image text stack : END */ .maincontent .max-width-op { max-width: 175px !important; } .maincontent .section-op-sm, .maincontent .section-op { /*border: 1px dotted grey;*/ margin: 0; } .maincontent .section-op-sm { padding: 1.5rem 0 1.5rem 0; } .maincontent .section-op { padding: 2rem 0 2rem 0; } /* Card shadow */ .maincontent .card-shadow { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #DDDDDD; border-radius: 0.25rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; } .maincontent .card-shadow:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* BUTTONS */ .maincontent a.btn-op { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-align: center; text-decoration: none!important; display: block; padding: 0.75rem 1rem; border-radius: 3px; } .maincontent a.btn-blue-outline-op { border: 1px solid #3366CC!important; color: #3366CC; background-color: transparent; } .maincontent a.btn-blue-outline-op:hover { background-color: #E7EDF9; } .maincontent a.btn-blue-fill-op { border: 1px solid #3366CC; color: #FFFFFF !important; background-color: #3366CC; } .maincontent a.btn-blue-fill-op:hover { background-color: #004494; } /* IMAGES */ .img-feature-round { border-radius: 50%; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -webkit-box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); /* Firefox 3.5 - 3.6 */ -moz-box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ box-shadow: 0px 0px 0px 12px rgba(102, 102, 102, 0.1); } .img-feature-round-orange { box-sizing: border-box; border-radius: 50%; border: 0.25rem solid rgba(255, 153, 51); } .img-feature-round-sky { box-sizing: border-box; border-radius: 50%; border: 0.25rem solid rgba(0, 153, 204); } /* Support elements */ html { scroll-behavior: smooth; } .maincontent .hr-op { height: 1px; /*border: 1px 0 0 0; border-style: solid; border-color: #DDDDDD;*/ background-color: #DDDDDD; margin: 0; padding: 0; } /* Emulate Gap Support with Flexbox and Margins */ .emulated-flex-gap { --gap: 32px; display: inline-flex; flex-wrap: wrap; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap)); width: calc(100% + var(--gap)); } .emulated-flex-gap > * { margin: var(--gap) 0 0 var(--gap); } .see-outlines { border: 1px dotted black; } /* Support elements */ .section-hr { border-bottom: 1px solid #DDDDDD; } /* ICONS */ /* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"); */ /*********** Medium ***********/ @media screen and (min-width: 768px) { .flex-gap > div, .emulated-flex-gap > div { flex: 1; } /* CONTAINERS */ .maincontent .max-width-op { max-width: 350px !important; } /* LISTS */ ol.ol-op.feature > li::before { font-size: 2rem; margin-right: 1.5rem; padding: 2rem; } } /*********** Large ***********/ @media screen and (min-width: 992px) { .maincontent h1.h1-op { font-size: 2.063rem !important; } .maincontent h2.h2-op { font-size: 1.5rem !important; } .maincontent h3.h3-op { font-size: 1.25rem; } /* CONTAINERS */ .maincontent .card-op { padding: 1.5rem; } .maincontent .section-op-sm { padding: 2rem 0 2rem 0; } .maincontent .section-op { padding: 4rem 0 4rem 0; } /* Support elements */ } /*********** ANIMATIONS ***********/ @media screen and (max-width: 650px) { .js-scroll { opacity: 0; transition: opacity 500ms; } .js-scroll.scrolled { opacity: 1; } .scrolled.fade-in { animation: fade-in 1s ease-in-out both; } .scrolled.fade-in-bottom { animation: fade-in-bottom 1s ease-in-out both; } .scrolled.fade-in-top { animation: fade-in-top 0.4s ease-out both; } .scrolled.slide-left { animation: slide-in-left 1s ease-in-out both; } .scrolled.slide-in-right { animation: slide-in-right 0.40s ease-in-out both; } .scrolled.zoom-in { animation: zoom-in 0.4s ease-in-out both; } @keyframes zoom-in { 0% { -webkit-transform: scale(0.95); transform: scale(0.95) opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } </style> <style data-senna-track="temporary" type="text/css"> #p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t_ .portlet-content { } </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=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/opportal/opportal.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/mainsearch.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/documentRating.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000" type="text/javascript"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/twitterWidget.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000" type="text/javascript"></script> <script type="text/javascript"> AUI().use('aui-viewport'); AUI().use("node", function (navContent) { var node = navContent.one(".temporary"); var destinationNode = navContent.one(".font_btn_en"); try{ destinationNode.html(node.get("value").split("_")[0].toUpperCase()) }catch(e) {} }); </script> <script> var cl = document.querySelector('html').classList; cl.remove('no-js'); cl.add('has-js'); </script> <link rel="stylesheet" href="https://op.europa.eu/o/OPPortalEE/css/ecl-eu.css?browserId=ie&themeId=opportalee_WAR_OPPortalEE&minifierType=css&languageId=en_GB&t=1732208786000" 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: #671908; --gs-base-color-fire-120: #9E270C; --gs-base-color-fire-110: #DA3510; /* accessible */ --gs-base-color-fire-100: #EE441E; --gs-base-color-fire-75: #F09187; --gs-base-color-fire-50: #F8AE9E; --gs-base-color-fire-25: #FFDDD4; --gs-base-color-fire-10: #FDEDE9; /* bg */ --gs-base-color-fire-5: #FEF6F4; /* bg */ /*** Core *** /* Gray */ --gs-base-color-gray-100: #333333; /* accessible */ --gs-base-color-gray-75: #666666; /* accessible */ --gs-base-color-gray-60: #858585; /* Borders */ --gs-base-color-gray-45: #A3A3A3; --gs-base-color-gray-30: #C2C2C2; /* Disabled */ --gs-base-color-gray-20: #D8D8D8; /* line */ --gs-base-color-gray-15: #E0E0E0; --gs-base-color-gray-10: #EEEEEE; /* bg */ --gs-base-color-gray-5: #F5F5F5; /* bg */ /* White */ --gs-base-color-white: #FFFFFF; /* Link */ --gs-base-color-link-110: var(--gs-base-color-eu-blue-110); /* accessible */ --gs-base-color-link-100: var(--gs-base-color-eu-blue-100); /* accessible */ --gs-base-color-link-75: #668CD9; --gs-base-color-link-50: #99B2E5; --gs-base-color-link-25: #CCD9F2; --gs-base-color-link-10: var(--gs-base-color-eu-blue-10); /* bg for link hover */ --gs-base-color-link-5: var(--gs-base-color-eu-blue-5); /* bg for link */ /*** OP ***/ /* opblue */ --gs-base-color-opblue-110: #002E8A; --gs-base-color-opblue-100: #003399; --gs-base-color-opblue-75: #4066B2; --gs-base-color-opblue-50: #8099CC; --gs-base-color-opblue-25: #BFCCE5; --gs-base-color-opblue-10: #E8EDF6; /* bg */ --gs-base-color-opblue-5: #F0F3F9; /* bg */ /* opyellow */ --gs-base-color-opyellow-110: #EBBC00; --gs-base-color-opyellow-100: #FFCC00; --gs-base-color-opyellow-75: #FFD940; --gs-base-color-opyellow-50: #FFE580; --gs-base-color-opyellow-25: #FFEDA4; --gs-base-color-opyellow-10: #FFF5CC; /* bg */ --gs-base-color-opyellow-5: #FFFAE5; /* bg */ /* Functional */ --gs-base-color-error-100: #BB0202; --gs-base-color-error-75: #FF0000; --gs-base-color-highlight-100: #FFFD38; /*** EU harmonised colors ****/ --gs-base-color-eu-blue-5: #F3F6FC; /* bg light (default) colour: footer, containers */ --gs-base-color-eu-blue-10: #E7EDFA; /* bg dark colour for containers */ --gs-base-color-eu-blue-20: #CFDAF5; /* horizontal dividers */ --gs-base-color-eu-blue-60: #6E91E0; /* header nav vertical divider */ --gs-base-color-eu-blue-80: #3E6CD5; /* button hover state */ --gs-base-color-eu-blue-100: #0E47CB; /* link, main nav gradient light */ --gs-base-color-eu-blue-110: #0D40B7; /* OP link button hover */ --gs-base-color-eu-blue-140: #082B7A; /* text link hover, main nav gradient dark */ --gs-base-color-eu-gray-80: #515560; /* site name, inactive breadcrumbs */ --gs-base-color-eu-gray-100: #262B38; /* form border */ --gs-base-color-eu-gray-140: #171A22; /* footer "black" text */ } /*** Colour classes ***/ /* color: */ .gs-u-color-main-100 { color: var(--gs-base-color-main-100); } .gs-u-color-main-75 { color: var(--gs-base-color-main-75); } .gs-u-color-sky-130, .gs-u-color-eurlex-130 { color: var(--gs-base-color-eurlex-130); } .gs-u-color-sky-120, .gs-u-color-eurlex-120 { color: var(--gs-base-color-eurlex-120); } .gs-u-color-sky-110, .gs-u-color-eurlex-110 { color: var(--gs-base-color-eurlex-110); } .gs-u-color-sky-100, .gs-u-color-eurlex-100 { color: var(--gs-base-color-eurlex-100); } .gs-u-color-sky-75, .gs-u-color-eurlex-75 { color: var(--gs-base-color-eurlex-75); } .gs-u-color-sky-50, .gs-u-color-eurlex-50 { color: var(--gs-base-color-eurlex-50); } .gs-u-color-sky-25, .gs-u-color-eurlex-25 { color: var(--gs-base-color-eurlex-25); } .gs-u-color-sky-10, .gs-u-color-eurlex-10 { color: var(--gs-base-color-eurlex-10); } .gs-u-color-sky-5, .gs-u-color-eurlex-5 { color: var(--gs-base-color-eurlex-5); } .gs-u-color-data-130 { color: var(--gs-base-color-data-130); } .gs-u-color-data-120 { color: var(--gs-base-color-data-120); } .gs-u-color-data-110 { color: var(--gs-base-color-data-110); } .gs-u-color-data-100 { color: var(--gs-base-color-data-100); } .gs-u-color-data-75 { color: var(--gs-base-color-data-75); } .gs-u-color-data-50 { color: var(--gs-base-color-data-50); } .gs-u-color-data-25 { color: var(--gs-base-color-data-25); } .gs-u-color-data-10 { color: var(--gs-base-color-data-10); } .gs-u-color-data-5 { color: var(--gs-base-color-data-5); } .gs-u-color-forest-130 { color: var(--gs-base-color-forest-130); } .gs-u-color-forest-120 { color: var(--gs-base-color-forest-120); } .gs-u-color-forest-110 { color: var(--gs-base-color-forest-110); } .gs-u-color-forest-100 { color: var(--gs-base-color-forest-100); } .gs-u-color-forest-75 { color: var(--gs-base-color-forest-75); } .gs-u-color-forest-50 { color: var(--gs-base-color-forest-50); } .gs-u-color-forest-25 { color: var(--gs-base-color-forest-25); } .gs-u-color-forest-10 { color: var(--gs-base-color-forest-10); } .gs-u-color-forest-5 { color: var(--gs-base-color-forest-5); } .gs-u-color-earth-130 { color: var(--gs-base-color-earth-130); } .gs-u-color-earth-120 { color: var(--gs-base-color-earth-120); } .gs-u-color-earth-110 { color: var(--gs-base-color-earth-110); } .gs-u-color-earth-100 { color: var(--gs-base-color-earth-100); } .gs-u-color-earth-75 { color: var(--gs-base-color-earth-75); } .gs-u-color-earth-50 { color: var(--gs-base-color-earth-50); } .gs-u-color-earth-25 { color: var(--gs-base-color-earth-25); } .gs-u-color-earth-10 { color: var(--gs-base-color-earth-10); } .gs-u-color-earth-5 { color: var(--gs-base-color-earth-5); } .gs-u-color-lavender-130 { color: var(--gs-base-color-lavender-130); } .gs-u-color-lavender-120 { color: var(--gs-base-color-lavender-120); } .gs-u-color-lavender-110 { color: var(--gs-base-color-lavender-110); } .gs-u-color-lavender-100 { color: var(--gs-base-color-lavender-100); } .gs-u-color-lavender-75 { color: var(--gs-base-color-lavender-75); } .gs-u-color-lavender-50 { color: var(--gs-base-color-lavender-50); } .gs-u-color-lavender-25 { color: var(--gs-base-color-lavender-25); } .gs-u-color-lavender-10 { color: var(--gs-base-color-lavender-10); } .gs-u-color-lavender-5 { color: var(--gs-base-color-lavender-5); } .gs-u-color-fire-130 { color: var(--gs-base-color-fire-130); } .gs-u-color-fire-120 { color: var(--gs-base-color-fire-120); } .gs-u-color-fire-110 { color: var(--gs-base-color-fire-110); } .gs-u-color-fire-100 { color: var(--gs-base-color-fire-100); } .gs-u-color-fire-75 { color: var(--gs-base-color-fire-75); } .gs-u-color-fire-50 { color: var(--gs-base-color-fire-50); } .gs-u-color-fire-25 { color: var(--gs-base-color-fire-25); } .gs-u-color-fire-10 { color: var(--gs-base-color-fire-10); } .gs-u-color-fire-5 { color: var(--gs-base-color-fire-5); } .gs-u-color-gray-100 { color: var(--gs-base-color-gray-100); } .gs-u-color-gray-75 { color: var(--gs-base-color-gray-75); } .gs-u-color-gray-60 { color: var(--gs-base-color-gray-60); } .gs-u-color-gray-45 { color: var(--gs-base-color-gray-45); } .gs-u-color-gray-30 { color: var(--gs-base-color-gray-30); } .gs-u-color-gray-20 { color: var(--gs-base-color-gray-20); } .gs-u-color-gray-15 { color: var(--gs-base-color-gray-15); } .gs-u-color-gray-10 { color: var(--gs-base-color-gray-10); } .gs-u-color-gray-5 { color: var(--gs-base-color-gray-5); } .gs-u-color-link-110 { color: var(--gs-base-color-link-110); } .gs-u-color-link-100 { color: var(--gs-base-color-link-100); } .gs-u-color-link-75 { color: var(--gs-base-color-link-75); } .gs-u-color-link-50 { color: var(--gs-base-color-link-50); } .gs-u-color-link-25 { color: var(--gs-base-color-link-25); } .gs-u-color-link-10 { color: var(--gs-base-color-link-10); } .gs-u-color-link-5 { color: var(--gs-base-color-link-5); } .gs-u-color-opblue-110 { color: var(--gs-base-color-opblue-110); } .gs-u-color-opblue-100 { color: var(--gs-base-color-opblue-100); } .gs-u-color-opblue-75 { color: var(--gs-base-color-opblue-75); } .gs-u-color-opblue-50 { color: var(--gs-base-color-opblue-50); } .gs-u-color-opblue-25 { color: var(--gs-base-color-opblue-25); } .gs-u-color-opblue-10 { color: var(--gs-base-color-opblue-10); } .gs-u-color-opblue-5 { color: var(--gs-base-color-opblue-5); } .gs-u-color-opyellow-110 { color: var(--gs-base-color-opyellow-110); } .gs-u-color-opyellow-100 { color: var(--gs-base-color-opyellow-100); } .gs-u-color-opyellow-75 { color: var(--gs-base-color-opyellow-75); } .gs-u-color-opyellow-50 { color: var(--gs-base-color-opyellow-50); } .gs-u-color-opyellow-25 { color: var(--gs-base-color-opyellow-25); } .gs-u-color-opyellow-10 { color: var(--gs-base-color-opyellow-10); } .gs-u-color-opyellow-5 { color: var(--gs-base-color-opyellow-5); } /* color eu harmonised: */ .gs-u-color-eu-blue-5 { color: var(--gs-base-color-eu-blue-5); } .gs-u-color-eu-blue-20 { color: var(--gs-base-color-eu-blue-20); } .gs-u-color-eu-blue-60 { color: var(--gs-base-color-eu-blue-60); } .gs-u-color-eu-blue-80 { color: var(--gs-base-color-eu-blue-80); } .gs-u-color-eu-blue-100 { color: var(--gs-base-color-eu-blue-100); } .gs-u-color-eu-blue-140 { color: var(--gs-base-color-eu-blue-140); } .gs-u-color-eu-gray-80 { color: var(--gs-base-color-eu-gray-80); } .gs-u-color-eu-gray-100 { color: var(--gs-base-color-eu-gray-100); } .gs-u-color-eu-gray-140 { color: var(--gs-base-color-eu-gray-140); } /*** background-color: ***/ .eu-u-bg-color-blue-100 { background-color: var(--gs-base-color-main-100); } .gs-u-bg-color-main-75 { background-color: var(--gs-base-color-main-75); } .gs-u-bg-color-eurlex-130 { background-color: var(--gs-base-color-eurlex-130); } .gs-u-bg-color-eurlex-120 { background-color: var(--gs-base-color-eurlex-120); } .gs-u-bg-color-eurlex-110 { background-color: var(--gs-base-color-eurlex-110); } .gs-u-bg-color-eurlex-100 { background-color: var(--gs-base-color-eurlex-100); } .gs-u-bg-color-eurlex-75 { background-color: var(--gs-base-color-eurlex-75); } .gs-u-bg-color-eurlex-50 { background-color: var(--gs-base-color-eurlex-50); } .gs-u-bg-color-eurlex-25 { background-color: var(--gs-base-color-eurlex-25); } .gs-u-bg-color-eurlex-10 { background-color: var(--gs-base-color-eurlex-10); } .gs-u-bg-color-eurlex-5 { background-color: var(--gs-base-color-eurlex-5); } .gs-u-bg-color-data-130 { background-color: var(--gs-base-color-data-130); } .gs-u-bg-color-data-120 { background-color: var(--gs-base-color-data-120); } .gs-u-bg-color-data-110 { background-color: var(--gs-base-color-data-110); } .gs-u-bg-color-data-100 { background-color: var(--gs-base-color-data-100); } .gs-u-bg-color-data-75 { background-color: var(--gs-base-color-data-75); } .gs-u-bg-color-data-50 { background-color: var(--gs-base-color-data-50); } .gs-u-bg-color-data-25 { background-color: var(--gs-base-color-data-25); } .gs-u-bg-color-data-10 { background-color: var(--gs-base-color-data-10); } .gs-u-bg-color-data-5 { background-color: var(--gs-base-color-data-5); } .gs-u-bg-color-forest-130 { background-color: var(--gs-base-color-forest-130); } .gs-u-bg-color-forest-120 { background-color: var(--gs-base-color-forest-120); } .gs-u-bg-color-forest-110 { background-color: var(--gs-base-color-forest-110); } .gs-u-bg-color-forest-100 { background-color: var(--gs-base-color-forest-100); } .gs-u-bg-color-forest-75 { background-color: var(--gs-base-color-forest-75); } .gs-u-bg-color-forest-50 { background-color: var(--gs-base-color-forest-50); } .gs-u-bg-color-forest-25 { background-color: var(--gs-base-color-forest-25); } .gs-u-bg-color-forest-10 { background-color: var(--gs-base-color-forest-10); } .gs-u-bg-color-forest-5 { background-color: var(--gs-base-color-forest-5); } .gs-u-bg-color-earth-130 { background-color: var(--gs-base-color-earth-130); } .gs-u-bg-color-earth-120 { background-color: var(--gs-base-color-earth-120); } .gs-u-bg-color-earth-110 { background-color: var(--gs-base-color-earth-110); } .gs-u-bg-color-earth-100 { background-color: var(--gs-base-color-earth-100); } .gs-u-bg-color-earth-75 { background-color: var(--gs-base-color-earth-75); } .gs-u-bg-color-earth-50 { background-color: var(--gs-base-color-earth-50); } .gs-u-bg-color-earth-25 { background-color: var(--gs-base-color-earth-25); } .gs-u-bg-color-earth-10 { background-color: var(--gs-base-color-earth-10); } .gs-u-bg-color-earth-5 { background-color: var(--gs-base-color-earth-5); } .gs-u-bg-color-lavender-130 { background-color: var(--gs-base-color-lavender-130); } .gs-u-bg-color-lavender-120 { background-color: var(--gs-base-color-lavender-120); } .gs-u-bg-color-lavender-110 { background-color: var(--gs-base-color-lavender-110); } .gs-u-bg-color-lavender-100 { background-color: var(--gs-base-color-lavender-100); } .gs-u-bg-color-lavender-75 { background-color: var(--gs-base-color-lavender-75); } .gs-u-bg-color-lavender-50 { background-color: var(--gs-base-color-lavender-50); } .gs-u-bg-color-lavender-25 { background-color: var(--gs-base-color-lavender-25); } .gs-u-bg-color-lavender-10 { background-color: var(--gs-base-color-lavender-10); } .gs-u-bg-color-lavender-5 { background-color: var(--gs-base-color-lavender-5); } .gs-u-bg-color-fire-130 { background-color: var(--gs-base-color-fire-130); } .gs-u-bg-color-fire-120 { background-color: var(--gs-base-color-fire-120); } .gs-u-bg-color-fire-110 { background-color: var(--gs-base-color-fire-110); } .gs-u-bg-color-fire-100 { background-color: var(--gs-base-color-fire-100); } .gs-u-bg-color-fire-75 { background-color: var(--gs-base-color-fire-75); } .gs-u-bg-color-fire-50 { background-color: var(--gs-base-color-fire-50); } .gs-u-bg-color-fire-25 { background-color: var(--gs-base-color-fire-25); } .gs-u-bg-color-fire-10 { background-color: var(--gs-base-color-fire-10); } .gs-u-bg-color-fire-5 { background-color: var(--gs-base-color-fire-5); } .gs-u-bg-color-gray-100 { background-color: var(--gs-base-color-gray-100); } .gs-u-bg-color-gray-75 { background-color: var(--gs-base-color-gray-75); } .gs-u-bg-color-gray-60 { background-color: var(--gs-base-color-gray-60); } .gs-u-bg-color-gray-45 { background-color: var(--gs-base-color-gray-45); } .gs-u-bg-color-gray-30 { background-color: var(--gs-base-color-gray-30); } .gs-u-bg-color-gray-20 { background-color: var(--gs-base-color-gray-20); } .gs-u-bg-color-gray-15 { background-color: var(--gs-base-color-gray-15); } .gs-u-bg-color-gray-10 { background-color: var(--gs-base-color-gray-10); } .gs-u-bg-color-gray-5 { background-color: var(--gs-base-color-gray-5); } .gs-u-bg-color-link-110 { background-color: var(--gs-base-color-link-110); } .gs-u-bg-color-link-100 { background-color: var(--gs-base-color-link-100); } .gs-u-bg-color-link-75 { background-color: var(--gs-base-color-link-75); } .gs-u-bg-color-link-50 { background-color: var(--gs-base-color-link-50); } .gs-u-bg-color-link-25 { background-color: var(--gs-base-color-link-25); } .gs-u-bg-color-link-10 { background-color: var(--gs-base-color-link-10); } .gs-u-bg-color-link-5 { background-color: var(--gs-base-color-link-5); } .gs-u-bg-color-opblue-110 { background-color: var(--gs-base-color-opblue-110); } .gs-u-bg-color-opblue-100 { background-color: var(--gs-base-color-opblue-100); } .gs-u-bg-color-opblue-75 { background-color: var(--gs-base-color-opblue-75); } .gs-u-bg-color-opblue-50 { background-color: var(--gs-base-color-opblue-50); } .gs-u-bg-color-opblue-25 { background-color: var(--gs-base-color-opblue-25); } .gs-u-bg-color-opblue-10 { background-color: var(--gs-base-color-opblue-10); } .gs-u-bg-color-opblue-5 { background-color: var(--gs-base-color-opblue-5); } .gs-u-bg-color-opyellow-110 { background-color: var(--gs-base-color-opyellow-110); } .gs-u-bg-color-opyellow-100 { background-color: var(--gs-base-color-opyellow-100); } .gs-u-bg-color-opyellow-75 { background-color: var(--gs-base-color-opyellow-75); } .gs-u-bg-color-opyellow-50 { background-color: var(--gs-base-color-opyellow-50); } .gs-u-bg-color-opyellow-25 { background-color: var(--gs-base-color-opyellow-25); } .gs-u-bg-color-opyellow-10 { background-color: var(--gs-base-color-opyellow-10); } .gs-u-bg-color-opyellow-5 { background-color: var(--gs-base-color-opyellow-5); } /* background-color eu harmonised: */ .gs-u-bg-color-eu-blue-5 { background-color: var(--gs-base-color-eu-blue-5); } .gs-u-bg-color-eu-blue-20 { background-color: var(--gs-base-color-eu-blue-20); } .gs-u-bg-color-eu-blue-60 { background-color: var(--gs-base-color-eu-blue-60); } .gs-u-bg-color-eu-blue-80 { background-color: var(--gs-base-color-eu-blue-80); } .gs-u-bg-color-eu-blue-100 { color: var(--gs-base-color-eu-blue-100); } .gs-u-bg-color-eu-blue-140 { background-color: var(--gs-base-color-eu-blue-140); } .gs-u-bg-color-eu-gray-80 { background-color: var(--gs-base-color-eu-gray-80); } .gs-u-bg-color-eu-gray-100 { background-color: var(--gs-base-color-eu-gray-100); } .gs-u-bg-color-eu-gray-140 { background-color: var(--gs-base-color-eu-gray-140); } /****** TYPOGRAPHY ******/ /* Font family settings */ body .gcss-op { font:var(--gs-base-font-weight-default) var(--gs-base-font-size-m) var(--gs-base-font-family-default) !important; color: var(--gs-base-color-gray-100); } /* Content max-width for optimal reading */ .gcss-op h1, .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6, .gcss-op p, .gcss-op ul, .gcss-op ol { max-width: 850px; } /* Headings */ .gcss-op h1, .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6 { font-family: var(--gs-base-font-family-heading)!important; font-weight: var(--gs-base-font-weight-heading); line-height: var(--gs-base-line-height-s)!important; } /* Top and bottom margin */ .gcss-op h2, .gcss-op h3, .gcss-op h4, .gcss-op h5, .gcss-op h6 { margin-top:var(--gs-base-spacing-xl); margin-bottom:var(--gs-base-spacing-l)!important; } .gcss-op h2:first-child, .gcss-op h3:first-child, .gcss-op h4:first-child, .gcss-op h5:first-child, .gcss-op h6:first-child { margin-top: 0; } /* Fix for pages with multiple WCE */ .gcss-op .gs-h-margin-top { margin-top:var(--gs-base-spacing-l)!important; } .gcss-op h1 { font-size: var(--gs-base-font-size-4xl) !important; margin-bottom: var(--gs-base-spacing-l)!important; } .gcss-op h1:not(.site-class-10157494 .gcss-op h1, .site-class-2448002.page-class-may .gcss-op h1) { /*eu h1 border-bottom: 2px solid var(--gs-base-color-eu-blue-20); padding-bottom: 0.65rem; font-weight: var(--gs-base-font-family-default)!important; max-width: unset;*/ } .gcss-op h2 { font-size: var(--gs-base-font-size-3xl) !important; font-weight: var(--gs-base-font-weight-heading); /* margin-top: 1.66em; */ } .gcss-op h3 { font-size: var(--gs-base-font-size-2xl)!important; font-weight: var(--gs-base-font-weight-heading); /*margin-top: 1.2em;*/ } .gcss-op h4 { font-size: var(--gs-base-font-size-xl)!important; /* margin-top: 1.1em; */ } .gcss-op h5 { font-size: var(--gs-base-font-size-l)!important; } .gcss-op h6 { font-size: var(--gs-base-font-size-m)!important; } /****** Heading sizes: Default, S, XS ******/ /*** Publicare heading-s ***/ .site-class-7955863 #maincontentarea .gcss-op h1, .site-class-7955863 #maincontentarea .gcss-op h2, .site-class-7955863 #maincontentarea .gcss-op h3, .site-class-7955863 #maincontentarea .gcss-op h4, .site-class-7955863 #maincontentarea .gcss-op h5 { margin-bottom:var(--gs-base-spacing-m)!important; } .site-class-7955863 .gcss-op h1 { font-size: var(--gs-base-font-size-3xl) !important; } .site-class-7955863 .gcss-op h2 { font-size: var(--gs-base-font-size-2xl) !important; } .site-class-7955863 .gcss-op h3 { font-size: var(--gs-base-font-size-xl) !important; } .site-class-7955863 .gcss-op h4 { font-size: var(--gs-base-font-size-l) !important; } .site-class-7955863 .gcss-op h5 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading S ***/ .gcss-op.gs-heading-s h1, .gcss-op.gs-heading-s h2, .gcss-op.gs-heading-s h3, .gcss-op.gs-heading-s h4, .gcss-op.gs-heading-s h5, .gcss-op .gs-heading-s h1, .gcss-op .gs-heading-s h2, .gcss-op .gs-heading-s h3, .gcss-op .gs-heading-s h4, .gcss-op .gs-heading-s h5 { margin-bottom:var(--gs-base-spacing-m)!important; } .gcss-op.gs-heading-s h1, .gcss-op .gs-heading-s h1 { font-size: var(--gs-base-font-size-3xl) !important; } .gcss-op.gs-heading-s h2, .gcss-op .gs-heading-s h2 { font-size: var(--gs-base-font-size-2xl) !important; } .gcss-op.gs-heading-s h3, .gcss-op .gs-heading-s h3 { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op.gs-heading-s h4, .gcss-op .gs-heading-s h4 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-s h5, .gcss-op .gs-heading-s h5 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading XS ***/ .gcss-op.gs-heading-xs h1, .gcss-op.gs-heading-xs h2, .gcss-op.gs-heading-xs h3, .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h1, .gcss-op .gs-heading-xs h2, .gcss-op .gs-heading-xs h3, .gcss-op .gs-heading-xs h4 { margin-bottom:var(--gs-base-spacing-s)!important; /*color:var(--gs-base-color-gray-100);*/ } .gcss-op.gs-heading-xs h2, .gcss-op.gs-heading-xs h3, .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h2, .gcss-op .gs-heading-xs h3, .gcss-op .gs-heading-xs h4 { margin-top:var(--gs-base-spacing-m); } .gcss-op.gs-heading-xs h2:first-child, .gcss-op.gs-heading-xs h3:first-child, .gcss-op.gs-heading-xs h4:first-child, .gcss-op .gs-heading-xs h2:first-child, .gcss-op .gs-heading-xs h3:first-child, .gcss-op .gs-heading-xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-xs h1, .gcss-op .gs-heading-xs h1 { font-size: var(--gs-base-font-size-2xl) !important; } .gcss-op.gs-heading-xs h2, .gcss-op .gs-heading-xs h2 { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op.gs-heading-xs h3, .gcss-op .gs-heading-xs h3 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-xs h4, .gcss-op .gs-heading-xs h4 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading 2XS ***/ .gcss-op.gs-heading-2xs h1, .gcss-op.gs-heading-2xs h2, .gcss-op.gs-heading-2xs h3, .gcss-op.gs-heading-2xs h4, .gcss-op .gs-heading-2xs h1, .gcss-op .gs-heading-2xs h2, .gcss-op .gs-heading-2xs h3, .gcss-op .gs-heading-2xs h4 { margin-bottom:var(--gs-base-spacing-xs)!important; /*color:var(--gs-base-color-gray-100);*/ } .gcss-op.gs-heading-2xs h2, .gcss-op.gs-heading-2xs h3, .gcss-op.gs-heading-2xs h4, .gcss-op .gs-heading-2xs h2, .gcss-op .gs-heading-2xs h3, .gcss-op .gs-heading-2xs h4 { margin-top:var(--gs-base-spacing-s); } .gcss-op.gs-heading-2xs h2:first-child, .gcss-op.gs-heading-2xs h3:first-child, .gcss-op.gs-heading-2xs h4:first-child, .gcss-op .gs-heading-2xs h2:first-child, .gcss-op .gs-heading-2xs h3:first-child, .gcss-op .gs-heading-2xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-2xs h1, .gcss-op .gs-heading-2xs h1 { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op.gs-heading-2xs h2, .gcss-op .gs-heading-2xs h2 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-2xs h3, .gcss-op .gs-heading-2xs h3 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading 3XS ***/ .gcss-op.gs-heading-3xs h1, .gcss-op.gs-heading-3xs h2, .gcss-op.gs-heading-3xs h3, .gcss-op.gs-heading-3xs h4, .gcss-op .gs-heading-3xs h1, .gcss-op .gs-heading-3xs h2, .gcss-op .gs-heading-3xs h3, .gcss-op .gs-heading-3xs h4 { margin-bottom:var(--gs-base-spacing-xs)!important; /*color:var(--gs-base-color-gray-100);*/ } .gcss-op.gs-heading-3xs h2, .gcss-op.gs-heading-3xs h3, .gcss-op.gs-heading-3xs h4, .gcss-op .gs-heading-3xs h2, .gcss-op .gs-heading-3xs h3, .gcss-op .gs-heading-3xs h4 { margin-top:var(--gs-base-spacing-s); } .gcss-op.gs-heading-3xs h2:first-child, .gcss-op.gs-heading-3xs h3:first-child, .gcss-op.gs-heading-3xs h4:first-child, .gcss-op .gs-heading-3xs h2:first-child, .gcss-op .gs-heading-3xs h3:first-child, .gcss-op .gs-heading-3xs h4:first-child { margin-top:0; } .gcss-op.gs-heading-3xs h1, .gcss-op .gs-heading-3xs h1 { font-size: var(--gs-base-font-size-l) !important; } .gcss-op.gs-heading-3xs h2, .gcss-op .gs-heading-3xs h2 { font-size: var(--gs-base-font-size-m) !important; } /*** Heading Q&A ***/ .gcss-op.gs-heading-qna p, .gcss-op.gs-heading-qna ul, .gcss-op.gs-heading-qna ol, .gcss-op.gs-heading-qna li { line-height: var(--gs-base-line-height-xl) !important; margin-bottom:var(--gs-base-spacing-2xs); } .gcss-op.gs-heading-qna h2, .gcss-op.gs-heading-qna h3, .gcss-op.gs-heading-qna h4, .gcss-op .gs-heading-qna h2, .gcss-op .gs-heading-qna h3, .gcss-op .gs-heading-qna h4 { margin-top:var(--gs-base-spacing-l); color: var(--gs-base-color-gray-100); } .gcss-op.gs-heading-qna h2:first-child, .gcss-op.gs-heading-qna h3:first-child, .gcss-op.gs-heading-qna h4:first-child, .gcss-op .gs-heading-qna h2:first-child, .gcss-op .gs-heading-qna h3:first-child, .gcss-op .gs-heading-qna h4:first-child { margin-top:0; } .gcss-op.gs-heading-qna h2, .gcss-op .gs-heading-qna h2 { font-size: var(--gs-base-font-size-l) !important; margin-bottom:0!important; line-height: var(--gs-base-line-height-xl) !important; } .gcss-op.gs-heading-qna h3, .gcss-op .gs-heading-qna h3 { font-size: var(--gs-base-font-size-m) !important; } /* (V2) Underline X% for special H1, H2, H3, H4... 50% width of the text ONLY */ .gcss-op .gs-heading-underline { display: inline-block; position: relative; } .gcss-op .gs-heading-underline:after { content: ""; height: 0.11em; width: 30%; background-color: inherit; position: absolute; bottom: -0.4em; left: 0px; } /* (V1) Underline 50% for special H1, H2, H3, H4... 35% width of the full width of block element */ .gcss-op .line-below { border-bottom: 0.25rem solid; margin-top: -2rem; width: 35%; } /* Headings Line above */ .gcss-op h1.gs-h-line-above, .gcss-op h2.gs-h-line-above, .gcss-op h3.gs-h-line-above, .gcss-op h4.gs-h-line-above, .gcss-op h5.gs-h-line-above, .gcss-op h6.gs-h-line-above { font-size: var(--gs-base-font-size-m)!important; line-height: var(--gs-base-line-height-s)!important; color: var(--gs-base-color-gray-100)!important; text-transform: uppercase; border-top: 2px solid var(--gs-base-color-gray-100); padding: 0.75em 0 0.60em 0; margin:0!important; max-width: unset; } /* Body text */ .gcss-op p, .gcss-op ul, .gcss-op ol, .gcss-op li { font-size: var(--gs-base-font-size-m)!important; line-height: var(--gs-base-line-height-xl) !important; color: var(--gs-base-color-gray-100); } .gcss-op p span { font-size: inherit; line-height: inherit; /*color: inherit;*/ } /* Font sizes */ .gcss-op .gs-u-font-size-2xs { font-size: var(--gs-base-font-size-2xs) !important; } .gcss-op .gs-u-font-size-s, .gcss-op .gs-font-sm, .gcss-op .font-s { font-size: var(--gs-base-font-size-s) !important; } .gcss-op .gs-u-font-size-m { font-size: var(--gs-base-font-size-m) !important; } .gcss-op .gs-u-font-size-l, .gcss-op .gs-font-lg, .gcss-op .font-l { font-size: var(--gs-base-font-size-l) !important; } .gcss-op .gs-u-font-size-xl { font-size: var(--gs-base-font-size-xl) !important; } .gcss-op .gs-u-font-size-2xl { font-size: var(--gs-base-font-size-2xl) !important; } .gcss-op .gs-u-font-size-3xl { font-size: var(--gs-base-font-size-3xl) !important; } .gcss-op .gs-u-font-size-4xl { font-size: var(--gs-base-font-size-4xl) !important; } .gcss-op .gs-u-font-size-5xl { font-size: var(--gs-base-font-size-5xl) !important; } .gcss-op .gs-u-font-size-6xl { font-size: var(--gs-base-font-size-6xl) !important; } .gcss-op .gs-u-font-size-xs { font-size: var(--gs-base-font-size-xs) !important; } .gcss-op .gs-u-font-size-sp-15 { font-size: var(--gs-base-font-size-sp-15) !important; } /* Line heights */ .gcss-op .gs-u-line-height-xs { line-height: var(--gs-base-line-height-xs) !important; } .gcss-op .gs-u-line-height-s { line-height: var(--gs-base-line-height-s) !important; } .gcss-op .gs-u-line-height-m { line-height: var(--gs-base-line-height-m) !important; } .gcss-op .gs-u-line-height-l { line-height: var(--gs-base-line-height-l) !important; } .gcss-op .gs-u-line-height-xl { line-height: var(--gs-base-line-height-xl) !important; } .gcss-op .gs-u-line-height-2xl { line-height: var(--gs-base-line-height-2xl) !important; } /* Disabled text */ .gcss-op .gs-disabled-text { color: var(--gs-base-color-gray-30); } /* Links (text) */ .gcss-op p a, .gcss-op li a, .gcss-op h2 a, .gcss-op h3 a, .gcss-op h4 a { font-size: inherit; } .gcss-op a:link, .gcss-op a:visited { color: var(--gs-base-color-link-100); text-decoration: underline; text-underline-offset: 0.15em!important; text-decoration-thickness: 1px!important; } .gcss-op a:hover, .gcss-op a:active { text-decoration: none; } .gcss-op a:focus, .gcss-op a:active { outline: unset!important; } .gcss-op a:focus-visible { outline: 2px solid var(--gs-base-color-link-100)!important; outline-offset: 4px; border-radius: 0.015rem; -moz-outline-radius: 0.015rem; } .gcss-op .gs-link-external { display: inline-block; margin-left: 0.5em; margin-right: 0.5em; font-size: 0.75em; } /* Forum Gazette */ .site-class-2895081 #maincontent a:focus-visible { outline: 2px solid var(--gs-base-color-link-100)!important; outline-offset: 4px; border-radius: 0.015rem; -moz-outline-radius: 0.015rem; } /* List */ .gcss-op li { margin-bottom: 0.4em!important; } .gcss-op li ul { margin-top: 0.4em!important; } /* List modifiers */ /* TEST OL style */ .gcss-op ol.gs-feature2 { /*max-width: 350px;*/ counter-reset: gs-ordered-list; list-style: none; padding-left: 40px; } ol.gs-feature2 li { margin: 0 0 0.5rem 0; counter-increment: gs-ordered-list; position: relative; } ol.gs-feature2 li::before { content: counter(gs-ordered-list); color:var(--gs-base-color-gray-75); font-size: var(--gs-base-font-size-xl); font-weight: bold; position: absolute; --size: 20px; left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 0; /*transform: rotate(-10deg); background: black; border-radius: 50%; text-align: center; box-shadow: 1px 1px 0 #999;*/ border-right: 1px solid #949494; /*padding: 0 1rem 0rem 1.5rem;*/ } /* TEST OL style END */ .gcss-op ul.gs-bullet-none, .gcss-op ul.bullet-none { list-style: none; padding: 0; margin: 0; } .gcss-op ol.gs-feature, .gcss-op ol.feature { list-style: none; padding-left: 0; counter-reset: op; } .gcss-op ol.gs-feature > li, .gcss-op ol.feature > li { counter-increment: op; display: flex; margin-bottom: 1.5rem } .gcss-op ol.gs-feature > li:before, .gcss-op ol.feature > li:before { content: counter(op) " "; font-weight: bold; color: var(--gs-base-color-gray-60); font-size: 1.5rem; margin-right: 1.25rem; margin-bottom: 0.85rem; border-right: 1px solid #949494; padding: 0 1rem 0rem 1.5rem; } /* List menu */ .gcss-op ul.gs-list-menu { list-style: none; padding: 0; margin: 0; } .gcss-op ul.gs-list-menu li { padding: var(--gs-base-spacing-s) 0 var(--gs-base-spacing-s) 0; border-top: 1px solid var(--gs-base-color-gray-20); font-size: var(--gs-base-font-size-sp-15)!important; line-height: var(--gs-base-line-height-s)!important; margin:0!important; position: relative; } .gcss-op ul.gs-list-menu li:last-child { border-bottom: 1px solid var(--gs-base-color-gray-20); } .gcss-op ul.gs-list-menu li a { color:var(--gs-base-color-gray-100)!important; text-decoration: none!important; display: block; } .gcss-op ul.gs-list-menu li:hover { background-color: var(--gs-base-color-gray-5); } .gcss-op ul.gs-list-menu li:hover~.gcss-op ul.gs-list-menu li a { text-decoration: underline!important; } /* Expand collapse content */ .gcss-op .gs-expand-link { margin-bottom: var(--gs-base-spacing-s); } .gcss-op .gs-expand-link a i { display: inline-block; margin-right: var(--gs-base-spacing-2xs); font-size: var(--gs-base-font-size-2xs); } .gcss-op .gs-expand-content { margin-top:var(--gs-base-spacing-2xs); margin-left: var(--gs-base-spacing-m); } /* mark - highlight text */ .gcss-op mark { background-color: var(--gs-base-color-highlight-100); display: inline; padding: 0.05em 0.2em 0em 0.2em; color: var(--gs-base-color-gray-100); box-shadow: unset; } @media screen and (min-width: 768px) { /* List modifiers */ /*.gcss-op ol.gs-feature > li:before, .gcss-op ol.feature > li:before { font-size: 2rem; margin-right: 1.5rem; padding: 2rem; }*/ } @media screen and (min-width: 992px) { /* Headings */ /* Mobile sizes be revised */ /* .gcss-op h1 { font-size: var(--gs-base-font-size-4xl) !important; } .gcss-op h2 { font-size: var(--gs-base-font-size-3xl) !important; } .gcss-op h3 { font-size: var(--gs-base-font-size-2xl)!important; } */ } /****** ICONS ******/ @font-face { font-family: 'gs-icon'; src: url('/documents/10197/9598167/gs-icon.eot?swxn1i'); src: url('/documents/10197/9598167/gs-icon.eot?swxn1i#iefix') format('embedded-opentype'), url('/documents/10197/9598167/gs-icon.ttf?swxn1i') format('truetype'), url('/documents/10197/9598167/gs-icon.woff?swxn1i') format('woff'), url('/documents/10197/9598167/gs-icon.svg?swxn1i#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } i[class^="gs-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'gs-icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gs-icon-twitter:before { content: "\e93d"; } .gs-icon-twitter-bird:before { content: "\e943"; } .gs-icon-add-plus:before { content: "\e900"; } .gs-icon-arrow-left:before { content: "\e901"; } .gs-icon-audio:before { content: "\e902"; } .gs-icon-backward:before { content: "\e903"; } .gs-icon-basket:before { content: "\e904"; } .gs-icon-bell:before { content: "\e905"; } .gs-icon-bookmark:before { content: "\e906"; } .gs-icon-bookmark-f:before { content: "\e907"; } .gs-icon-caret-down:before { content: "\e908"; } .gs-icon-caret-down-f:before { content: "\e909"; } .gs-icon-caret-left:before { content: "\e90a"; } .gs-icon-caret-right:before { content: "\e90b"; } .gs-icon-caret-sharp-down-f:before { content: "\e90c"; } .gs-icon-caret-sharp-right-f:before { content: "\e90d"; } .gs-icon-caret-up:before { content: "\e90e"; } .gs-icon-chevron-down:before { content: "\e90f"; } .gs-icon-chevron-left:before { content: "\e910"; } .gs-icon-chevron-right:before { content: "\e911"; } .gs-icon-chevron-up:before { content: "\e912"; } .gs-icon-close:before { content: "\e913"; } .gs-icon-delete:before { content: "\e914"; } .gs-icon-download:before { content: "\e915"; } .gs-icon-duplicate-copy:before { content: "\e916"; } .gs-icon-edit:before { content: "\e917"; } .gs-icon-exclamation:before { content: "\e918"; } .gs-icon-facebook:before { content: "\e919"; } .gs-icon-facebook-f:before { content: "\e91a"; } .gs-icon-filters:before { content: "\e91b"; } .gs-icon-forward:before { content: "\e91c"; } .gs-icon-global:before { content: "\e91d"; } .gs-icon-heart:before { content: "\e91e"; } .gs-icon-help-question:before { content: "\e91f"; } .gs-icon-help-question-f:before { content: "\e920"; } .gs-icon-home:before { content: "\e921"; } .gs-icon-instagram:before { content: "\e922"; } .gs-icon-link:before { content: "\e923"; } .gs-icon-linkedin:before { content: "\e924"; } .gs-icon-linkedin-f:before { content: "\e925"; } .gs-icon-link-external:before { content: "\e926"; } .gs-icon-logged-in:before { content: "\e927"; } .gs-icon-log-in:before { content: "\e928"; } .gs-icon-menu:before { content: "\e929"; } .gs-icon-metadata:before { content: "\e92a"; } .gs-icon-microphone:before { content: "\e92b"; } .gs-icon-minus:before { content: "\e92c"; } .gs-icon-person:before { content: "\e92d"; } .gs-icon-person-f:before { content: "\e92e"; } .gs-icon-placeholder:before { content: "\e92f"; } .gs-icon-play:before { content: "\e930"; } .gs-icon-play-backward:before { content: "\e931"; } .gs-icon-print:before { content: "\e932"; } .gs-icon-refresh:before { content: "\e933"; } .gs-icon-rss:before { content: "\e934"; } .gs-icon-search:before { content: "\e935"; } .gs-icon-skip-to-beginning:before { content: "\e936"; } .gs-icon-skip-to-end:before { content: "\e937"; } .gs-icon-social-share:before { content: "\e938"; } .gs-icon-sticky-note:before { content: "\e939"; } .gs-icon-stop:before { content: "\e93a"; } .gs-icon-stop-fill:before { content: "\e93b"; } .gs-icon-telephone:before { content: "\e93c"; } .gs-icon-upload:before { content: "\e93e"; } .gs-icon-vcard:before { content: "\e93f"; } .gs-icon-video:before { content: "\e940"; } .gs-icon-world:before { content: "\e941"; } .gs-icon-youtube:before { content: "\e942"; } /****** BUTTONS (A HREF) ******/ /* Button base */ .gcss-op .gs-btn { border-radius: 3px; padding: var(--gs-base-spacing-s) var(--gs-base-spacing-m)!important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none!important; font-size: var(--gs-base-font-size-sp-15)!important; font-weight: bold; line-height: 1; text-align: center; } /* Sizes */ .gcss-op .gs-btn.sm { padding: var(--gs-base-spacing-xs) var(--gs-base-spacing-s)!important; font-weight: var(--gs-base-font-weight-default)!important; font-size: var(--gs-base-font-size-s)!important; /*line-height: 100%;*/ } .gcss-op .gs-btn.gs-btn-sec.sm { border: 1px solid var(--gs-base-color-link-100)!important; } .gcss-op .gs-btn.gs-btn-ter.sm { border: 1px solid var(--gs-base-color-gray-75)!important; } .gcss-op .gs-btn.gs-btn-ghost.sm { padding-left: 0.35em!important; padding-right: 0.35em!important; } .gcss-op .gs-btn.lg { font-size: var(--gs-base-font-size-l)!important; padding-right: var(--gs-base-spacing-l)!important; padding-left: var(--gs-base-spacing-l)!important; } /* Icon spacing left or right */ .gcss-op .gs-btn i[class^="gs-icon-"] { display: inline-block; font-size: 1.1em; /*outline: 1px dashed black;*/ } .gcss-op .gs-icon-l { margin-right: 0.5em; } .gcss-op .gs-icon-r { margin-left: 0.5em; } /** BUTTON TYPES **/ /* Main */ .gcss-op .gs-btn-main, .gcss-op a.gs-btn-main { color: #FFFFFF!important; border: 2px solid var(--gs-base-color-link-100)!important; background-color: var(--gs-base-color-link-100); } .gcss-op .gs-btn-main:focus, .gcss-op .gs-btn-main:hover { border: 2px solid var(--gs-base-color-link-110)!important; background-color: var(--gs-base-color-link-110); } .gcss-op .gs-btn-main:focus { outline: 2px solid var(--gs-base-color-link-110)!important; outline-offset: 2px; } /* Secondary (sec) */ .gcss-op .gs-btn-sec { color: var(--gs-base-color-eu-blue-100)!important; border: 2px solid var(--gs-base-color-eu-blue-100)!important; background-color: transparent; } .gcss-op .gs-btn-sec:focus, .gcss-op .gs-btn-sec:hover { background-color: var(--gs-base-color-eu-blue-10); } .gcss-op .gs-btn-sec:focus { outline: 2px solid var(--gs-base-color-eu-blue-100)!important; outline-offset: 2px; } /* Secondary (sec) Fill */ .gcss-op .gs-btn-sec-f, .gcss-op a.gs-btn-sec-f { color:var(--gs-base-color-eu-blue-100)!important; border: 2px solid var(--gs-base-color-eu-blue-5)!important; background-color: var(--gs-base-color-eu-blue-5); } .gcss-op .gs-btn-sec-f:focus, .gcss-op .gs-btn-sec-f:hover { border: 2px solid var(--gs-base-color-eu-blue-10)!important; background-color: var(--gs-base-color-eu-blue-10); } .gcss-op .gs-btn-sec-f:focus { outline: 2px solid var(--gs-base-color-eu-blue-100)!important; outline-offset: 2px; } /* Tertiary (ter) */ .gcss-op .gs-btn-ter, .gcss-op a.gs-btn-ter { color: var(--gs-base-color-gray-75)!important; border: 2px solid var(--gs-base-color-gray-75)!important; background-color: transparent; } .gcss-op .gs-btn-ter:focus, .gcss-op .gs-btn-ter:hover { background-color: var(--gs-base-color-gray-10); } .gcss-op .gs-btn-ter:focus{ outline: 2px solid var(--gs-base-color-gray-75)!important; outline-offset: 2px; } /* Ghost */ .gcss-op .gs-btn-ghost, .gcss-op a.gs-btn-ghost { padding-right: var(--gs-base-spacing-2xs)!important; padding-left: var(--gs-base-spacing-2xs)!important; /*padding-left: 0.5em!important; padding-right: 0.5em!important;*/ color: #666666!important; border: 2px solid transparent; background-color: transparent; } .gcss-op .gs-btn-ghost:focus, .gcss-op .gs-btn-ghost:hover { background-color: #E6E6E6; } .gcss-op .gs-btn-ghost:focus{ outline: 2px solid #757575!important; outline-offset: 2px; } .gcss-op .gs-btn-ghost.lg { padding-right: var(--gs-base-spacing-2xs)!important; padding-left: var(--gs-base-spacing-2xs)!important; } /** SERVICES **/ /* Ted */ .gcss-op .gs-btn-ted, .gcss-op a.gs-btn-ted { color: #FFFFFF!important; border: 2px solid #2C862D!important; background-color: #2C862D; } .gcss-op .gs-btn-ted:focus, .gcss-op .gs-btn-ted:hover { border: 2px solid #026B00!important; background-color: #026B00!important; } .gcss-op .gs-btn-ted:focus { outline: 2px solid #026B00!important; outline-offset: 2px; } /* Law */ .gcss-op .gs-btn-law, .gcss-op a.gs-btn-law { color: #FFFFFF!important; border: 2px solid #007EA8!important; background-color: #007EA8; } .gcss-op .gs-btn-law:focus, .gcss-op .gs-btn-law:hover { border: 2px solid #006483!important; background-color: #006483!important; } .gcss-op .gs-btn-law:focus { outline: 2px solid #006483!important; outline-offset: 2px; } /****** CARDS ******/ /* Card shadow */ .gcss-op .card-shadow { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D8D8D8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; } .gcss-op .card-shadow:hover { border: 1px solid #4D94FF; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); transform: scale(1.01, 1.01); } /* Card with fill + border-radius, image, title blue (underlined) and text */ .gcss-op .card-img-fill { position: relative; padding: 0rem; border-radius: 0.25rem; transition: all .2s ease-in-out; } .gcss-op .card-img-fill div > img { width:100%; /*max-width: 295px;*/ /*border: 1px solid #D8D8D8;*/ } .gcss-op .card-img-fill div > a { font-size: var(--gs-base-font-size-m) !important; font-weight: bold; color: #3366CC; line-height: 140%; } .gcss-op .card-img-fill div > a:hover { text-decoration: none !important; } .gcss-op .card-img-fill .content { font-size: var(--gs-base-font-size-s); margin-top: 0.35rem; } .gcss-op .card-img-fill .content > span { font-weight: bold; } .gcss-op .card-img-fill p.content:nth-child(2) { margin-bottom: 0; } .gcss-op .card-img-fill p.content:nth-child(3) { margin-top: 0; } /* Card with image, title black (not underlined) and text */ .gcss-op .card-img { position: relative; padding: 0rem; } .gcss-op .card-img div > img { width:100%; } .gcss-op .card-img div > a { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-l)!important; font-weight: var(--gs-base-font-weight-heading); color: #333333!important; line-height: 140%; text-decoration: none!important; } .gcss-op .card-img div > a:hover { text-decoration: underline!important; } /* accessibility */ .gcss-op .card-img div > a:focus { outline: 2px dotted #666666 !important; outline-offset: 6px; } .gcss-op .card-img p.content { font-size: var(--gs-base-font-size-s); color: #757575; margin-top: 0.35rem; margin-bottom: 0; } /* Card for colour swatches (ex: Web Guide design system) */ .gcss-op .card-swatch div:first-child { height: 104px; } .gcss-op .card-swatch figcaption p { margin-bottom: 8px; } .gcss-op .card-swatch figcaption p:first-child { line-height: 135%!important; font-weight: bold; margin-top: 16px; margin-bottom: 0; } .gcss-op .card-swatch .swatch-description { margin-bottom: 0; font-size: 0.875rem; line-height: 135%!important; color: #666666; } /*** gs-card-v3 ***/ /* Card base */ .gcss-op .gs-card-v3 { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #D8D8D8; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; display: flex; flex-direction: column; justify-content: space-between; } .gcss-op .gs-card-v3:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); } /* Body */ .gcss-op .gs-card-v3 .gs-card-body { padding:var(--gs-base-spacing-m); } /* Image */ .gcss-op .gs-card-v3 .gs-card-img { border-bottom: 1px solid #D8D8D8; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; } .gcss-op .gs-card-v3 .gs-card-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; } /* Badge */ .gcss-op .gs-card-v3 .gs-img-badge { position: absolute; bottom: -11px; left: var(--gs-base-spacing-m); background-color: var(--gs-base-color-opyellow-100); border-radius: 4px; padding: var(--gs-base-spacing-2xs) var(--gs-base-spacing-xs); font-size:var(--gs-base-font-size-sp-15); } .gcss-op .gs-card-v3 .gs-img-badge a { color:inherit; text-decoration:none; } /* Title */ .gcss-op .gs-card-v3 p.gs-title, .gcss-op .gs-card-v3 h2.gs-title, .gcss-op .gs-card-v3 h3.gs-title, .gcss-op .gs-card-v3 h4.gs-title, .gcss-op .gs-card-v3 h5.gs-title, .gcss-op .gs-card-v3 h6.gs-title { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-l) !important; line-height: var(--gs-base-line-height-s) !important; font-weight: var(--gs-base-font-weight-heading); color: var(--gs-base-color-gray-100)!important; margin-top:unset!important; margin-bottom:0.75rem!important; } /* Title link */ .gcss-op .gs-card-v3 p.gs-title a, .gcss-op .gs-card-v3 h2.gs-title a, .gcss-op .gs-card-v3 h3.gs-title a, .gcss-op .gs-card-v3 h4.gs-title a, .gcss-op .gs-card-v3 h5.gs-title a, .gcss-op .gs-card-v3 h6.gs-title a { text-decoration: none!important; color:var(--gs-base-color-gray-100)!important; font-size: inherit; line-height: inherit; display: block; } .gcss-op .gs-card-v3 p.gs-title a:hover, .gcss-op .gs-card-v3 h2.gs-title a:hover, .gcss-op .gs-card-v3 h3.gs-title a:hover, .gcss-op .gs-card-v3 h4.gs-title a:hover, .gcss-op .gs-card-v3 h5.gs-title a:hover, .gcss-op .gs-card-v3 h6.gs-title a:hover { text-decoration: underline!important; color: #3366CC!important; } /* P */ .gcss-op .gs-card-v3 .gs-card-body p { color: var(--gs-base-color-gray-75); line-height: var(--gs-base-line-height-m)!important; margin-top:var(--gs-base-spacing-xs); } /* Subtitle */ .gcss-op .gs-card-v3 p.gs-subtitle { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-m)!important; font-weight: var(--gs-base-font-weight-heading); line-height: var(--gs-base-line-height-s)!important; color: var(--gs-base-color-gray-75); margin-bottom:0; } /* Footer */ .gcss-op .gs-card-v3 .gs-card-footer { border-top: 1px solid var(--gs-base-color-gray-20); padding: var(--gs-base-spacing-m)!important; display: flex; flex-wrap: wrap; gap: var(--gs-base-spacing-xs); } .gcss-op .gs-card-v3 .gs-card-footer p, .gcss-op .gs-card-v3 .gs-card-footer div { display: flex; flex-wrap: wrap; gap: var(--gs-base-spacing-xs); margin:0; } /* Misc: eliminating extra spacing */ .gcss-op .gs-card-v3 .gs-card-body *:last-child, .gcss-op .gs-card-v3 .gs-card-footer *:last-child { margin-bottom: 0!important; } /***** gs-card-v2 *****/ /* Card base */ .gcss-op .gs-card { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; border: 1px solid #D8D8D8; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); transition: all .1s ease-in-out; display: flex; flex-direction: column; } .gcss-op .gs-card:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); /*transform: scale(1.01, 1.01);*/ } .gcss-op .gs-card.gs-v3 { justify-content: space-between } /* Image */ .gcss-op .gs-card .gs-card-img { border-bottom: 1px solid #D8D8D8; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; } .gcss-op .gs-card .gs-card-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; } /* Body */ .gcss-op .gs-card .gs-card-body { padding:var(--gs-base-spacing-m); } /* Title */ .gcss-op .gs-card p.gs-title, .gcss-op .gs-card h2.gs-title, .gcss-op .gs-card h3.gs-title, .gcss-op .gs-card h4.gs-title, .gcss-op .gs-card h5.gs-title, .gcss-op .gs-card h6.gs-title { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-l) !important; line-height: var(--gs-base-line-height-s) !important; font-weight: var(--gs-base-font-weight-heading); color: var(--gs-base-color-gray-100); margin-top:unset; margin-bottom:0.75rem!important; } /* Title link */ .gcss-op .gs-card p.gs-title a, .gcss-op .gs-card h2.gs-title a, .gcss-op .gs-card h3.gs-title a, .gcss-op .gs-card h4.gs-title a, .gcss-op .gs-card h5.gs-title a, .gcss-op .gs-card h6.gs-title a { text-decoration: none!important; color:inherit!important; font-size: inherit; line-height: inherit; display: block; } .gcss-op .gs-card p.gs-title a:hover, .gcss-op .gs-card h2.gs-title a:hover, .gcss-op .gs-card h3.gs-title a:hover, .gcss-op .gs-card h4.gs-title a:hover, .gcss-op .gs-card h5.gs-title a:hover, .gcss-op .gs-card h6.gs-title a:hover { text-decoration: underline!important; color: #3366CC!important; } /* Subtitle */ .gcss-op .gs-card p.gs-subtitle { font-family: var(--gs-base-font-family-heading); font-size: var(--gs-base-font-size-m)!important; font-weight: var(--gs-base-font-weight-heading); line-height: var(--gs-base-line-height-s)!important; color: var(--gs-base-color-gray-75); margin-bottom:0; } /* P */ .gcss-op .gs-card .gs-card-body p { color: var(--gs-base-color-gray-75); line-height: var(--gs-base-line-height-m)!important; margin-top:var(--gs-base-spacing-xs); } .gcss-op .gs-card .gs-card-body *:last-child, .gcss-op .gs-card .gs-card-footer *:last-child { margin-bottom: 0; } /***** END gs-card-v2 *****/ /***** hbox text sizes *****/ /* Title */ .gcss-op .gs-hbox p.gs-title, .gcss-op .gs-hbox h2.gs-title, .gcss-op .gs-hbox h3.gs-title, .gcss-op .gs-hbox h4.gs-title, .gcss-op .gs-hbox h5.gs-title, .gcss-op .gs-hbox h6.gs-title { font-size: var(--gs-base-font-size-l)!important; line-height: var(--gs-base-line-height-s)!important; font-weight: var(--gs-base-font-weight-heading); color: var(--gs-base-color-gray-100)!important; margin-top:unset; margin-bottom: var(--gs-base-spacing-xs); } /* Title link */ .gcss-op .gs-hbox p.gs-title a, .gcss-op .gs-hbox h2.gs-title a, .gcss-op .gs-hbox h3.gs-title a, .gcss-op .gs-hbox h4.gs-title a, .gcss-op .gs-hbox h5.gs-title a, .gcss-op .gs-hbox h6.gs-title a { text-decoration: none!important; color: var(--gs-base-color-gray-100)!important; font-size: inherit; line-height: inherit; display: block; } /***** Compact sizes *****/ /* P */ .gcss-op .gs-compact p { font-size: var(--gs-base-font-size-s) !important; margin-bottom: 0.70rem; } /* Title */ .gcss-op .gs-compact p.gs-title, .gcss-op .gs-compact h2.gs-title, .gcss-op .gs-compact h3.gs-title, .gcss-op .gs-compact h4.gs-title, .gcss-op .gs-compact h5.gs-title, .gcss-op .gs-compact h6.gs-title { font-size: var(--gs-base-font-size-m) !important; margin-bottom: 0.60rem; } /* Subtitle */ .gcss-op .gs-compact p.gs-subtitle, .gcss-op .gs-compact h2.gs-subtitle, .gcss-op .gs-compact h3.gs-subtitle, .gcss-op .gs-compact h4.gs-subtitle, .gcss-op .gs-compact h5.gs-subtitle, .gcss-op .gs-compact h6.gs-subtitle { font-size: var(--gs-base-font-size-s)!important; margin-bottom:0.60rem; line-height: var(--gs-base-line-height-m)!important; } /* Modal */ /* v1 2021-22 */ .gcss-op .gs-modal-header { padding: 8px 16px; background-color:#F5F5F5; justify-items: start; align-items: center; width: 100%; } /* v2 2023 */ .gcss-op .gs-modal-header-wrapper { display: flex; align-items: start; padding: var(--gs-base-spacing-m); } .gcss-op .gs-modal-header-wrapper h2 { flex: 1; padding-right: var(--gs-base-spacing-l); } .gcss-op .gs-modal-header-wrapper a.gs-btn-ghost { padding: var(--gs-base-spacing-2xs)!important; } .gcss-op .gs-modal-body { padding: var(--gs-base-spacing-m); background-color: #FFFFFF; max-height: 600px; overflow: auto; position: relative; flex: 1 1 auto; } /* END */ .gcss-op .modal h2 { font-size:var(--gs-base-font-size-l)!important; margin-bottom:0!important; } .gcss-op .modal h2, .gcss-op .modal h3, .gcss-op .modal h4 { color:var(--gs-base-color-gray-100)!important; } .gcss-op .modal h3, .gcss-op .modal h4 { margin-bottom:1em!important; } @media screen and (min-width: 768px) { .gcss-op .gs-modal-header-wrapper { padding: var(--gs-base-spacing-l) var(--gs-base-spacing-l) var(--gs-base-spacing-m) var(--gs-base-spacing-l); } .gcss-op .gs-modal-body { padding: var(--gs-base-spacing-l); } } /****** SUPPORT HTML ELEMENTS ******/ /** DISPLAY CODE **/ .gcss-op pre { padding: 16px 24px; background-color: #F5F5F5; border-left: 6px solid #666666; overflow-x: auto; /*white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;*/ tab-size: 4; } .gcss-op pre code { display: block; font-size: var(--gs-base-font-size-s)!important; line-height: var(--gs-base-line-height-l); } /* Code inline with body text */ .gcss-op code.gs-inline-code, .gcss-op code.inline-code { font-size: 0.938rem; color: var(--gs-base-color-data-110)!important; background: var(--gs-base-color-white); border: 0.1rem solid var(--gs-base-color-gray-20); border-radius: 0.3rem; padding: 0.2rem 0.4rem; white-space: nowrap; } /** SUPPORT ELEMENTS **/ .gcss-op hr.gs-hr-s, .gcss-op hr.gs-hr-m, .gcss-op hr.gs-hr-l { border-top: 1px solid var(--gs-base-color-gray-20); } .gcss-op hr.gs-hr-s { margin-top: var(--gs-base-spacing-l); margin-bottom: var(--gs-base-spacing-m); } .gcss-op hr.gs-hr-m { margin-top: var(--gs-base-spacing-xl); margin-bottom: var(--gs-base-spacing-l); } .gcss-op hr.gs-hr-l { margin-top: var(--gs-base-spacing-2xl); margin-bottom: var(--gs-base-spacing-xl); } .gcss-op .gs-hr-container, .gcss-op .section-hr { border-bottom: 1px solid #D8D8D8; } .gcss-op .gs-hr, .gcss-op .hr-op { height: 1px; background-color: #D8D8D8; margin: 0; padding: 0; } /** TABLES **/ .gcss-op table { margin: 1.5rem 0 2rem 0; border: none; border-collapse: collapse!important; width: 100%; } .gcss-op table th, .gcss-op table tr, .gcss-op table td { border: none; padding: 0.5rem 0.75rem .5rem 0.75rem!important; vertical-align: top; word-break: break-word; } .gcss-op table th, .gcss-op table td, .gcss-op table a { font-family: var(--gs-base-font-family-default); color: var(--gs-base-color-gray-100); text-align: left; font-size: var(--gs-base-font-size-m); line-height: var(--gs-base-line-height-m)!important; } .gcss-op table td p:last-child, .gcss-op table th p:last-child { margin-bottom:0!important; } .gcss-op table tbody tr { border-bottom: 1px solid #D8D8D8; } /* Header */ .gcss-op thead tr { border-bottom: 2px solid #333333; } .gcss-op table th { font-weight: bold; /*background: #FFFFFF;*/ } .gcss-op table.gs-tbody-th-unset tbody th { font-weight: unset!important; } /* Rows color alternating */ .gcss-op table tbody tr:nth-child(odd) { background: #F5F5F5; } .gcss-op table tbody tr:nth-child(even) { background: #FFFFFF; } /* Remove color alternating rows */ .gcss-op table.gs-row-color-none tbody tr:nth-child(odd) { background: unset; } .gcss-op table.gs-row-color-none tbody tr:nth-child(even) { background: unset; } /* Vertical align */ .gcss-op table.gs-table-tbody-align-middle tbody td, .gcss-op table.gs-table-tbody-align-middle tbody th { vertical-align: middle; } .gcss-op table.gs-table-thead-align-middle thead td, .gcss-op table.gs-table-thead-align-middle thead th { vertical-align: middle; } /* Compact setting */ .gcss-op table.gs-table-compact td, .gcss-op table.gs-table-compact th, .gcss-op table.gs-table-compact p, .gcss-op table.gs-table-compact a { font-size: var(--gs-base-font-size-s) !important; margin-bottom:0.60rem; line-height: var(--gs-base-line-height-s)!important; } /* Links */ .gcss-op table td a, .gcss-op table th a { text-decoration: underline!important; color: var(--gs-base-color-link-100)!important; } .gcss-op table tr.gs-row-bold, .gcss-op table tr.gs-row-bold * { font-weight: bold; } /* Caption */ .gcss-op table caption { caption-side: top; padding: 0rem 1rem 0.5rem 1rem; margin-bottom: unset; text-align: center; color: var(--gs-base-color-gray-100); font-family: var(--gs-base-font-family-default); font-size: var(--gs-base-font-size-l); font-weight: bold; border-top: unset; /*border-top: 3px solid var(--gs-base-color-gray-100);*/ border-bottom: 1px solid var(--gs-base-color-gray-20); } /*** Column layouts **/ .gcss-op .gs-layout-8-4 { display: flex; flex-direction: column; margin-bottom: var(--gs-base-spacing-xl); } .gcss-op .gs-layout-8-4 .gs-content, .gcss-op .gs-layout-8-4 .gs-sidebar { margin:0; /*width:100%;*/ /*outline: 1px dotted black;*/ } .gcss-op .gs-layout-8-4 .gs-content { margin-bottom: var(--gs-base-spacing-l); } .gcss-op .gs-layout-8-4 .gs-sidebar { padding:var(--gs-base-spacing-l); background-color: var(--gs-base-color-gray-5); } @media screen and (min-width: 768px) { .gcss-op .gs-layout-8-4 { flex-direction: row; align-items: start; } .gcss-op .gs-layout-8-4 .gs-content { margin-bottom: 0; margin-right: var(--gs-base-spacing-2xl); width:65%; } .gcss-op .gs-layout-8-4 .gs-sidebar { width:35%; } } /*** Card list **/ .gcss-op .gs-card-list { padding:var(--gs-base-spacing-m) var(--gs-base-spacing-l); margin-bottom:var(--gs-base-spacing-xs); background-color: var(--gs-base-color-gray-5); border-radius: 4px; } .gcss-op .gs-card-list .gs-title { font-size: var(--gs-base-font-size-l)!important; font-weight: 700!important; margin-bottom: var(--gs-base-spacing-2xs); } .gcss-op .gs-card-list .gs-text { font-size: var(--gs-base-font-size-m); color:var(--gs-base-color-gray-75)!important; margin-bottom: var(--gs-base-spacing-0); } /*** identity tag **/ .gcss-op .gs-identity-tag { display: inline-flex; align-items: center; padding:var(--gs-base-spacing-xs) var(--gs-base-spacing-s); border-radius: 4px; margin-bottom: var(--gs-base-spacing-l); } .gcss-op .gs-identity-tag .gs-identity-tag-title { font-size: var(--gs-base-font-size-s)!important; font-weight: 700; margin-bottom: 0; } .gcss-op .gs-identity-tag .gs-identity-tag-bar { width: 6px; height: auto; border-radius: 6px; margin-right: var(--gs-base-spacing-xs); } /** Highlight box **/ /* Includes responsive padding and margins. Add utility class background colour inline */ .gs-hbox { padding: var(--gs-base-spacing-m); margin-bottom: var(--gs-base-spacing-l); } .gs-hbox *:last-child { margin-bottom:0!important; } @media screen and (min-width: 768px) { .gs-hbox { padding: var(--gs-base-spacing-l); margin-bottom: var(--gs-base-spacing-xl); } } @media screen and (min-width: 1200px) { .gs-hbox.gs-l { padding: var(--gs-base-spacing-xl); } } /********* FOOTER CSS GRID *********/ /* GRIDS */ .footer-gcss-op .grid-op { display: grid; margin: 0 auto; grid-template-columns: 1fr; grid-column-gap: 24px; row-gap: 24px; } .footer-gcss-op .grid-col { grid-template-columns: 1fr; } @media screen and (min-width: 576px) { .footer-gcss-op .grid-sm-2col { grid-template-columns: 1fr 1fr; } .footer-gcss-op .grid-gap-md-40 { grid-column-gap: 40px; } } @media screen and (min-width: 992px) { .footer-gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } } /********* FOOTER *********/ .footer-gcss-op div.footer-content-op h2 { line-height: 19px; font-size: 16px; font-weight: bold !important; color: #444; } .footer-gcss-op div.footer-content-op div { margin:0; padding:0; } .footer-gcss-op ul.stay-connected { padding: 0!important; } .footer-gcss-op span.link-description { display: inline-block !important; color: #444; padding: .05rem .3rem .05rem .3rem; margin-right: 0.35rem; font-size: 13px; line-height: 18px; box-sizing: border-box; border-radius: 3px; border: 1px solid #444; } /* Social media */ .footer-gcss-op .stay-connected { margin: 0!important;; padding: 0!important; } @media screen and (min-width: 576px) { .footer-gcss-op div.footer-content-op div:nth-child(1), .footer-gcss-op div.footer-content-op div:nth-child(3) { border-right: 1px solid #CCCCCC; padding-right: 0.5rem; } } @media screen and (min-width: 992px) { .footer-gcss-op .grid-lg-4col { grid-template-columns: 1fr 1fr 1fr 1fr; } .footer-gcss-op div.footer-content-op div:nth-child(2) { border-right: 1px solid #CCCCCC; padding-right: 0.5rem; } } .simpleft, .simpleft a:link, .simpleft a:visited, .simpleft a:active { font-size: 14px; color: #333333; text-decoration: underline; } /* margin */ @media (max-width: 767.5px) { .page-class-search.layout-class-portal2012-layout-one-column .wce-content-wiw-pirst-page { padding-left: 0; padding-right: 0; } } @media (max-width: 767.98px) { .page-class-justpublished .OPPortalLayout .maincontent { padding-left: 0 !important; padding-right: 0 !important; } .page-class-justpublished section#maincontentarea-bottom { padding-left: 0 !important; padding-right: 0 !important; } .portlet-column.portlet-column-only { padding-left: 0 !important; padding-right: 0 !important; } .layout-class-portal2012-layout-search-details .OPPortalLayout .row-legacy { margin-left: 0; margin-right: 0; } .layout-class-portal2012-layout-search-details .publication-detail-metadata .row-legacy .col-md-3 { padding: 0; } } @media (max-width: 991.5px) and (min-width: 768px) { .page-class-search.layout-class-portal2012-layout-one-column .wce-content-wiw-pirst-page { padding-left: 0; padding-right: 0; } } @media (max-width: 991.5px) { .layout-class-portal2012-about-us-navigation-layout #maincontentarea { padding-right: 15px !important; padding-left: 15px !important; } .layout-class-portla2012-layout-search-results section#maincontentarea { padding-left: 15px !important; padding-right: 15px !important; } .layout-class-portla2012-layout-search-results .container-fluid { padding-left: 0; padding-right: 0; } .layout-class-portal2012-layout-search-details .publication-detail-metadata .col-md-9 { padding-left: 0; padding-right: 0; } } #footer .portlet-column { padding-right: 0; padding-left:0; } @media (min-width: 991.5px) { aside#localnav.localnav { padding-right: 40px !important; } } @media (max-width: 600px) { aside.localnav.col-md-12.portlet-column { display: block; padding-left: 15px; } .publication-detail-container .publication-detail-metadata .row-legacy .col-sm-9.col-md-12.col-xl-10.col-lg-8.pr-0 { padding-left: 0; } .site-class-2448002.page-class-publications section#maincontentarea-bottom { padding-left: 15px !important; padding-right: 15px !important; } .show-neighbors .item__third { border-right: 4px solid #fff0 !important; border-left: 4px solid #fff0 !important; } } .page-class-search-results.layout-class-portla2012-layout-search-results .maincontentarea .container-fluid { padding-left: 0; padding-right: 0; } @media (max-width: 768px){ .language-selector-wrapper .input-select-wrapper select { color: #fff !important; margin-top: 0; margin-left: 0 !important; text-align-last: end; height: 40px !important; float: left; white-space: nowrap; /*width: 27px !important;*/ max-width: 4ch !important; font-family: monospace !important; font-size: 14px !important; overflow: hidden !important; text-overflow: unset; direction: rtl; text-transform: uppercase; padding-right: unset !important; } } .OPPortalLayout a.username-top.myportaltitle { color: #fff !important; } .OPPortalLayout #maincontent .portlet-content-container .journal-content-article a:focus { outline: 2px solid #1454B7; outline-offset: 2px; } .who-search-btn:focus { outline: 1px solid #59f !important; outline-offset: 4px !important; box-shadow: unset !important; } @media (max-width: 991.5px) { .navigation-menu-dd-3-levels { display: none !important; } } @media (min-width: 991.5px) { .navbar-toggle { display: none !important; } } @media (min-width: 768px){ .navbar-toggle { display: unset; } } /* margin top white */ @media (min-width: 991.5px) { .has-control-menu .affix, .has-control-menu #wrapper { margin-top: 56px !important; } } @media (min-width: 576px) { .has-control-menu .affix, .has-control-menu #wrapper { margin-top: unset; } } @media (min-width: 768px) { .layout-class-portal2012-layout-one-column-with-full-width-dropzone-menu #maincontent, .layout-class-portal2012-layout-one-column-with-full-width-dropzone #maincontent, .layout-class-portal2012-layout-one-column-with-side-navigation-and-full-width-dropzone #maincontent { padding-top: 0; } } @media (min-width: 992px){ .layout-class-forum-gazettes .OPPortalLayout .row-legacy { margin-left: 0px; margin-right: 0; } .layout-class-forum-gazettes .OPPortalLayout .maincontent .portlet-layout > aside { padding-right: 15px !important; padding-left: 15px !important; } .layout-class-forum-gazettes .OPPortalLayout ul.layouts.level-1{ padding: 0; } } /* cookie banner */ .cck-container { max-width: unset !important; min-width: unset !important; z-index: 1999; font-family: Arial,sans-serif; font-size: small; color: #444444 !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: 100vh; height:max-content; align-items: center !important; width: 100% !important; top: 0 !important; text-align: center !important; bottom: unset; background: #ffffff !important; position: initial; } .cck-container p.wt-paragraph { color: #444444 !important; font-size: 16px !important; line-height: 23px !important; text-align: left !important; } .cck-container .wt-paragraph a.wt-link { color: #3D6ECF !important; } a.wt-link.cck-actions-button { background: #3D6ECF !important; font-size: 15px !important; line-height: 22px !important; border-radius: 3px !important; border: 1px solid #3366CC !important; } @media only screen and (min-width: 768px) { .cck-container .cck-wrapper .cck-actions { flex-wrap: wrap !important; justify-content: center !important; } a.wt-link.cck-actions-button { width: 65%; min-width: max-content; margin-left: unset !important; margin-bottom: 10px; } } a.wt-link.cck-actions-button.ea_ignore { background: #FFFFFF !important; border-radius: 3px !important; font-size: 15px !important; line-height: 22px !important; border: 1px solid #3366CC !important; color: #3366CC !important; } a.wt-link:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } a.wt-link.cck-actions-button:focus { outline: 2px solid #1454B7!important; outline-offset: 2px !important; } body .cck-container{ position:initial !important; } .cck-content-content.wt-noconflict { text-align: left; } .cck-actions.wt-noconflict { margin-right: 1.5rem; } .cck-container .cck-wrapper .cck-actions a.cck-actions-button{ margin-top: 1rem; } @media screen and (min-width: 768px) { .cck-container .cck-wrapper .cck-actions a.cck-actions-button:first-child { margin-top: 0.5rem; } .cck-container .cck-wrapper .cck-actions a.cck-actions-button:not(:first-child) { margin-top: 1rem; } } /*custom header*/ div#custom-header-portlet-container.col-lg-3 { flex: 0 0 100%; max-width: 100%; } .controls-visible.signed-in #custom-header-portlet-container .portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_{ min-height: 50px; margin-top: 50px; } .footer.custom-footer { max-height:unset; } .portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_ header.portlet-topper { z-index: 4999; } /* 2840 */ .wiw-memberships a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } .nav-tabs li.disabled:focus { outline: none; border: unset; } .nav-tabs li.active a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .publicationTabContent a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .viewAllPublications a:focus{ outline: 2px solid #1454B7!important; outline-offset: 2px; } .print-on-demand a:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } .already-exists a:focus{ outline: 2px solid #1454B7!important; outline-offset: 2px; } .tab-pane .publicationTabContent { line-height: 19px; } .product-container .col-format a { color: #3366cc !important; text-decoration: underline; } .product-container .col-format a:hover { color: #3366cc !important; text-decoration: none; } .button#saveButton { color: #fff; background-color: #3D6ECF; } button#saveButton:focus { outline: 2px solid #1454B7!important; outline-offset: 2px; } /* accordion card template */ .accordionComponent.publication-detail-formats { border: 1px solid #858585; } .accordionComponent .card-header { background-color: #E6E6E6; border-top: unset; border-radius:unset; border-bottom: 1px solid #858585; } div#accordion { border-top: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; border-bottom: 1px solid #858585; } .accordionComponent .card-body { border-bottom: 1px solid #858585; } .maincontent .portlet-journal-content .op-accordion .card .btn-link:hover { color: #333333 !important; text-decoration: none !important; } .op-accordion .card-header button{ font-size: 15px; color: #333333; background: #FFFFFF; border-top: 1px solid #858585; border-bottom: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; } .maincontent .portlet-journal-content .btn-link { color: #333333 !important; } .maincontent .portlet-journal-content .btn-link:hover { color: #333333 !important; text-decoration: none !important; background: #F5F5F5 !important; } .op-accordion button[aria-expanded="true"] i.arrow.down { top: 22px !important; } .op-accordion .card, .op-accordion .card .card-text, .op-accordion .card-header .op-accordion .card-body{ border:unset; } button#heading-card-10:first-child { border-bottom: unset; } /* end accordion card template */ .list-type-save button#saveButton { color: #fff; background-color: #0069d9; } .dialog-footer .btn.searchActionSaveButton { color: #fff; background-color: #0069d9; } /* focus pub details */ a.show-more:focus-visible, a.show-less:focus-visible, a.view-more:focus-visible, a.view-less:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } li.list-item.addToMyDocuments a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.createAlert a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.first.permanentLink a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.metadataRDF a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } li.list-item.createWidget a:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; display:block; } button.col-md-4.citation-button.fa-chevron-down:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } button.show-download-section-button.col-md-4:focus-visible { outline: 2px solid #1454B7!important; outline-offset: 2px; } .global-nav-middle .portlet-column-last .print { background-size: 24px; width: auto !important; margin-left: 20px; } .global-nav-middle .help { margin-left: 0px; } .help a:focus-visible { outline: 2px solid #1454b7 !important; outline-offset: 2px; text-decoration:none; } .print a:focus-visible { outline: 2px solid #1454b7 !important; outline-offset: 2px; text-decoration:none; } button:focus { outline: unset; } @media (min-width: 991.5px) { .global-nav-middle .row .col-md-8.col-lg-9.portlet-column.portlet-column-first { max-width: 70%; } .global-nav-middle .row .col-md-4.col-lg-3.portlet-column.portlet-column-last { max-width: 30%; } } /* PORTALMSP-3049 */ .global-nav-middle a { padding-left: 22px; } .global-nav-middle .op-portal-share .wtShareButton{ padding-left: 22px; } div#print-current-page-container a:hover, .help:hover { text-decoration: none !important; } .person-detail-twitter-feed a.wt-link.wt-custom-link { border: 2px solid #949494; border-radius: 3px; background: #FFFFFF; font-weight: 700; font-size: 14px; padding: 10px 12px; line-height: 19px; height: auto; text-align: center; color: #666666 !important; } .facets-lists-container .menu-list .facet-childs-btn { padding: 3px 3px 5px 4px !important; } .facet-childs-btn span { color:#3366cc !important; } .facet-childs-btn.collapsed span.glyphicon.glyphicon-minus { display: none !important; } .facet-childs-btn span.glyphicon.glyphicon-plus { display: none !important; } .facet-childs-btn.collapsed span.glyphicon.glyphicon-plus { display: block !important; } .facet-childs-btn span.glyphicon.glyphicon-minus { display: block !important; } .ltr .op-portal-theme .login-popup-modal { z-index: 999999 !important; } .op-modal .modal-dialog { transform:unset !important; } button.wt-ecl-button.wt-ecl-button--ghost.wt-ecl-message__close:focus-within { outline: 2px solid #1454B7; outline-offset: 2px; background-color:#EEEEEE; } button.wt-ecl-button.wt-ecl-button--ghost.wt-ecl-message__close:hover { background-color:#EEEEEE; } .OPPortalLayout #assets-list-table a > .op-icon:before { vertical-align: initial; } .OPPortalLayout .available-domains-layout label > .op-icon:before { vertical-align:initial; } </style> <style> /* mig 7.4 */ .has-control-menu .affix, .has-control-menu #wrapper { margin-top: 0px !important; } body.has-control-menu #environment-container{ margin-top: 0 !important; margin-bottom: 0 !important; } .has-control-menu #globan { position: static; margin-top: 0 !important; } .open-admin-panel .portlet-dropzone { transition: padding 0.5s linear; } .open-admin-panel .yui3-dd-drop .portlet-dropzone { padding: 10px; margin: 3px; min-height: 100px; } .open-admin-panel .yui3-dd-drop-over .portlet-dropzone { outline: 1px dotted black; } #p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_{ display: none; } .has-control-menu.controls-visible .portlet-nested-portlets .yui3-dd-drop { margin-top: 45px; } .layout-class-portal2012-layout-comite255 .modal-dialog, .site-class-10184 .modal-dialog { transform: translate(0, -50%) !important; top: 50% !important; margin: 0 auto !important; } .eu-vocabularies-detail-title h1 { font-size: 18px; margin: 0; line-height: 18px; } .advanced-search-inputs.main-search-inputs { /* z-index: 9; */ } .yui3-widget.yui3-aclist.yui3-widget-positioned { z-index: 15; } .lam-search-result .lam-search-result-msg h1, .portlet-selected-filters .search-term-row h1 { display: inline-block; } .search-criteria-container .results-number-info { margin-left: -10px; } .multilinugal-expressions .language-multilingual-li { display: flex; } .site-class-7955863.page-class-search-results .portlet-boundary_SearchResults_SearchResultsPortlet_ .search-results-items .document-format { position: unset; } p.more.icon-chevron-right { font-family: arial; } .site-class-10184.page-class-publication-detail .you-may-also-like .icon-chevron-right:after { color: #444444; font-family: 'fontawesome-alloy'; } .cck-banner .wt-ecl-button--primary, .cck-banner .wt-ecl-button--primary:hover, .cck-banner .wt-ecl-button--primary:active, .cck-banner .wt-ecl-button--primary:focus-visible { color: #fff; } .search-criteria-container .results-number-info { color: #697188 !important; display: inline-block; margin-left: -10px; } span.results-number-info, .search-term-row .find-term,.results-attached-documents-info { font-size: 19.5px !important; } span.results-attached-documents-info,.search-criteria-container .results-number-info { margin-left: 0px; } .search-term-row h1 .find-term { display: inline-flex; margin-right: -20px; } .layout-class-portal2012-layout-dorie .search-term-row h1 .find-term { display: inline-flex; margin-right: -20px; } /*create alert*/ .OPPortalLayout .search-results-items .search-hit-hidden-content span a { color: #3366CC !important; font-size: 13px !important; font-weight: 400; line-height: 20px; } .op-portal-theme .ec_header-container-2 .portlet-body .wtSearchButton { background: unset; border: unset; padding: 0; line-height: unset; margin-left: 0 !important; height: unset; padding-left: 0 !important; } .op-portal-theme .ec_header-container-2 .portlet-body .wtSearchButton a { color: var(--gs-base-color-gray-75, #666) !important; font-family: Arial; font-size: 14px !important; font-style: normal; padding: 4px 8px !important; justify-content: center; align-items: center; margin-top: 0; padding-top: 0; font-weight: 400; line-height: 14px !important; border-radius: 3px; border: 1px solid var(--gs-base-color-gray-60, #858585); background: var(--white, #FFF) !important; } .portlet-boundary_eu_europa_publications_portlet_search_result_summary_SearchResultSummaryPortlet_ .hidden-xs.per-page-controls.search-results-controls-select { display: inline-flex; margin-left: 15px; } .per-page-controls.search-results-controls-select .per-page-label { color: #444444; display: flex; white-space: nowrap; width: fit-content; margin-top: 7px; padding-left: 10px; } .layout-class-portal2012-layout-dorie .search-term-row .find-term { font-family: Arial, sans-serif; font-weight: 600; color: #132760; font-size: 20px; display: contents; } body:is(.signed-in) #popup-content .panel.panel-default.guestAlertMsg { border-top: unset; border: unset; margin-top: unset; } .detail-actions-dialog-content.modal-dialog-content .panel-default .panel-heading { background-color: unset; border-color: unset; } .detail-actions-dialog-content.modal-dialog-content .col-md-12 { overflow-y:unset !important; } a.modal-login-btn.gs-btn.gs-btn-main.sm { margin-right: 2px; } button.label.label-info.register.modal-register-btn.gs-btn.gs-btn-ter.sm { margin-left: 2px; } .detail-actions-dialog-content #popup-content div#accordion { border: unset !important; } .gcss-op .portlet-selected-filters a, .gcss-op .tool-bar-component a{ text-decoration: unset; } .round_margin_container.search_criteria_links a { vertical-align: middle; } .publication-detail-metadata span.op-icon.op-icon-op-bullet-wiw:before { vertical-align: baseline; } #OPPORTAL_DIALOG .cadmin.control-menu-container { display: none !important; } #localnav .portlet-boundary_eu_europa_publications_portlet_facet_search_result_FacetedSearchResultPortlet_ .menu-list.vertical .dropdown a { text-decoration: none; } .dorie-card-container .input-container-right textarea { min-width: 300px; } .site-class-11197864 body .wtShareButton:link, .site-class-11197864 body .wtShareButton:visited, .site-class-11197864 body .wtShareButton:hover, .site-class-11197864 body .wtShareButton:focus, .site-class-11197864 body .wtShareButton:active, .site-class-11197864 body .wtShareButton, .site-class-11197864 body .wtShareButton:link, .site-class-11197864 body .wtShareButton:visited, .site-class-11197864 body .wtShareButton:hover, .site-class-11197864 body .wtShareButton:focus, .site-class-11197864 body .wtShareButton:active, .site-class-11197864 body .wtShareButton, .layout-class-portal2012-layout-isg body .wtShareButton:link, .layout-class-portal2012-layout-isg body .wtShareButton:visited, .layout-class-portal2012-layout-isg body .wtShareButton:hover, .layout-class-portal2012-layout-isg body .wtShareButton:focus, .layout-class-portal2012-layout-isg body .wtShareButton:active, .layout-class-portal2012-layout-isg body .wtShareButton { background: #fff url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2054_644)'%3E%3Cpath d='M12.375 11.3438C11.7009 11.3433 11.0536 11.6077 10.5727 12.0802L6.47446 9.30771C6.61555 8.99707 6.69298 8.66131 6.70219 8.32026C6.71141 7.97921 6.65222 7.63976 6.52811 7.32196L10.6078 4.4519C11.072 4.88779 11.6815 5.13584 12.3182 5.14796C12.9548 5.16009 13.5733 4.93544 14.0538 4.51754C14.5343 4.09964 14.8425 3.51825 14.9188 2.88605C14.9951 2.25384 14.8339 1.61583 14.4666 1.09567C14.0993 0.575502 13.5519 0.210216 12.9306 0.0705989C12.3093 -0.0690178 11.6583 0.0269769 11.1038 0.33998C10.5492 0.652983 10.1306 1.16071 9.92906 1.76476C9.72751 2.36881 9.75737 3.02617 10.0129 3.60946L5.97133 6.45272C5.61797 6.08858 5.16505 5.83675 4.66927 5.72876C4.17348 5.62077 3.65686 5.66141 3.18406 5.84559C2.71126 6.02978 2.30329 6.34933 2.01121 6.76424C1.71914 7.17916 1.55593 7.671 1.54202 8.17822C1.5281 8.68544 1.66411 9.18549 1.933 9.61579C2.2019 10.0461 2.59174 10.3875 3.05373 10.5973C3.51572 10.8072 4.02934 10.8761 4.5303 10.7954C5.03125 10.7148 5.49729 10.4881 5.87009 10.1439L9.9939 12.9337C9.78185 13.4446 9.73975 14.0102 9.87384 14.5469C10.0079 15.0835 10.3111 15.5629 10.7385 15.914C11.1659 16.2652 11.695 16.4695 12.2475 16.4969C12.8 16.5243 13.3466 16.3732 13.8067 16.0661C14.2667 15.7589 14.6158 15.3119 14.8023 14.7911C14.9888 14.2703 15.0028 13.7033 14.8423 13.1739C14.6818 12.6446 14.3553 12.1808 13.911 11.8513C13.4667 11.5217 12.9282 11.3438 12.375 11.3438Z' fill='%230E47CB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2054_644'%3E%3Crect width='16.5' height='16.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 8px center !important; padding-left: 30px !important; font-weight: normal !important; padding-top: 3px; color: var(--gs-base-color-eu-blue-100) !important; font-size: 15px; } .wt-share--menu .wt-share--menu-content { z-index: 7777 !important; padding: 0px 10px 0px 10px; } .wt-ecl-link:focus-visible { border-radius: unset; text-decoration:unset !important; } .wt-ecl-link:focus { text-decoration:unset !important; } @media (min-width: 991.5px) { .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link { background: #fff url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2054_644)'%3E%3Cpath d='M12.375 11.3438C11.7009 11.3433 11.0536 11.6077 10.5727 12.0802L6.47446 9.30771C6.61555 8.99707 6.69298 8.66131 6.70219 8.32026C6.71141 7.97921 6.65222 7.63976 6.52811 7.32196L10.6078 4.4519C11.072 4.88779 11.6815 5.13584 12.3182 5.14796C12.9548 5.16009 13.5733 4.93544 14.0538 4.51754C14.5343 4.09964 14.8425 3.51825 14.9188 2.88605C14.9951 2.25384 14.8339 1.61583 14.4666 1.09567C14.0993 0.575502 13.5519 0.210216 12.9306 0.0705989C12.3093 -0.0690178 11.6583 0.0269769 11.1038 0.33998C10.5492 0.652983 10.1306 1.16071 9.92906 1.76476C9.72751 2.36881 9.75737 3.02617 10.0129 3.60946L5.97133 6.45272C5.61797 6.08858 5.16505 5.83675 4.66927 5.72876C4.17348 5.62077 3.65686 5.66141 3.18406 5.84559C2.71126 6.02978 2.30329 6.34933 2.01121 6.76424C1.71914 7.17916 1.55593 7.671 1.54202 8.17822C1.5281 8.68544 1.66411 9.18549 1.933 9.61579C2.2019 10.0461 2.59174 10.3875 3.05373 10.5973C3.51572 10.8072 4.02934 10.8761 4.5303 10.7954C5.03125 10.7148 5.49729 10.4881 5.87009 10.1439L9.9939 12.9337C9.78185 13.4446 9.73975 14.0102 9.87384 14.5469C10.0079 15.0835 10.3111 15.5629 10.7385 15.914C11.1659 16.2652 11.695 16.4695 12.2475 16.4969C12.8 16.5243 13.3466 16.3732 13.8067 16.0661C14.2667 15.7589 14.6158 15.3119 14.8023 14.7911C14.9888 14.2703 15.0028 13.7033 14.8423 13.1739C14.6818 12.6446 14.3553 12.1808 13.911 11.8513C13.4667 11.5217 12.9282 11.3438 12.375 11.3438Z' fill='%230E47CB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2054_644'%3E%3Crect width='16.5' height='16.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 8px center !important; padding-left: 30px !important; font-weight: normal; padding-top: 3px; } } .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link { border: none; padding-right: 0 !important; min-width: unset; line-height: 33px; color: var(--gs-base-color-eu-blue-100) !important; margin-bottom: auto; margin-top: 3px; padding-bottom: 2px; font-size: 15px !important; font-weight: normal; font-family: Arial, sans-serif; } .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link svg { display: none; } .global-nav-middle .wt-share--menu-content a { color: #0e47cb !important; padding-top: unset; padding-bottom: 5px; padding-left: 12px; text-decoration: none; display: flex; padding-right: 12px; font: normal normal 400 14px / 16px arial, sans-serif; overflow: hidden; } @media (max-width: 991.5px) { .wt-share--menu .wt-share--menu-content { left: -55px; } body .wt-share--menu > a.wt-ecl-link.wt-ecl-link--standalone.wt-ecl-link--icon.wt-ecl-link--icon-before.wt-ecl-social-media-share__link { color: #fff !important; font-size: 12px !important; margin-top: -1px; line-height: 16px; } .wt-share--menu [aria-expanded="true"]:before{ left:8px !important; z-index:9999; } .wt-share--menu .wt-share--menu-content { min-width: 150px; } } .wt-share--menu [aria-expanded="true"]:before{ z-index:9999; } .signed-in .panelCreateAlertParent .button-holder { display: block; } .signed-in .panelCreateAlertParent #separator{ display:none; } button#_eu_europa_publications_portlet_wiw_searchportlet_SearchPortlet_wiwSearchMoreOptions:focus-visible { color: #444444; } @media(max-width: 991.5px){ .ecl-menu__container { flex-wrap: nowrap; } .ecl-menu__container .basket-summary a.basket-label { text-align: center !important; white-space: nowrap !important; } .ecl-menu__container .mobileShareButton { text-align: center !important; white-space: nowrap !important; } } div#custom-footer { display: none !important; } #custom-header.custom-header { display: none !important; } .OPPortalLayout .eCommerce-basket-portlet .order-final-step { min-height: 500px; } </style>  <script> 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">Public Procurement procedure view : Explainability notice - About Us</div> <div class="OPPortalLayout about-us" id="main-content" > <style> #header.header.custom-header{ display: none !important; } </style> <style type="text/css"> .master-layout-fragment .portlet-header { display: none; } </style> <div id="custom-header" class="header custom-header "> <div class="portlet-layout row"> <div class="col-lg-3 col-md-12 col-sm-12 portlet-column-first " id="custom-header-portlet-container"> <div class=""> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet:%2Fo%2Fopportal.displayCustomHeader%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet_"> <span id="p_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayCustomHeader</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> <div class="col-md-12 col-sm-12 portlet-column portlet-column-first" id="header-column"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_header-column"></div> </div> </div> </div> <header id="header" class="header ecl-site-header" data-ecl-auto-init="SiteHeader"> <div class="portlet-layout row ec_header-container-1"> <div class="col-lg-6 col-md-6 col-sm-6 portlet-column-first sub-container-head-r-1" id="logoMain"> <div class="site-main-logo"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet:%2Fo%2Fopportal.displayLogo%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet_"> <span id="p_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayLogo_DisplayLogoPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayLogo</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="journal-content-article " data-analytics-asset-id="115852" data-analytics-asset-title="EU logo" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="115854"> <a href="https://european-union.europa.eu/index_en" target="_self"> <img class="site-logo hidden-xs visible-print-block" src="/documents/10197/13489006/logo-eu-en.svg/5dd643ec-82e4-f3f0-4132-6f410ec3aadc?t=1698222466258" alt="Photo of Publications Office of the European Union" /> <img class="site-logo-mobile hidden-md hidden-lg hidden-print" src="/documents/10197/13489006/logo-eu-en-mobile.svg/7be79ebc-525f-3d0b-0978-ba93a7fe2368?t=1698222467611" alt="Photo of Publications Office of the European Union" /> <span class="screen-readers-only">Publications Office of the European Union</span> </a> </div> </div> </div> </div> </section> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 portlet-column-last sub-container-head-r-1 rightHeader"> <div class="ecl-site-header__header"> <div class="ecl-site-header__container"> <div class="ecl-site-header__top" data-ecl-site-header-top> <div class="ecl-site-header__action"> <div class="accSignin"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fcss%2Fmain.css&t=1732212520000" rel="stylesheet" type="text/css" /> <script src="/combo?browserId=ie&minifierType=js&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg:%2Fo%2Feu.europa.publications.portlet.myPortal%2Fjs%2Fmyportal.js&t=1732212520000" type="text/javascript"></script> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_myPortal_MyPortalPortlet_ portlet-static portlet-static-end portlet-decorate myportal " id="p_p_id_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_"> <span id="p_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">MyPortal</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="ecl-site-header__login-container"> <div class="myportalwrapper" id="_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_myportalwrapper"> <a class="ecl-button ecl-button--ghost ecl-site-header__login-toggle" tabindex="0" aria-label="Log in" href="javascript:_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_showLoginPopUpWindow('/c/portal/login?p_l_id=6855041&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_siteNmDet10530_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-13610194" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13610192" data-analytics-asset-title="Sitename about us" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13610194"> <style type="text/css">@import url('/documents/d/global/header-eu-sitename-v2'); </style> <div class="gcss-op"> <div class="ls-header-sitename-area"> <p class="ls-sitename">Publications Office of the European Union</p>  <div class="ls-line-2"> <p class="ls-site-info"><a class="stretched-link" href="/web/about-us">About us</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <div class="col-lg-5 col-md-12 col-sm-12 portlet-column" id="headercontent"> <div class="portlet-layout row container-fluid left40"> <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 search-portlet-header"> <div id="mainSearchStatic" class="portlet-static portlet-static-end portlet-journal-content-search container-fluid " role="search"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy:%2Fo%2Feu.europa.publications.portlet.main_search%2Fcss%2Fmain.css&t=1732212504000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_main_search_MainSearchPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_"> <span id="p_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">MainSearch</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <form action="https://op.europa.eu/en/web/about-us/public-procurement-procedure-view?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="1732402015906" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_redirect" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_redirect" type="hidden" value="" /> <div class="search-results-form-container"> <div class="search-results-form withCollectionSelector"> <label class="visuallyhidden" for="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain">Select</label> <div class="form-group inline-collection-selector input-select-wrapper"> <select class="form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain" title="Domain" > <option class="" value="EULex,EUPub,EUDir,EUWebPage,EUSummariesOfLegislation,PublicProcurement" > All collections </option> <option class="" value="EULex" > EU law </option> <option class="" value="EUPub" > EU publications </option> <option class="" value="EUDir" > EU official directory </option> <option class="" value="EUWebPage" > Web pages </option> <option class="" value="EUSummariesOfLegislation" > Summaries of EU legislation </option> <option class="" value="PublicProcurement" > EU tenders </option> </select> </div> <div class="form-group search-text-input input-text-wrapper"> <input class="field lfr-search-keywords yui3-skin-sam form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText" title="Search" type="text" value="" onblur="removeValidationMessage(undefined, undefined, undefined, undefined, 'form-validator-stack help-inline');" role="combobox" aria-autocomplete="list" autocomplete="off" maxlength="255" onkeyup="changeInput(value, 2, this, 'form-validator-stack help-inline');" aria-label="Search" /> </div> <a class="delete-icon" onclick="var input = document.getElementById('_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); clearSearchText(input);"> <span class="op-icon op-icon-delete-icon small" /></a> <button class="btn search-btn-input btn-primary" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_search-button" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_search-button" type="submit" aria-label="search button" > <span class="lfr-btn-label"><span class=''>Search</span></span> </button> </div> </div> <div class="mobile-search-options"> <span href="#" class="mobile-search-option-display"> <span class="glyphicon glyphicon-chevron-down"></span> <span class="label"> More </span> </span> </div> <div class="portlet-borderless-container actions-bottom-search mobile-search-display"> <span class="more-search-options wtSearchButton"> <a href="https://op.europa.eu/en/more-search-options" class="aui-field-inline lfr-search-more" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchMoreOptions" >Advanced search</a> </span> <span class="browse-by-subject-options wtSearchButton"> <a href="/web/eu-law-and-publications/browse-by-subject" class="aui-field-inline lfr-browse-by-subject" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_browseBySubject" >Browse by subject</a> </span> <span class="query-wizard-options wtSearchButton"> <a href="/web/eu-law-and-publications/linked-data" class="aui-field-inline lfr-query-wizard" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryWizardOptions" >Expert Search</a> </span> </div> <script type="text/javascript"> var labelMore = 'More'; var labelLess = 'Less'; AUI().use('node', function(Y){ Y.all('.mobile-search-option-display').on('click', function(e) { var searchOptions = Y.one(".mobile-search-display"); var searchOptionButtonLabel = Y.one(".mobile-search-options .label"); var searchOptionButtonChevron = Y.one(".mobile-search-options .glyphicon"); var searchOptionsShow = false; if(!searchOptions.hasClass("show-options")) { searchOptions.addClass("show-options"); searchOptionButtonLabel.setContent(labelLess); searchOptionsShow = !searchOptionButtonChevron.hasClass("glyphicon-chevron-right") && searchOptionButtonChevron.hasClass("glyphicon-chevron-down"); if(searchOptionsShow) { searchOptionButtonChevron.addClass("glyphicon-chevron-right"); searchOptionButtonChevron.removeClass("glyphicon-chevron-down") } } else { searchOptions.removeClass("show-options"); searchOptionButtonLabel.setContent(labelMore); searchOptionsShow = searchOptionButtonChevron.hasClass("glyphicon-chevron-right") && !searchOptionButtonChevron.hasClass("glyphicon-chevron-down"); if(searchOptionsShow) { searchOptionButtonChevron.removeClass("glyphicon-chevron-right"); searchOptionButtonChevron.addClass("glyphicon-chevron-down") } } }); }); </script> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete" type="hidden" value="10" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage" type="hidden" value="en" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_minSearchChars" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_minSearchChars" type="hidden" value="2" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars" type="hidden" value="20" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchBoxPlaceholder" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchBoxPlaceholder" type="hidden" value="Search" /> <input class="field form-control" id="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_SEARCH_TYPE" name="_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_SEARCH_TYPE" type="hidden" value="SIMPLE" /> </div> </form> <script type="text/javascript"> var mainSearchLoadJavascript = true; var mainSearchPortlet = '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_'; var mainSearchPredefParamNames = 'queryText'; </script> <script type="text/javascript"> YUI().use('node', 'opportal-placeholder', 'event', 'webtrends', function (Y) { var ipt = Y.one('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); ipt.plug(Y.Plugin.Placeholder, { text: 'Search', hideOnFocus: true }); var moreSearchOptions = Y.all(".lfr-search-more"); moreSearchOptions.on('click', function (e) { /*e.preventDefault();*/ if (!ipt.hasClass('yui3-placeholder-text')) { var _this = Y.one(e.currentTarget); _this.set("href", updateURLParameter(_this.get("href"), "queryText", encodeURIComponent(ipt.get('value')))); } }); function updateURLParameter(url, param, paramVal) { var newAdditionalURL = ""; var tempArray = url.split("?"); var baseURL = tempArray[0]; var additionalURL = tempArray[1]; var temp = ""; if (additionalURL) { tempArray = additionalURL.split("&"); for (i = 0; i < tempArray.length; i++) { if (tempArray[i].split('=')[0] != param) { newAdditionalURL += temp + tempArray[i]; temp = "&"; } } } var rows_txt = temp + "" + param + "=" + paramVal; return baseURL + "?" + newAdditionalURL + rows_txt; } }); YUI().use('autocomplete', 'autocomplete-highlighters', function (Y) { getAutocompleteSearchURL = function (query) { var autocompleteURL = ''; var allDomains = 'EULex, EUPub, EUDir, EUWebPage, EUSummariesOfLegislation, PublicProcurement'; var domainParam = '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_domain'; var AUI_CHECHBOX_SUFFIX = "Checkbox"; var selectedDomains = allDomains; var domainSelector = Y.one('#' + mainSearchPortlet + 'domain'); if (domainSelector) { selectedDomains = domainSelector.get('value'); } else { var domainList = ''; for (var checkBoxIndex = 0; checkBoxIndex < 5; checkBoxIndex++) { try { var checkBox = Y.one('#' + mainSearchPortlet + 'SinCollections_' + checkBoxIndex + AUI_CHECHBOX_SUFFIX); if (checkBox && checkBox.get('checked')) { domainList += (checkBox.get('value') + ','); } } catch (e) { } } if (domainList.length > 0) { selectedDomains = domainList; } } autocompleteURL += ('&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_searchText=' + query + '&' + domainParam + '=' + selectedDomains); return autocompleteURL; }; var queryTextInput = Y.one('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_queryText'); var parent = Y.one('#main-search-inputs'); if (queryTextInput != undefined && queryTextInput != null && (queryTextInput.ac == undefined || queryTextInput.ac == null)) { queryTextInput.plug(Y.Plugin.AutoComplete, { render: parent, resultHighlighter: 'subWordMatch', minQueryLength: '2', queryDelay: 200, source: 'https://op.europa.eu/en/web/about-us/public-procurement-procedure-view?p_p_id=eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_autocompleteSearchLanguage=en&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxNoOfDisplayResultsAtAutocomplete=10&_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_maxSearchChars=20', requestTemplate: getAutocompleteSearchURL, tabSelect: true }); } }); </script> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div class=" col-lg-2 col-md-12 col-sm-12 portlet-column-last rightHeader"> <div class="accBasket"> <div class="shopping-basket-embedded pull-right"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fcss%2Fmain.css&t=1732212614000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE_"> <span id="p_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">BasketSummary</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="basket-summary-portlet" role="dialog" aria-haspopup="true"> <div class="basket-summary row"> <div class="with-icon"> <a aria-label="Basket" tabindex="0" class="basket-label" href="/en/web/eu-law-and-publications/basket?t=17324020159091841674532"> <span class="basket-items"><i class="gs-icon-basket" aria-hidden="true"></i><span class="value">0</span></span> <span>Basket</span> <div class="myportalwrapper"> <a id="basket-preview" tabindex="-1" role="button" data-toggle="dropdown" class="dropdown hidden" href="#" aria-haspopup="true" aria-expanded="false"> <span class="basket-summary" aria-label="Close">X</span> </a> <ul class="dropdown-menu basket-card" aria-labelledby="basket-preview" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 21px, 0px); margin-left: -280%;"> <li class="basket-preview-title"> <span class="bp-title">Basket</span> <span class="bp-item"><span class="value"> </span> items</span> <span class="bp-x pull-right"> <a id="basket-preview-fake" tabindex="2" aria-label="Close window"> <span class="basket-summary">X</span> </a> </span> </li> <li class="basket-preview-message"> <span class="icon-succes-bp-message"></span> <span class="sr-only-focusable" id="basketStatsSr" aria-live="assertive" aria-atomic="false" tabindex="0">This item has been added.</span> </li> <li class="basket-item"> <div class="bp-item-image"><img src="" alt="thumbnail" title="" /></div> <div class="bp-item-description"></div> <div class="bp-item-det"> <span class="bp-vb-language"></span> <span class="bp-vb-qty">Qty: <span class="value">x</span></span> <span class="bp-vb-price">€ <span class="value">x</span></span> </div> </li> <li class="basket-preview-total"> <span class="bp-total-label">Subtotal</span> <span class="bp-total">€ <span class="value">x</span></span> </li> <li class="basket-preview-grand-total"> <span class="bp-total-label">Total</span> <span class="bp-total">€ <span class="value">0.0</span></span> </li> <li class="basket-preview-btns"> <span class="bp-vb-label"> <a class="btn bp-view-btn" href="/en/web/eu-law-and-publications/basket?t=17324020159091841674532" role="button">View basket</a> </span> <span class="bp-checkout"> <a class="btn bp-checkout-btn" href="/en/web/eu-law-and-publications/basket?t=17324020159091841674532" role="button">Checkout</a> </span> </li> </ul> </div> </a> </div> </div> </div> <script> adjustBasketParent(); window.addEventListener('resize', adjustBasketParent); function adjustBasketParent(){ var containerPortletDefault = document.querySelector(".shopping-basket-embedded"); var containerPortletDesktop = document.querySelector(".accBasket"); var containerPortletMobile = document.querySelector(".container-accBasket-mobile"); if(document.documentElement.clientWidth < 991.5){ if(containerPortletDefault && containerPortletMobile && containerPortletDesktop && containerPortletMobile.childElementCount == 0){ containerPortletMobile.appendChild(containerPortletDefault); } } if(document.documentElement.clientWidth > 991.5){ if(containerPortletDefault && containerPortletMobile && containerPortletDesktop && containerPortletDesktop.childElementCount == 1){ containerPortletDesktop.appendChild(containerPortletDefault); } } } </script> </div> </div> </div> </section> </div> <script src="/combo?browserId=ie&minifierType=js&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE:%2Fo%2Feu.europa.publications.portlet.basketsummary%2Fjs%2Fbasket_summary.js&t=1732212614000" type="text/javascript"></script> </div> </div> </div> </div>  <nav class="ecl-menu ecl-menu--group1" data-ecl-menu data-ecl-menu-max-lines="2" data-ecl-auto-init="Menu" aria-expanded="false" role="navigation"> <div class="ecl-menu__overlay" data-ecl-menu-overlay></div> <div class="ecl-container ecl-menu__container"> <a href="/web/about-us/faq" class="ecl-link ecl-link--standalone ecl-menu__open hide-desktop"> <i class="gs-icon-help-question" aria-hidden="true"></i><span>Help</span> </a> <div class="mobileShareButton ecl-link ecl-link--standalone ecl-menu__open"> <i class="gs-icon-social-share" aria-hidden="true"></i> <script type="application/json">{ "service": "share", "version": "2.0", "popup": true, "more": ["x","facebook","linkedin","email","blogger","yammer","digg","tumblr","reddit"] }</script> <style> .mobileShareButton:not(:has(a)) { display: none !important; } </style> </div> <div class="container-accBasket-mobile ecl-link ecl-link--standalone ecl-menu__open"> </div> <a class="ecl-link ecl-link--standalone ecl-menu__open" href="#" onclick="toogleMobileSearch(); return false;"> <i class="gs-icon-search" aria-hidden="true"></i> <span>Search</span> </a> <script> var toogleMobileSearch = function () { AUI().use('node', function (Y) { var searchPortletHeader = document.querySelector(".search-portlet-header"); displayStyleSearchPortletHeader = window.getComputedStyle(searchPortletHeader); displayStyle = displayStyleSearchPortletHeader.getPropertyValue('display'); if(displayStyle == "none"){ searchPortletHeader.style.display = 'block'; }else{ searchPortletHeader.style.display = 'none'; } }); }; </script> <div class="separator ecl-link ecl-link--standalone ecl-menu__open"></div> <a class="ecl-link ecl-link--standalone ecl-menu__open" href="#" data-ecl-menu-open> <i class="gs-icon-menu" aria-hidden="true"></i>Menu</a> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1732208786000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-decorate portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Menu Display</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="list-menu"> <section class="ecl-menu__inner" data-ecl-menu-inner> <header class="ecl-menu__inner-header"> <button class="ecl-menu__close ecl-button ecl-button--text" type="submit" data-ecl-menu-close> <span class="ecl-menu__close-container ecl-button__container"> <i class="gs-icon-close" aria-hidden="true"></i><span class="ecl-button__label" data-ecl-label="true">Close</span> </span> </button> <div class="ecl-menu__title">Menu</div> <button data-ecl-menu-back type="submit" class="ecl-menu__back ecl-button ecl-button--text"> <span class="ecl-button__container"> <i class="gs-icon-chevron-down" aria-hidden="true"></i><span class="ecl-button__label" data-ecl-label>Back</span> </span> </button> </header> <button class="ecl-button ecl-button--ghost ecl-menu__item ecl-menu__items-previous" type="button" data-ecl-menu-items-previous tabindex="-1"> <span class="ecl-button__container"> <i></i><span class="ecl-u-sr-only" data-ecl-label="true">Previous items</span> </span> </button> <button class="ecl-button ecl-button--ghost ecl-menu__item ecl-menu__items-next" type="button" data-ecl-menu-items-next tabindex="-1"> <span class="ecl-button__container"> <i></i><span class="ecl-u-sr-only" data-ecl-label="true">Next items</span> </span> </button> <ul class="ecl-menu__list en" data-ecl-menu-list> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/en/home" class="ecl-menu__link " data-ecl-menu-link>Publications Office</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/law" class="ecl-menu__link " data-ecl-menu-link>EU law</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://data.europa.eu" class="ecl-menu__link " data-ecl-menu-link>European data</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/en/web/public-procurement/landing-page-public-procurement" class="ecl-menu__link " data-ecl-menu-link>EU tenders</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://cordis.europa.eu" class="ecl-menu__link " data-ecl-menu-link>EU research results</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/web/who-is-who/" class="ecl-menu__link " data-ecl-menu-link>EU Whoiswho</a> </li> <li class='ecl-menu__item ' data-ecl-menu-item > <a href="https://op.europa.eu/web/general-publications/publications" class="ecl-menu__link " data-ecl-menu-link>EU publications</a> </li> </ul> </section> <script> function removeForcedMobileEcHeader15831(){ 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 targetNodeHeaderForcedMobile15831 = document.querySelector(".ecl-menu.ecl-menu--group1"); // Options for the observer (which mutations to observe) var configHeaderForcedMobile15831 = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed var callbackHeaderForcedMobile15831 = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "childList") { removeForcedMobileEcHeader15831(); } else if (mutation.type === "attributes") { removeForcedMobileEcHeader15831(); } } }; // Create an observer instance linked to the callback function var observerHeaderForcedMobile15831 = new MutationObserver(callbackHeaderForcedMobile15831); // Start observing the target node for configured mutations observerHeaderForcedMobile15831.observe(targetNodeHeaderForcedMobile15831, configHeaderForcedMobile15831); </script> </div> <style> button.ecl-button.ecl-button--primary.ecl-menu__button-caret{ background: unset; border: unset; margin: unset; } button.ecl-button.ecl-button--primary.ecl-menu__button-caret i{ color: #fff; transition-delay: .25s; } .ecl-menu__item--has-children:hover button.ecl-button.ecl-button--primary.ecl-menu__button-caret i, button.ecl-button.ecl-button--primary.ecl-menu__button-caret:focus-within i{ color: #0e47cb; transform: rotate(180deg); } @media(max-width: 991.5px) { .ecl-menu__item--has-children .ecl-button--primary.ecl-menu__button-caret{ background-color: #e7edfa !important; } .ecl-menu__item--has-children .ecl-button--primary.ecl-menu__button-caret i{ color: #0e47cb !important; transform: rotate(270deg); } .ecl-menu__inner-header .ecl-menu__back.ecl-button.ecl-button--text{ color: #fff; border: unset; margin: unset; padding: unset; } .ecl-menu__inner-header .ecl-menu__back.ecl-button.ecl-button--text .ecl-button__label{ margin-left: 10px; } .ecl-menu__inner-header .ecl-menu__back.ecl-button.ecl-button--text i{ transform: rotate(90deg); } .ecl-menu__inner-header .ecl-menu__close.ecl-button.ecl-button--text{ margin-bottom: unset; } section.ecl-menu__inner.ecl-menu__inner--expanded{ overflow-x: hidden; } } </style> </div> </div> </div> </section> </div> </div> </nav> </header> <nav id="globalnav" class="globalnav "> <div class="global-nav-middle"> <div class="portlet-layout row"> <div class="tabnav col-md-8 col-lg-9 portlet-column portlet-column-first" id="tabnav"> <div class="navigation-hide-mobile"> <div class="breadcrumbs" id="breadcrumbs"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_ portlet-static portlet-static-end portlet-decorate portlet-breadcrumb " id="p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb_"> <span id="p_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Breadcrumb</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <nav aria-label="Breadcrumb" id="_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb_breadcrumbs-defaultScreen"> <div class="breadcrumbsComponent-mobile"> <div class="d-none">/en/web/eu-law-and-publications</div> <div class="d-none">https://op.europa.eu/en/web/about-us/about-us</div> <div class="d-none">https://op.europa.eu/en/web/about-us/legal-notices</div> <a class="breadcrumb-mobile-link" href="https://op.europa.eu/en/web/about-us/legal-notices" title="One level up"> <span class="arrow-back-mobile"></span><span>One level up</span> </a> <div class="d-none">https://op.europa.eu/en/web/about-us/public-procurement-procedure-view</div> </div> <ol class="breadcrumb breadcrumbsComponent breadcrumbsComponent-desktop"> <li class="breadcrumb-item"> <a class="breadcrumb-link" href="/en/home" title="Publications Office of the EU"> <span class="breadcrumb-text-truncate">Publications Office</span> </a> <i class="gs-icon-chevron-right" aria-hidden="true"></i> </li> <li class="breadcrumb-item"> <a class="breadcrumb-link" href="https://op.europa.eu/en/web/about-us/about-us" title="About us"> <span class="breadcrumb-text-truncate">About us</span> </a> <i class="gs-icon-chevron-right" aria-hidden="true"></i> </li> <li class="breadcrumb-item"> <a class="breadcrumb-link" href="https://op.europa.eu/en/web/about-us/legal-notices" title="Legal notices"> <span class="breadcrumb-text-truncate">Legal notices</span> </a> <i class="gs-icon-chevron-right" aria-hidden="true"></i> </li> <li class="breadcrumb-item"> <span class="active breadcrumb-text-truncate">Public Procurement procedure view : Explainability notice</span> </li> </ol> <style> </style> </nav> </div> </div> </div> </section> </div> </div> </div> </div> <div class="col-md-4 col-lg-3 portlet-column portlet-column-last"> <div class="help"><a href="/web/about-us/faq">Help</a></div> <div class="op-portal-share"> <script type="application/json">{ "service": "share", "version": "2.0", "popup": true, "more": ["x","facebook","linkedin","email","blogger","yammer","digg","tumblr","reddit"] }</script> </div> </div> </div> </div> </nav> <main id="maincontent" class="maincontent container"> <div class="maincontent-page-bleed"> <div class="portlet-layout col-md-12 portlet-column portlet-column-only"> <div class="container container-fluid-legacy p-0"> <div class="portlet-column col-12"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-last" id="layout-column_maintop"></div> </div> </div> </div> <div class="portlet-layout row"> <aside class="localnav col-sm-12 col-md-12 col-lg-3 hidden-print portlet-column portlet-column-first about-us-menu" id="localnav"> <div class="empty portlet-dropzone portlet-column-content" id="layout-column_localnav"></div> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&t=1732208786000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-decorate portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu_"> <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Menu Display</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <style> /*the color of the border*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div{ border-left: 4px solid #132760; font-weight: bold; } /*the color of the text int the link*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a:active, .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a:focus, .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div > a{ color: #132760 !important; font-weight: bold !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv li a { color: #333333 !important; } /*the svg for the arrow*/ .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before { /*background-image: url("");*/ } /*the color of the hover background*/ /* .opportal-site-navigation-vertical-collapse-desktop .customCsub.collapse.show li[id^="layout_"] > div:hover { background-color: #F5F5F5; } */ .opportal-site-navigation-vertical-collapse-desktop li[id^="layout_"] > div:hover { background-color: #F5F5F5; } /*the color of the active link background*/ .opportal-site-navigation-vertical-collapse-desktop li.selected.active > div{ background-color: #EEEEEE; } .opportal-site-navigation-vertical-collapse-desktop a:focus{ outline: 1px solid #5599FF !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div { padding: 0 !important; min-height: 45px; height: auto !important; display: flex; border-bottom: 1px solid #ddd; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:nth-child(2) { width: 45px; height: 45px; position: absolute; margin-right: 0 !important; right: 0; /*padding: 14px 11px 11px 15px !important;*/ padding: 12px !important; text-align: center; }.opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:nth-child(2) > span{ float: unset !important; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv div > a:first-child{ padding: 14px 40px 11px 15px !important; width: 100%; margin-right: 0; float: left; text-decoration: none !important; } .opportal-site-navigation-vertical-collapse-desktop .customCsub.collapse.show li[id^="layout_"]:hover { background-color: unset; } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv li { border-bottom: 0 !important; margin-bottom: 0 !important; } @media (max-width: 991.5px){ .opportal-site-navigation-vertical-collapse-desktop { display: none !important; } #localnav.localnav{ display: block !important; width: 100%; max-width: 100%; } #localnav.localnav .navbar-toggle { display: block; } .layout-class-portal2012-layout-brows-by-subject .OPPortalLayout .maincontent { margin-top: unset; } } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before { transform: rotate(180deg); } .opportal-site-navigation-vertical-collapse-desktop .customSideNavv .dropdown-toggle.parr.collapsed .icon-arrow-down::before { transform: rotate(0deg); } .menu-mobile-burger-container .customClassC.lfr-nav-item div{ padding: 0!important; height: 45px!important; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:hover, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:active, .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a:focus{ padding: 0; line-height: 45px !important; height: 45px !important; display: block; text-decoration: unset !important; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a span{ padding: 0 7px; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a.collapsed span{ line-height: 33px; margin-top: 6px; padding: 0 14px; border-left: 1px solid #8890A1; } .menu-mobile-burger-container ul.navbar-mob-site.customSideNavv li a span i{ vertical-align: middle; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv > li > div > a:not(.parr), .menu-mobile-burger-container .customClassC.lfr-nav-item.selected.active.show>div a:not(.parr), .menu-mobile-burger-container .customClassC.lfr-nav-item.selected.active.show>ul li a { margin-left: 20px; } .mobile-active-sub-menu a { margin-left: 36px !important; } .menu-mobile-burger-container .customSideNavv .customClassC ul{ padding-inline-start: 0; } .menu-mobile-burger-container .customSideNavv li a { z-index: 0 !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv{ visibility: visible; height: auto; position: relative; overflow: hidden; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv.has-active-selected-region{ visibility: hidden; height: 0; } .menu-mobile-burger-container .active-selected-region{ visibility: visible; position: absolute !important; top: 0; left: 0; width: 100%; background: #697188 !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv div:hover { background-color: #697188 !important; } .menu-mobile-burger-container a:not(.parr){ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } /* .menu-mobile-burger-container .navbar-mob-site.customSideNavv .customClass-submenu.show > div > .dropdown-toggle.parr .icon-arrow-down::before{ background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 9L8 14.5L13.5 20' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cline x1='9' y1='14' x2='22' y2='14' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important; background-repeat: no-repeat; background-position: center; width: 20px; height: 14px; transform: rotate(0) !important; } .menu-mobile-burger-container .navbar-mob-site.customSideNavv .customClass-submenu.show > div > .dropdown-toggle.parr { position: absolute; margin-left: 0 !important; } */ .customSideNavv .dropdown-toggle.parr .icon-arrow-down::before, .customSideNavv .dropdown-toggle.parr.collapsed .icon-arrow-down::before, .customSideNavv .dropdown-toggle.parr.active.collapsed .icon-arrow-down::before { background-image:url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999992 1.00004L6.49999 6.50004L12 1.00004' stroke='%23132760' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } </style> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu" class="opportal-site-navigation-vertical-collapse-desktop"> <ul aria-label=" site-pages" class="nav nav-pills navbar-site customSideNavv" role="menubar"> <div class="hide-accessible"> Navigation </div> <li class="customClassC lfr-nav-item " id="layout_286" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/about-publication-office-of-the-european-union' tabindex="0" aria-label="About us"> About us</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_290" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/what-we-do' tabindex="0" aria-label="What we do"> What we do</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_287" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/organisational-structure' tabindex="0" aria-label="Organisational structure"> Organisational structure</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_291" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/events' tabindex="0" aria-label="Events"> Events</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_261" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/our-tenders' tabindex="0" aria-label="Our tenders"> Our tenders</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_289" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/contact-us' tabindex="0" aria-label="Contact"> Contact</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_279" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/faq' tabindex="0" aria-label="FAQ"> FAQ</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_263" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/career-opportunities' tabindex="0" aria-label="Career opportunities"> Career opportunities</a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_5" role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/legal-notices' tabindex="0" aria-label="Legal notices"> Legal notices</a> <a data-target='#expand-d-5' class="dropdown-toggle parr collapsed" data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand submenu Legal notices"> <span class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span> </a> </div> <ul id="expand-d-5" class="collapse customClassC-menu " role="menu"> <li class="" id="layout_295" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/privacy-statement' role="menuitem" tabindex="0" aria-label="Privacy statement">Privacy statement</a> </div> </li> <li class="" id="layout_297" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/disclaimer' role="menuitem" tabindex="0" aria-label="Disclaimer">Disclaimer</a> </div> </li> <li class="" id="layout_197" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy' role="menuitem" tabindex="0" aria-label="Cookie policy">Cookie policy</a> </div> </li> <li class="" id="layout_167" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/general-conditions-of-dissemination-and-sale' role="menuitem" tabindex="0" aria-label="General conditions of dissemination and sale">General conditions of dissemination and sale</a> </div> </li> <li class="" id="layout_217" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/accessibility-statement' role="menuitem" tabindex="0" aria-label="Accessibility statement">Accessibility statement</a> </div> </li> <li class="" id="layout_331" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/explainability-notice' role="menuitem" tabindex="0" aria-label="Virtual assistant : Explainability notice">Virtual assistant : Explainability notice</a> </div> </li> <li class=" active selected" id="layout_344" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view' role="menuitem" tabindex="0" aria-label="Public Procurement procedure view : Explainability notice">Public Procurement procedure view : Explainability notice</a> </div> </li> <li class="" id="layout_191" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/publications-office-of-the-european-union-copyright' role="menuitem" tabindex="0" aria-label="Copyright">Copyright</a> </div> </li> <li class="" id="layout_320" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/opds' role="menuitem" tabindex="0" aria-label="OPDS">OPDS</a> </div> </li> <li class="" id="layout_330" role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/upp' role="menuitem" tabindex="0" aria-label="UPP">UPP</a> </div> </li> </ul> </li> </ul> </div> <script> //to expand child var selectedDMenuItemRoot = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.customClassC.active.selected'); var selectedDMenuItemRootLastChild = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.customClassC li.active.selected'); var currentDSelectedMenuRoot; if(selectedDMenuItemRootLastChild && selectedDMenuItemRoot){ currentDSelectedMenuRoot = selectedDMenuItemRootLastChild.closest('ul'); var selectedDMenuItemRootLastChildToExpand = selectedDMenuItemRootLastChild.querySelector('ul'); if(selectedDMenuItemRootLastChildToExpand){ $(selectedDMenuItemRootLastChildToExpand).collapse('show'); } $(currentDSelectedMenuRoot).collapse('show'); selectedDMenuItemRoot.classList.remove("selected"); selectedDMenuItemRoot.classList.remove("active"); }else if(selectedDMenuItemRoot){ currentDSelectedMenuRoot = selectedDMenuItemRoot.querySelector('ul'); } if(selectedDMenuItemRoot && currentDSelectedMenuRoot){ //var parentDSelectedArrowRoot = selectedDMenuItemRoot.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrowRoot.classList.remove("collapsed"); //parentDSelectedArrowRoot.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenuRoot.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenuRoot).collapse('show'); } //to expand parent var selectedDMenuItem = document.querySelector('.opportal-site-navigation-vertical-collapse-desktop li.active.selected'); var currentDSelectedMenu; var parentDSelectedMenuItem; if(selectedDMenuItem){ currentDSelectedMenu = selectedDMenuItem.closest('ul'); parentDSelectedMenuItem = currentDSelectedMenu.closest('li'); } //set the 1st parent to expanded if(currentDSelectedMenu && parentDSelectedMenuItem){ //var parentDSelectedArrow = parentDSelectedMenuItem.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow.classList.remove("collapsed"); //parentDSelectedArrow.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu).collapse('show'); //set the 2nd parent to expanded var currentDSelectedMenu2 = currentDSelectedMenu.closest('.opportal-site-navigation-vertical-collapse-desktop li').closest('ul'); var parentDSelectedMenuItem2 = currentDSelectedMenu2.closest('li'); if(currentDSelectedMenu2 && parentDSelectedMenuItem2){ //var parentDSelectedArrow2 = parentDSelectedMenuItem2.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow2.classList.remove("collapsed"); //parentDSelectedArrow2.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu2.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu2).collapse('show'); //set the 3rd parent to expanded var currentDSelectedMenu3 = currentDSelectedMenu2.closest('.opportal-site-navigation-vertical-collapse-desktop li').closest('ul'); var parentDSelectedMenuItem3 = currentDSelectedMenu3.closest('li'); if(currentDSelectedMenu3 && parentDSelectedMenuItem3){ //var parentDSelectedArrow3 = parentDSelectedMenuItem3.querySelector('div > a.dropdown-toggle'); //on a remove collapsed and set aria expanded true //parentDSelectedArrow3.classList.remove("collapsed"); //parentDSelectedArrow3.setAttribute("aria-expanded", "true"); //add menu class //currentDSelectedMenu3.classList.add("show"); //make sure it is expanded -> need to call it with jQuery $(currentDSelectedMenu3).collapse('show'); } } } </script> <button type="button" class="menu-mobile-burger-button btn-background navbar-toggle bg-light btn-left navButton mobButton collapsed" data-toggle="collapse" data-target=".navHeaderCollapse1732402015835" > <span class="font_btn glyphicon glyphicon-align-justify"></span> <div class="mob-menu-label">Menu</div> </button> <div class="menu-mobile-burger-container menu-mobile-burger-container-vertical-menu hide-bootstrap-max navbar-collapse navHeaderCollapse1732402015835 collapse mobNode" style="height: auto;"> <div class="breadcrumbs-horizontal lfr-component"> <div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu"> <ul aria-label=" site-pages" class="nav nav-pills navbar-mob-site customSideNavv" role="menubar"> <div class="hide-accessible"> Navigation </div> <li class="customClassC lfr-nav-item " id="layout_286" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/about-publication-office-of-the-european-union' tabindex="0" aria-label="About us"> About us</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_290" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/what-we-do' tabindex="0" aria-label="What we do"> What we do</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_287" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/organisational-structure' tabindex="0" aria-label="Organisational structure"> Organisational structure</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_291" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/events' tabindex="0" aria-label="Events"> Events</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_261" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/our-tenders' tabindex="0" aria-label="Our tenders"> Our tenders</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_289" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/contact-us' tabindex="0" aria-label="Contact"> Contact</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_279" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/faq' tabindex="0" aria-label="FAQ"> FAQ</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_263" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/career-opportunities' tabindex="0" aria-label="Career opportunities"> Career opportunities</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand menu"> </a> </div> </li> <li class="customClassC lfr-nav-item " id="layout_5" aria-expanded='false' role="menuitem" tabindex="0"> <div> <a href='https://op.europa.eu/en/web/about-us/legal-notices' tabindex="0" aria-label="Legal notices"> Legal notices</a> <a data-target='#expand-5' class="dropdown-toggle parr " data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand menu"> <span onclick="displayMenuItems(this)" class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span> </a> </div> <ul id="expand-5" class="collapse customClassC-menu show" role="menu"> <li class=" " id="layout_295" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/privacy-statement' role="menuitem" tabindex="0" aria-label="Privacy statement">Privacy statement</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_297" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/disclaimer' role="menuitem" tabindex="0" aria-label="Disclaimer">Disclaimer</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_197" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/cookie-policy' role="menuitem" tabindex="0" aria-label="Cookie policy">Cookie policy</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" customClass-submenu " id="layout_167" aria-expanded='false' role="menuitem" tabindex="0"> <div><a aria-haspopup='true' class="dropdown-toggle" href='https://op.europa.eu/en/web/about-us/legal-notices/general-conditions-of-dissemination-and-sale' role="menuitem" tabindex="0" aria-label="General conditions of dissemination and sale">General conditions of dissemination and sale</a> <a data-target='#expand-167' class="dropdown-toggle parr collapsed" data-toggle='collapse' role="menuitem" tabindex="0" aria-label="Expand submenu"><span onclick="displayMenuItems(this)" class="lfr-nav-child-toggle"><i class="icon-arrow-down"></i></span></a> </div> <ul id="expand-167" class="customCsub collapse " role="menu"> <li class=" " id="layout_335" aria-expanded='false' role="menuitem" tabindex="0"> <div><a aria-label="Print-on-demand and shipping fees" tabindex="0" class="" href='https://op.europa.eu/en/web/about-us/print-on-demand-and-shipping-fees' role="menuitem">Print-on-demand and shipping fees</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> <li class=" " id="layout_217" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/accessibility-statement' role="menuitem" tabindex="0" aria-label="Accessibility statement">Accessibility statement</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_331" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/explainability-notice' role="menuitem" tabindex="0" aria-label="Virtual assistant : Explainability notice">Virtual assistant : Explainability notice</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" active selected " id="layout_344" aria-expanded='true' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view' role="menuitem" tabindex="0" aria-label="Public Procurement procedure view : Explainability notice">Public Procurement procedure view : Explainability notice</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_191" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/publications-office-of-the-european-union-copyright' role="menuitem" tabindex="0" aria-label="Copyright">Copyright</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_320" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/opds' role="menuitem" tabindex="0" aria-label="OPDS">OPDS</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> <li class=" " id="layout_330" aria-expanded='false' role="menuitem" tabindex="0"> <div><a class="" href='https://op.europa.eu/en/web/about-us/legal-notices/upp' role="menuitem" tabindex="0" aria-label="UPP">UPP</a> <a class=" parr collapsed" role="menuitem" tabindex="0" aria-label="Expand submenu"></a> </div> </li> </ul> </li> </ul> </div> </div> </div> <script> function displayMenuItems (e){ var mainMenu = document.querySelector('.menu-mobile-burger-container ul.navbar-mob-site.customSideNavv'); var parentMenu = e.closest('li'); var secondParentMenu; if(parentMenu != undefined){ secondParentMenu = parentMenu.parentNode.closest('li'); } var mainMobMenu = parentMenu.closest(".menu-mobile-burger-container ul.navbar-mob-site.customSideNavv"); var mainMobMenuClass = false; if(e.parentElement.classList.contains('collapsed')){ //expand submenu if(parentMenu != undefined){ //secondParentMenu = parentMenu.closest('li[aria-expanded="true"]'); //if(secondParentMenu != undefined){ // secondParentMenu.classList.remove("mobile-active-sub-menu"); //} parentMenu.classList.add("mobile-active-sub-menu"); parentMenu.classList.add("active-selected-region"); mainMobMenuClass = true; /*mainMenu.style.height = parentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ }else{ /*mainMenu.style.height = "auto"; mainMenu.classList.remove("main-menu-mobile-active-with-sub-menu");*/ } //and colapse second parent menu if(secondParentMenu != undefined){ secondParentMenu.classList.remove("mobile-active-sub-menu"); secondParentMenu.classList.remove("active-selected-region"); //mainMobMenuClass = true; /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ } } else{ //colapse parent menu if(parentMenu != undefined){ parentMenu.classList.remove("mobile-active-sub-menu"); parentMenu.classList.remove("active-selected-region"); //mainMobMenuClass = true; //if(secondParentMenu != undefined){ // secondParentMenu.classList.add("mobile-active-sub-menu"); // /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; // mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ //}else{ // /*mainMenu.style.height = "auto"; // mainMenu.classList.remove("main-menu-mobile-active-with-sub-menu");*/ //} } //and expand second parent menu if(secondParentMenu != undefined){ secondParentMenu.classList.add("mobile-active-sub-menu"); secondParentMenu.classList.add("active-selected-region"); mainMobMenuClass = true; /*mainMenu.style.height = secondParentMenu.offsetHeight+"px"; mainMenu.classList.add("main-menu-mobile-active-with-sub-menu");*/ } } //also add/remove class on main menu if(mainMobMenuClass){ mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; }else{ mainMobMenu.classList.remove("has-active-selected-region"); mainMobMenu.style.height = "auto"; } }; function setMenuActiveElementVerticalMenu (){ var activeLIs = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .navbar-mob-site.customSideNavv li.active.selected"); var activeLI = activeLIs[activeLIs.length - 1]; if( activeLI != undefined && activeLI.parentNode != undefined ){ var firstParentLI = activeLI.parentNode.parentNode; if(firstParentLI.classList.contains('customClass-submenu') || (firstParentLI.classList.contains('customClassC') //&& firstParentLI.classList.contains('selected') //&& firstParentLI.classList.contains('active') //&& firstParentLI.classList.contains('show') ) ){ firstParentLI.classList.add("mobile-active-sub-menu"); firstParentLI.classList.add("active-selected-region"); var mainMobMenu = firstParentLI.closest(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu ul.navbar-mob-site.customSideNavv"); mainMobMenu.classList.add("has-active-selected-region"); mainMobMenu.style.height = document.querySelectorAll(".menu-mobile-burger-container.menu-mobile-burger-container-vertical-menu .mobile-active-sub-menu > ul > li").length * 45 + 46 +"px"; //firstParentLI.clientHeight } } } setMenuActiveElementVerticalMenu (); </script> </div> </div> </div> </section> </div> </aside> <section class="maincontentarea col-sm-12 col-md-12 col-lg-9 search-results-content col-xs-12 portlet-column portlet-column-last" id="maincontentarea"> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_dockbar_DockbarPortlet:%2Fo%2Feu.europa.publications.portlet.dockbar%2Fcss%2Fmain.css&t=1732212500000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_dockbar_DockbarPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_"> <span id="p_eu_europa_publications_portlet_dockbar_DockbarPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_dockbar_DockbarPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Dockbar</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> <div class="portlet-dropzone portlet-column-content" id="layout-column_maincontentarea"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">Public Procurement procedure view Explainability notice</div> </div> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-15115744" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="15115742" data-analytics-asset-title="Public Procurement procedure view Explainability notice" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15115744"> <div class="gcss-op"> <h1 class="h1-op">Public Procurement procedure view</h1> <h2 class="h2-op">Explainability notice</h2> <div class="section-op-sm p-3 p-lg-4 light-grey-op mt-5 mb-5"> <nav aria-labelledby="toc" role="navigation"> <p class="p-op" id="toc"><strong>Table of Contents</strong></p> <ol class="ol-op"> <li><a href="#1">Public procurement procedure view</a></li> <li><a href="#2">What is CPV enrichment?</a></li> <li><a href="#3">How does CPV enrichment work?</a></li> <li><a href="#4">Which data are used by CPV enrichment?</a></li> <li><a href="#5">Limitations at the current point in time</a></li> <li><a href="#6">Disclaimer - liability aspects</a></li> </ol> </nav> </div> <p class="p-op">GLOSSARY</p> <div> <table class="gs-row-color-none"> <tbody> <tr style="background-color:#E7EDFA;"> <th style="width:25%;">Term</th> <th>Definition</th> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Artificial intelligence(AI)</td> <td style="border: 0,5px solid black; border-collapse: collapse;">Artificial intelligence (AI) is technology that enables computers and machines to simulate or to imitate human intelligence and problem-solving capabilities.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Classification model</td> <td style="border: 0,5px solid black; border-collapse: collapse;">A classification model is a type of machine learning model that categorizes or classifies data into predefined classes or labels. It takes input data and predicts which category or class the data belongs to.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">CPV (Common Procurement Vocabulary)</td> <td style="border: 0,5px solid black; border-collapse: collapse;">CPV (Common Procurement Vocabulary) <a href="#7">(1)</a> is a structured system of classification codes used in public procurement across the European Union. It helps categorize and describe the subject matter of supply, service, and works contracts for procurement purposes. The CPV classification system is designed to facilitate the publication and comparison of contract notices, making it easier for suppliers and contracting authorities to find relevant procurement opportunities.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">eTranslation <a href="#7">(2)</a></td> <td style="border: 0,5px solid black; border-collapse: collapse;">eTranslation is a neural machine translation service provided by the European Commission.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Machine learning (ML)</td> <td style="border: 0,5px solid black; border-collapse: collapse;">Machine learning (ML) is a type of artificial intelligence (AI) that allows software applications to ‘learn’ from past practice and feedback and thereby become more correct at predicting outcomes without being explicitly programmed to do so.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Model inference</td> <td style="border: 0,5px solid black; border-collapse: collapse;">Model inference is the phase where a trained machine learning model is used to make predictions on new data.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Model training</td> <td style="border: 0,5px solid black; border-collapse: collapse;">Model training is a critical phase in the development of a machine learning model where the model learns to make predictions based on data.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Natural Language Processing (NLP)</td> <td style="border: 0,5px solid black; border-collapse: collapse;">Natural Language Processing (NLP) is a field of artificial intelligence (AI) that enables computers to analyse and understand human language, both written and spoken.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">Public procurement procedure view</td> <td style="border: 0,5px solid black; border-collapse: collapse;">A ‘Public procurement procedure view’ aggregates information from all <a href="https://ted.europa.eu/">TED</a> notices belonging to the same procedure (related notices) and presents it in a single, simplified and user-friendly perspective. The Public procurement procedure is a new concept of presenting procurement data available in <a href="https://ted.europa.eu/">TED</a> notices.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">scikit-learn</td> <td style="border: 0,5px solid black; border-collapse: collapse;">scikit-learn is an open-source machine learning library for the Python programming language. It provides various machine learning algorithms, including algorithms to build classification models.</td> </tr> <tr style="border: 0,5px solid black; border-collapse: collapse;"> <td style="border: 0,5px solid black; border-collapse: collapse;">TED</td> <td style="border: 0,5px solid black; border-collapse: collapse;">TED-tender electronic daily is the website (<a href="https://ted.europa.eu">https://ted.europa.eu</a>) managed by the Publications Office of the European Union on which the Official Journal S (Supplement to the Official Journal of the European Union, or OJ S) is published. Access to TED is free of charge. <p> </p> All public tenders above specific contract values must be published in the OJ S.</td> </tr> </tbody> </table> </div> <p id="7">(1) <a href="https://op.europa.eu/en/web/eu-vocabularies/dataset/-/resource?uri=http://publications.europa.eu/resource/dataset/cpv">https://op.europa.eu/en/web/eu-vocabularies/dataset/-/resource?uri=http://publications.europa.eu/resource/dataset/cpv</a></p> <p id="7">(2) <a href="https://language-tools.ec.europa.eu/">https://language-tools.ec.europa.eu/</a></p> <h2 class="h2-op" id="1">1. Public procurement procedure view</h2> <p class="p-op">Public Procurement procedure view, available on OP portal, aggregates information from all TED notices belonging to the same procedure (related notices) and presents it in a single, user-friendly perspective. Public procurement procedure view is a new way of presenting procurement data available in TED notices <a href="#7">(3)</a>.</p> <p> </p> <p>The simplified view is designed to be easily understood and navigable by users without specialized procurement knowledge, making it accessible to a broader audience.</p> <p> </p> <p id="8">(3) <a href=" https://ted.europa.eu/en/"> https://ted.europa.eu/en/</a></p> <p class="p-op"><picture data-fileentryid="15117467"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/15117467/Thumbnail-300x300/picture+notice.png?t=1723643850086" /><source media="(max-width:680px) and (min-width:300px)" srcset="/o/adaptive-media/image/15117467/Preview-1000x0/picture+notice.png?t=1723643850086" /><img alt="" src="/documents/d/about-us/picture-notice" /></picture></p> <p> </p> <p> </p> <p style="text-align: center;font-style: italic;">Figure 1 – Public Procurement Procedure aggregation.</p> <p class="p-op">The Public Procurement Procedure view page contains a visual representation of the procedure status and timeline, along with a geographical representation for the places of performance. The procedure details include key attributes for both the overall procedure and each individual lot. Additionally, the display provides direct links to all related TED notices, ensuring easy access to the primary source of information that was used to aggregate the Public Procurement procedure view.</p> <h2 class="h2-op" id="2">2. What is CPV enrichment?</h2> <p class="p-op">CPV enrichment is a functionality that aims to improve the findability of public procurement procedures in order to enhance OP Portal user experience by improving the quality of the search results. To do so, the system combines several Artificial Intelligence (AI) techniques such as natural language processing (NLP) and machine learning (ML) to infer new CPVs codes for all the published procedures, based on their content.</p> <p> </p> <p>The new CPV codes inferred by the system appear near the original CPV codes on the procedure details page. The page makes a clear distinction between the procedure’s original CPVs and the inferred ones, so that the user is informed the latter are generated with the help of AI. Additionally, the inferred CPV codes are integrated into the search facets, improving the user search experience by allowing users to filter procedure based on enhanced codes.</p> <p> </p> <p class="p-op"> </p> <p> </p> <p>For example if we consider the procedure with the title <a href="https://op.europa.eu/en/web/public-procurement/procurement-details/-/procurement/6cf61ddf-c656-3a28-b3fa-276c1eb1acc4">“Luxembourg-Luxembourg: Transport services by van and mini-van with dedicated driver”</a> and with the description “Transport services by van and mini-van with dedicated driver.”, the original CPV from the TED notice is “60100000 - Road transport services“, and based on the trained model the enrichment engine inferred an additional, more particular one: “60170000 - Hire of passenger transport vehicles with driver”.</p> <p> </p> <p class="p-op"><picture data-fileentryid="15126168"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/15126168/Thumbnail-300x300/procedure+details.png?t=1723792263315" /><source media="(max-width:669px) and (min-width:300px)" srcset="/o/adaptive-media/image/15126168/Preview-1000x0/procedure+details.png?t=1723792263315" /><img alt="" src="/documents/d/about-us/procedure-details" /></picture></p> <p> </p> <p> </p> <h2 class="h2-op" id="3">3. How does CPV enrichment work?</h2> <p class="p-op">The CPV enrichment system relies on a classification model trained with the scikit-learn library. The model takes as input the text content of a procedure, and outputs the confidence score of all supported CPV codes. For a given procedure, the following steps are executed to obtain the predicted CPV codes:</p> <ul> <li class="p-op">Extraction: relevant content such as procedures titles and description that helps to infer the CPV codes is extracted from the procedure.</li> <li class="p-op">Translation: the procedure content is translated into English using the eTranslation service if the content of the notice is not available in English.</li> <li class="p-op">Preprocessing: the extracted content may contain irrelevant parts, such as symbols, articles, conjunctions, etc. This information doesn’t help to predict CPV codes, and may impact the inference quality, so it is removed from the procedure content.</li> <li class="p-op">Classification: the extracted content is passed to the classification model to predict a confidence score for each CPV code of predefined classes.</li> <li class="p-op">Filtering: to determine which CPV codes should be kept for the procedure, the obtained confidence scores are compared to a threshold value determined during the training of the model. If the confidence score of a CPV code is greater than the threshold, then the code is considered as relevant for the procedure. For example, if the model predicts a confidence score of 0.7 for the CPV code 85000000 and the threshold is 0.6, then the system considers the inferred CPV code as related to the procedure.</li> </ul> <p class="p-op">To learn how to infer CPV codes, the model has been trained on the complete set of procedures published on the Portal. Multiple configurations of the model are trained on 80% of the data and evaluated to keep the one with the best prediction quality. The remaining 20% of the data are used to test the quality of the model on data not used during training. All inferred CPV codes with confidence score below the configured threshold are disabled to avoid these codes to be incorrectly predicted or used by the system; CPV inference errors or omissions may still occur.</p> <p> </p> <p>The classification model is trained and tuned manually and the model with best prediction quality is used to automatically infer additional CPVs on newly processed procurement procedures.</p> <p> </p> <h2 class="h2-op" id="4">4. Which data are used by CPV enrichment?</h2> <p class="p-op">The CPV enrichment system uses the procedures publicly available on the OP Portal to learn how to infer CPV codes. The current system has been trained on 2.5 million procedures published from 2011 to date.</p> <p> </p> <p>The following information are extracted from all the procedures used by the system to train the inference model:</p> <p> </p> <ul> <li>Title of the procedure.</li> <li>Short description of the procedure.</li> <li>Title of the lots (if the procedure contains lots).</li> <li>Short description of the lots (if the procedure contains lots).</li> <li>The main and additional CPV codes already included in the procedure.</li> <li>The main and additional CPV codes of the lots (if the procedure contains lots)</li> </ul> <p class="p-op">That information is published based on the transparency principle applicable to all EU policies and legislation. No personal data is used to train and improve the CPV enrichment system.</p> <h2 class="h2-op" id="5">5. Limitations at the current point in time</h2> <ul> <li>The system can infer CPV codes up to 5 digits (divisions, groups, classes, and categories). It doesn’t support lower levels.</li> <li>The system supports only CPV codes for which a good quality of inference has been validated, which represents 61% of the possible CPV codes up to 5 digits.</li> <li>The system only supports inference on procedures published from 2011 to date.</li> </ul> <h2 class="h2-op" id="6">6. Disclaimer - liability aspects</h2> <p class="p-op"><strong>It is to be noted that OP Portal contains content created by AI or other automated technologies.</strong> Such content is provided for informational purposes only and should not be relied upon for any specific purpose without verification of its accuracy or completeness.</p> <p> </p> <p> </p> <p>Public procurement procedure view combines several AI techniques to collect data to improve findability of relevant calls for tenders’ notices published on TED to facilitate and assist in search methods.</p> <p> </p> <p> </p> <p>CPV enrichment functionality and resulting AI generated output, i.e. inferred CPV codes, is fully automated. In some cases, errors may occur due to the complexity of the system or data. The Public procurement procedure view uses exclusively data available in the OJ S published on TED, Tenders Electronic Daily (<a href="https://ted.europa.eu">https://ted.europa.eu</a> ). Notwithstanding, the only official information relating to calls for tenders and corresponding notices is as published in the Supplement to the EU Official Journal (OJ S). Although all necessary measures were taken to ensure that the content produced by AI technology is of the highest possible quality, its accuracy cannot however be guaranteed. Therefore, any liability of the Publications Office and of the EU institutions for any errors or omissions in the outcome resulting from applying AI techniques is hereby disclaimed. No responsibility can be assumed for any consequences of relying upon such AI – generated content. The users are advised to use it with caution and further due diligence is recommended.</p> <p> </p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid col-sm-12 col-md-12 col-lg-12 p-0" id="full-row-bottom"> <div class="portlet-column portlet-column-only col-12"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_full-row-bottom"></div> </div> </div> </div> </div> </main> <div id="custom-footer" class="footer container custom-footer" role="contentinfo"> <div class="portlet-layout row testClass"> <div class="col-md-12 col-sm-12 portlet-column portlet-column-first" id="footer-column"> <div class="empty portlet-dropzone portlet-column-content portlet-column-content-first" id="layout-column_footer-column"></div> </div> <div class="col-lg-12 col-md-12 col-sm-12 portlet-column-first " id="custom-footer-portlet-container"> <div class=""> <link href="/combo?browserId=ie&minifierType=css&themeId=opportalee_WAR_OPPortalEE&languageId=en_GB&eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet:%2Fo%2Fopportal.displayCustomFooter%2Fcss%2Fmain.css&t=1732212464000" rel="stylesheet" type="text/css" /> <div class="portlet-boundary portlet-boundary_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_ portlet-static portlet-static-end portlet-decorate " id="p_p_id_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet_"> <span id="p_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet"></span> <section class="portlet" id="portlet_eu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <div class="portlet-title-text">DisplayCustomFooter</div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> </div> </div> </div> </section> </div> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Hidden</button></form> </div> </section> <footer id="footer" class="footer container corporate-footer" role="contentinfo"> <div id="extendedft" class="extendedft d-print-none col-md-12"> <div class="container col-md-12"> <div class="portlet-layout row footer-block-test-PORTALMSP-1380"> <div class="col-md-12 portlet-column portlet-column-first" id="fColumn-10"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-7876732" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="7876730" data-analytics-asset-title="footer EU - section OP" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="7876732"> <style type="text/css">@import url('/documents/d/global/footer-eu'); </style> <div class="gcss-op footer-eu"> <div class="gs-grid gs-grid-lg-3col ls-footer-group" id="footer-section-op"> <div> <h2 class="sr-only" id="section-title-op">Publications Office of the European Union</h2> <div class="ls-footer-logo"><a aria-labelledby="section-title-op" href="/"><picture data-fileentryid="13489229"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/13489229/Thumbnail-300x300/logo-op-en.png?t=1698222434045" /><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/13489229/Preview-1000x0/logo-op-en.png?t=1698222434045" /><img alt="Publications Office of the European Union" class="ls-op" src="/documents/d/global/logo-op-en" /></picture></a></div> <p class="ls-site-byline">This website is managed by the <a class="ls-underline" href="/">Publications Office <span style="word-break: keep-all; white-space: nowrap;">of the European Union</span></a></p> </div> <div> <h3>Need help?</h3> <ul> <li><a href="/web/about-us/contact-us">Contact</a></li> <li><a href="/web/about-us/sitemap">Sitemap</a></li> </ul> <h3>Follow us</h3> <ul class="ls-social-media-list"> <li><a href="https://twitter.com/eulawdatapubs"><i aria-hidden="true" class="gs-icon-twitter"></i>X/Twitter</a></li> <li><a href="http://www.facebook.com/pages/EU-Law-and-Publications/218434258171162?sk=wall"><i aria-hidden="true" class="gs-icon-facebook-f"></i>Facebook</a></li> <li><a href="https://www.linkedin.com/company/publications-office-of-the-european-union/"><i aria-hidden="true" class="gs-icon-linkedin-f"></i>LinkedIn</a></li> <li><a href="https://www.instagram.com/eu_publicationsoffice/"><i aria-hidden="true" class="gs-icon-instagram"></i>Instagram</a></li> <li><a href="http://www.youtube.com/user/PublicationsOffice"><i aria-hidden="true" class="gs-icon-youtube"></i>YouTube</a></li> </ul> <h3>Legal</h3> <ul> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices">Legal notices</a></li> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices/cookie-policy">Cookies</a></li> <li><a aria-labelledby="section-title-op" href="/web/about-us/legal-notices/accessibility-statement">Accessibility</a></li> </ul> </div> <div> <h3>About us</h3> <ul> <li><a href="/web/about-us/about-publication-office-of-the-european-union">Our mission, vision and values</a></li> <li><a href="/web/general-publications/newsletters">Newsletter</a></li> </ul> <h3>Resources</h3> <ul> <li><a href="/web/accessibility/">Accessible publishing</a></li> <li><a href="/web/cellar/">Cellar</a></li> <li><a href="/web/general-publications/eu-apps">EU Apps</a></li> <li><a href="/web/eu-vocabularies/">EU Vocabularies</a></li> <li><a href="/web/euwebarchive">EU Web Archive</a></li> <li><a href="https://style-guide.europa.eu/en/">Interinstitutional Style Guide</a></li> <li><a href="/web/librarians-corner">Librarian's corner</a></li> </ul> <h3>Tools</h3> <ul> <li><a href="/web/about-us/publishing-services-eu-staff-only">(EU staff) Publishing services</a></li> <li><a href="/web/webtools/">Web tools</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-13488633" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="13488631" data-analytics-asset-title="footer EU - section eu" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="13488633"> <style type="text/css">@import url('/documents/d/global/footer-eu'); </style> <div class="gcss-op footer-eu"> <div class="gs-grid gs-grid-lg-3col ls-footer-group" id="footer-section-eu"> <div> <h2 class="sr-only" id="section-title-eu">European Union</h2> <div class="ls-footer-logo"><a aria-labelledby="section-title-eu" href="https://european-union.europa.eu/index_en"><picture> <source media="(max-width:991px)" srcset="/documents/d/global/logo-eu-en-mobile"> <source media="(min-width:992px)" srcset="/documents/d/global/logo-eu-en"> <img alt="European-Union" src="/documents/d/global/logo-eu-en"> </picture> </a></div> <p class="ls-site-byline">Discover more on <a class="ls-underline" href="https://european-union.europa.eu/index_en ">europa.eu</a></p> </div> <div> <h3>Contact the EU</h3> <ul> <li><a href="tel:0080067891011">Call us 00 800 6 7 8 9 10 11</a></li> <li><a href="https://european-union.europa.eu/contact-eu/call-us_en">Use other telephone options</a></li> <li><a href="https://european-union.europa.eu/contact-eu/write-us_en">Write to us via our contact form</a></li> <li><a href="https://european-union.europa.eu/contact-eu/meet-us_en">Meet us at one of the EU centres</a></li> </ul> </div> <div> <h3>Social media</h3> <ul> <li><a href="https://european-union.europa.eu/contact-eu/social-media-channels_en">Search for EU social media channels</a></li> </ul> <h3>EU institutions and bodies</h3> <ul> <li><a href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_en">Search all EU institutions and bodies</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div id="simpleft" class="simpleft container-fluid col-md-12"> <div class="portlet-layout row"> <div class="col-md-12 d-print-none portlet-column portlet-column-only custom-footer-nav-bottom" id="fsColumn-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10109-3508212" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="3508210" data-analytics-asset-title="Service Toolbar - Footer" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="3508212"> <ul class="menu-list horizontal servicetoolbar"> <li class="list-item"><a href="/web/about-us/about-publication-office-of-the-european-union">About us</a></li> <li class="list-item"><a href="/web/about-us/contact-us">Contact</a></li> <li class="list-item"><a href="/web/about-us/legal-notices">Legal notices</a></li> <li class="list-item"><a href="/web/about-us/sitemap">Sitemap</a></li> <li class="list-item"><a href="/web/about-us/legal-notices/cookie-policy">Cookies</a></li> <li class="list-item"><a href="#globan" title="go to the top of the page">Top</a></li> </ul> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </footer> <style> #footer.footer.custom-footer{ display: none !important; } </style> </div> <script type="text/javascript"> </script><script> </script> <script type="text/javascript"> function getValueByAttribute(node, attr) { return ( node.dataset[attr] || (node.parentElement && node.parentElement.dataset[attr]) ); } function sendDocumentDownloadedAnalyticsEvent(anchor) { var fileEntryId = getValueByAttribute( anchor, 'analyticsFileEntryId' ); var title = getValueByAttribute( anchor, 'analyticsFileEntryTitle' ); var version = getValueByAttribute( anchor, 'analyticsFileEntryVersion' ); if (fileEntryId) { Analytics.send('documentDownloaded', 'Document', { groupId: themeDisplay.getScopeGroupId(), fileEntryId, preview: !!window._com_liferay_document_library_analytics_isViewFileEntry, title, version, }); } } function handleDownloadClick(event) { if (window.Analytics) { if (event.target.nodeName.toLowerCase() === 'a') { sendDocumentDownloadedAnalyticsEvent( event.target ); } else if ( event.target.parentNode && event.target.parentNode.nodeName.toLowerCase() === 'a' ) { sendDocumentDownloadedAnalyticsEvent( event.target.parentNode ); } else { var target = event.target; var matchTextContent = target.textContent && target.textContent.toLowerCase() === 'download'; var matchTitle = target.title && target.title.toLowerCase() === 'download'; var matchAction = target.action === 'download'; var matchLexiconIcon = !!target.querySelector( '.lexicon-icon-download' ); var matchLexiconClassName = target.classList.contains( 'lexicon-icon-download' ); var matchParentTitle = target.parentNode && target.parentNode.title && target.parentNode.title.toLowerCase() === 'download'; var matchParentLexiconClassName = target.parentNode && target.parentNode.classList.contains('lexicon-icon-download'); if ( matchTextContent || matchTitle || matchParentTitle || matchAction || matchLexiconIcon || matchLexiconClassName || matchParentLexiconClassName ) { var selectedFiles = document.querySelectorAll( '.form .custom-control-input:checked' ); selectedFiles.forEach(({value}) => { var selectedFile = document.querySelector( '[data-analytics-file-entry-id="' + value + '"]' ); sendDocumentDownloadedAnalyticsEvent( selectedFile ); }); } } } } Liferay.once('destroyPortlet', () => { document.body.removeEventListener( 'click', handleDownloadClick ); }); Liferay.once('portletReady', () => { document.body.addEventListener( 'click', handleDownloadClick ); }); (function() {var $ = AUI.$;var _ = AUI._; var onDestroyPortlet = function () { Liferay.detach('messagePosted', onMessagePosted); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('destroyPortlet', onDestroyPortlet); var onMessagePosted = function (event) { if (window.Analytics) { const eventProperties = { className: event.className, classPK: event.classPK, commentId: event.commentId, text: event.text, }; const blogNode = document.querySelector( '[data-analytics-asset-id="' + event.classPK + '"]' ); const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (blogNode) { eventProperties.title = blogNode.dataset.analyticsAssetTitle; } else if (dmNode) { eventProperties.title = dmNode.dataset.analyticsFileEntryTitle; } Analytics.send('posted', 'Comment', eventProperties); } }; Liferay.on('messagePosted', onMessagePosted); })(); (function() {var $ = AUI.$;var _ = AUI._; var onVote = function (event) { if (window.Analytics) { let title = event.contentTitle; if (!title) { const dmNode = document.querySelector( '[data-analytics-file-entry-id="' + event.classPK + '"]' ); if (dmNode) { title = dmNode.dataset.analyticsFileEntryTitle; } } Analytics.send('VOTE', 'Ratings', { className: event.className, classPK: event.classPK, ratingType: event.ratingType, score: event.score, title, }); } }; var onDestroyPortlet = function () { Liferay.detach('ratings:vote', onVote); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('ratings:vote', onVote); Liferay.on('destroyPortlet', onDestroyPortlet); })(); (function() {var $ = AUI.$;var _ = AUI._; var onShare = function (data) { if (window.Analytics) { Analytics.send('shared', 'SocialBookmarks', { className: data.className, classPK: data.classPK, type: data.type, url: data.url, }); } }; var onDestroyPortlet = function () { Liferay.detach('socialBookmarks:share', onShare); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('socialBookmarks:share', onShare); Liferay.on('destroyPortlet', onDestroyPortlet); })(); if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) { svg4everybody( { polyfill: true, validate: function (src, svg, use) { return !src || !src.startsWith('#'); } } ); } (function() {var $ = AUI.$;var _ = AUI._; Liferay.Util.delegate( document, 'focusin', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.add('open'); } ); Liferay.Util.delegate( document, 'focusout', '.portlet', function(event) { event.delegateTarget.closest('.portlet').classList.remove('open'); } ); })(); // <![CDATA[ Liferay.currentURL = '\x2fen\x2fweb\x2fabout-us\x2fpublic-procurement-procedure-view'; Liferay.currentURLEncoded = '\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view'; // ]]> // <![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\x3d6855041\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_envCont\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6855041\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_siteNmDet10530\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_displayCustomHeader_DisplayCustomHeaderPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3dcom_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_breadcrumb\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t_', portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6855041\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_7o1WRGbxCG0t\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dmaincontentarea\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fsxColumn1\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_displayCustomFooter_DisplayCustomFooterPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_dockbar_DockbarPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_dockbar_DockbarPortlet_', portletId: 'eu_europa_publications_portlet_dockbar_DockbarPortlet', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_dockbar_DockbarPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fssColumn10ec\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', refreshURLData: {} } ); var logoutURL = '/c/portal/logout?p_l_id=6855041&redirect=https%3A%2F%2Fop.europa.eu%2Fen%2Fweb%2Fabout-us%2Fpublic-procurement-procedure-view'; var myPortal_basketHasItems = 'https://op.europa.eu/en/web/about-us/public-procurement-procedure-view?p_p_id=eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage&_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_javax.portlet.action=getBasketAction'; var myPortalNamespace= '_eu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg_'; var myPortal_getUserDashboardInfoURL='https://op.europa.eu/en/web/about-us/public-procurement-procedure-view?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\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_myPortal_MyPortalPortlet_INSTANCE_EATUUJrY0AFg\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_navBlueGlobal\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu_', portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6855041\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_displayLogo_DisplayLogoPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', refreshURLData: {} } ); Liferay.Portlet.register('eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE_', portletId: 'eu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE', refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d6855041\x26p_p_id\x3deu_europa_publications_portlet_basketsummary_BasketSummaryPortlet_INSTANCE_yaLUy6KQUYAE\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Fweb\x252Fabout-us\x252Fpublic-procurement-procedure-view', 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=6855041","namespace":"","spritemap":"https:\/\/op.europa.eu\/o\/OPPortalEE\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''}); } (function() { var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 0; i < liferayNotices.length; i++) { Liferay.Util.openToast(liferayNotices[i]); } })(); (function() { var $ = AUI.$;var _ = AUI._; Liferay.Form.register( { id: '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm' , fieldRules: [ ] , onSubmit: function(event) { event.preventDefault();submitSearchForm('_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_', 'queryText', 2, 'form-validator-stack help-inline'); } , validateOnBlur: true } ); var onDestroyPortlet = function(event) { if (event.portletId === 'eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy') { delete Liferay.Form._INSTANCES['_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm']; } }; Liferay.on('destroyPortlet', onDestroyPortlet); A.all('#_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm .input-container').removeAttribute('disabled'); Liferay.fire( '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_formReady', { formName: '_eu_europa_publications_portlet_main_search_MainSearchPortlet_INSTANCE_2Vo95ZX34nEy_fm' } ); })(); (function() { var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); (function() { var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_mob_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_leftMenu'); Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-mob-site'; Liferay.Data.NAV_LIST_SELECTOR = '.navbar-mob-site'; if (navigation) { navigation.plug(Liferay.NavigationInteraction); } })(); }); </script> <script src="https://op.europa.eu/o/OPPortalEE/js/main.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000" type="text/javascript"></script> <script type="module"> import {default as main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-alert-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {default as main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js'; { main(); } </script><script type="module"> import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js'; { runThirdPartyCookiesInterval(); } </script><script type="text/javascript"> Liferay.CustomDialogs = {enabled: false}; </script><script> </script><script type="text/javascript"> AUI().use('aui-node', function (A) { A.all('a.download').on('click', function (e) { var node = A.one(e.currentTarget); var dataUri = node.getAttribute('data-uri'); e.preventDefault(); if (!dataUri) { dataUri = node.getAttribute('href'); } window.location.href = dataUri; }); }); </script> <script type="text/javascript"> AUI().ready('aui-toggler', function (A) { var obj = document.getElementsByClassName('taglib-search-toggle-advanced-wrapper'); if (obj && obj.length > 0) { obj[0].style.display = 'block'; } }); if (typeof adjustBasketParent !== "undefined") { adjustBasketParent(); } </script> <script type="text/javascript" src="https://op.europa.eu/o/OPPortalEE/js/moment.min.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000"></script> <script src="https://op.europa.eu/o/OPPortalEE/js/ecl-eu.js?browserId=ie&minifierType=js&languageId=en_GB&t=1732208786000"></script> <script> ECL.autoInit(); function waitForElement(elementPath, callBack){ window.setTimeout(function(){ if($(elementPath).length){ callBack(elementPath, $(elementPath)); }else{ waitForElement(elementPath, callBack); } },100) } var loginButton = document.querySelector("a.ecl-button.ecl-button--ghost.ecl-site-header__login-toggle"); if (loginButton) { loginButton.addEventListener("click", function (e) { waitForElement(".login-popup-modal",function(){ if (document.querySelector(".login-popup-modal")) { var loginModal = document.querySelector(".login-popup-modal"); var loginModalCloseBtn = loginModal.querySelector("button.close"); loginModalCloseBtn.addEventListener("click", function (e) { loginButton.focus(); window.setTimeout(() => loginButton.focus(), 0); console.log(loginButton); }); } }); }); } </script> </body> </html>

CINXE.COM

Public Procurement procedure view : Explainability notice - About Us - Publications Office of the EU