View Source

#intersection { position: fixed; width: 100%; height: 400px; }
#content .main-con-sec { position: relative; }


@media screen and ( max-width: 600px ) {
#page #main #content.page { overflow: hidden!important; }
#content .modal-wrapper { top: 27px; right: -171px; left: unset; }
}

#content .main-con-sec { max-width: 860px; }
@media screen and ( min-width: 1536px ) {
#content .section { padding: 3rem 1.5rem; } 
#content .main-con-sec { width: 100%; }
}

@media screen and ( max-width: 1318px )  {
#content .main-con-sec { width: 66%; }

}

@media screen and ( max-width: 936px ) {
#intersection, #content .side-nav-sec { display: none; }
#content .main-con-sec { width: 100%; }
}

@media screen and ( max-width: 768px ) {
 .collapse-item { padding: 20px!important; }
 .section-info > div { flex-direction: column; gap: 16px; }
 .collapse-title { padding-left: 0!important; padding-right: 1rem!important; }
 .diagram-visual { display: none; }
 .diagram-visual { block; }
 .qa-section .cols { flex-direction: column; gap: 0!important; }
 }

@media screen and ( min-width: 769px ) {
 .diagram-visual { display: block; max-width: 1100px; }
 .diagram-visual_mobile, .diagram-visual_mobile_ { display: none; }
}

@media screen and ( max-width: 1100px ) {
.main-wrapper .side-nav-sec { width: 286px!important; }
.main-wrapper .side-nav-sec .side-card { width: 286px!important; }
.side-card-info { width: 207px!important; }
 }

@media screen and ( min-width: 1920px ) {
#content .main-con-sec { max-width: 1100px; }
#content .info-card { max-width: 1184px; }
} 

.more-info { position: relative; }
.more-info > svg { cursor: pointer; }
.modal-wrapper { position: absolute; left: 12px; top: 8px; display: flex; width: 343px; padding: 40px 24px 24px 24px; border-radius: 16px; background: #FFF; box-shadow: 0px 2px 12px 0px rgba(0, 24, 50, 0.08); opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 10; }
.modal-wrapper p { color: #3D597A!important; }
.close-modal { position: absolute; right: 24px; top: 16px; cursor: pointer; }

<div class="rb-option">
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <path d="M8.15 15.1002C8.3 14.9502 8.375 14.7709 8.375 14.5622C8.375 14.3542 8.30833 14.1752 8.175 14.0252L2.875 8.7502H14.5C14.7 8.7502 14.875 8.6792 15.025 8.5372C15.175 8.39586 15.25 8.21686 15.25 8.0002C15.25 7.78353 15.175 7.6042 15.025 7.4622C14.875 7.32086 14.7 7.2502 14.5 7.2502H2.875L8.175 1.9752C8.30833 1.8252 8.375 1.6462 8.375 1.4382C8.375 1.22953 8.3 1.0502 8.15 0.900196C8 0.766862 7.825 0.700195 7.625 0.700195C7.425 0.700195 7.25 0.766862 7.1 0.900196L0.65 7.3752C0.549999 7.45853 0.479 7.5542 0.437 7.6622C0.395667 7.77086 0.375 7.88353 0.375 8.0002C0.375 8.11686 0.395667 8.2292 0.437 8.3372C0.479 8.44586 0.549999 8.54186 0.65 8.6252L7.1 15.1002C7.25 15.2335 7.425 15.3002 7.625 15.3002C7.825 15.3002 8 15.2335 8.15 15.1002Z" fill="#842DB5"/>
</svg><a href="/digital-building-blocks/sites/display/OOTS/Onboarding+Playbook">Back to general Playbook</a>
</div>
<h2>Playbook for Evidence Requester</h2>
<div class="info-card">
	<div><img src="/digital-building-blocks/sites/download/attachments/713524841/ico-info.svg" alt="" aria-hidden="true"></div>
	<div>
		<p class="lead mg-8b"><strong>You have an intermediary platform already working?</strong></p>
		<p class="mg-0b">If it's the case, we kindly ask you to reach out to your responsible member state representative to understand how to connect with the platform in place.</p>
	</div>
</div>

<div class="side-card">
	<div class="side-card-info">
		<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-m-states_iact.svg" alt="" />
		<p><a href="/digital-building-blocks/sites/display/OOTS/steps+National+Coordinators">National Coordinators</a></p>
	</div>
	<div class="side-card-info">
		<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-i-platform_iact.svg" alt="" />
		<p><a href="/digital-building-blocks/sites/display/OOTS/steps+Intermediary+platform">Intermediary platform</a>
		</p>
	</div>
	<div class="side-card-info">
		<img class="acton" src="/digital-building-blocks/sites/download/attachments/713525949/ico-e-requester_act.svg"
			alt="" />
		<p class="lead"><a href="#">Evidence Requester</a></p>
	</div>
	<ul>
		<li data-index="1" class="active" style="border-left: 1px solid rgba(255, 255, 255, 0.25)">Deploy eDelivery
			Access Point</li>
		<li data-index="2">Understand Architecture</li>
		<li data-index="3">UX Design</li>
		<li data-index="4">Test</li>
		<li data-index="5">Review Security</li>
	</ul>
	<div class="side-card-info">
		<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-e-provider_iact.svg" alt="" />
		<p><a href="/digital-building-blocks/sites/display/OOTS/steps+Evidence+Provider">Evidence Provider</a></p>
	</div>
</div>

										<!-- <div id="intersection"></div> -->
<img class="diagram-visual" src="/digital-building-blocks/sites/download/attachments/713525949/diagram-actors.png"
	alt="" aria-hidden="true" />
<img class="diagram-visual_mobile" src="/digital-building-blocks/sites/download/attachments/713525949/diagram-actors_.png"
	alt="" aria-hidden="true" />


<div section-index="1" id="understand_prerequisites" class="card-wrapper card-1">
	<div class="section-info">
		<div class="step-label">STEP 1</div>
		<div>
			<h3>Understand Prerequisites</h3>
			<div class="section-label strongly-encouraged">
				<img src="/digital-building-blocks/sites/download/attachments/713525949/label-strongly-encouraged.svg" alt=""
					aria-hidden="true" />
				<p>Strongly Encouraged</p>
			</div>
		</div>
	</div>

	<div class="collapse" class="accordionGroup" data-allow-multiple>
		<!--1-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on1a" aria-expanded="false" aria-controls="sect1a">
					<span class="collapse-title h4">eDelivery Access Point to the OOTS<span
							class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect1a" role="region" aria-labelledby="on1a" hidden="">
				<div class="section-wrapper">
					<p class="section-title">Introduction</p>
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-12b">The OOTS reuses the eDelivery Building Block and uses its Access Point specification for the evidence exchange process. Being connected to the eDelivery network of nodes with an Access Point set up is a prerequisite to implementing the OOTS in your Member State. An Access Point in the Once-Only Technical System performs key security and reliability functions. It signs and encrypts messages and, in a delegated role, provides integrity, confidentiality, authenticity and non-repudiation of origin and receipt as explained in the Security Controls guidance document.</p>
						<p>The eDelivery Access Points will enable the secure exchange of evidence between European countries required in administrative procedures (such as birth certificates, university diplomas and alike) with one another.</p>
						<p>You can access the eDelivery building block here:</p>
						<p class="mg-0b"><a class="btn primary mg-12t" href="/digital-building-blocks/sites/display/DIGITAL/eDelivery" target="_blank"><span>eDelivery building block</span><span class="ico-external"></span></a></p>
					</div>
				</div>
				<!-- . -->
				<div class="section-wrapper">
					<p class="section-title mg-32b">Configuring my Access Point to the OOTS</p>
					<div class="section-information">
						<div class="arrow-listed">
							<div class="r-arr">
								<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true">
							</div>
							<div>
								<p class="mg-0b">To configure your Access Point to the OOTS, you will need to have first implemented the eDelivery Building Block. The current version of OOTS requires implementations of eDelivery that support the following features of AS4 1.15:</p>
								<ul>
									<li>the Common Profile;</li>
									<li>the Four Corner Profile enhancements.</li>
								</ul>
							</div>
						</div>
						<div class="arrow-listed">
							<div class="r-arr">
								<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true">
							</div>
							<div>
								<p>To ensure that your eDelivery Access Point conforms to the eDelivery AS4 profile, you are strongly encouraged to reuse an Access Point solution that is already conformant or to have your solution conformance tested.
								</p>
								<p class="mg-0b"><a class="link-cta primary" href="/digital-building-blocks/sites/display/DIGITAL/eDelivery+AS4+conformant+solutions" target="_blank"><span>eDelivery AS4 conformant solutions</span><span class="ico-external"></span></a></p>
							</div>
						</div>
						<div class="arrow-listed">
							<div class="r-arr">
								<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true">
							</div>
							<div>
								<p>Upon a successful outcome of a conformance test, the next step will be to get in contact with your solution provider to correctly configure your Access Point to the OOTS TDDs.
								</p>
								<p class="mg-0b"><a class="link-cta primary" href="/digital-building-blocks/sites/display/TDD/" target="_blank"><span>TDD eDelivery configuration snapshot</span><span class="ico-external"></span></a></p>
							</div>
						</div>
					</div>
					<div class="section-more">
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<p>For more details about configuring eDelivery to OOTS go to <a class="link-cta primary" href="https://ec.europa.eu/digital-building-blocks/sites/pages/viewpage.action?pageId=706382166" target="_blank"><span>eDelivery configuration for OOTS</span><span class="ico-external"></span></a></p>
						</div>
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<p>For more details about Access Points specifications go to <a class="link-cta primary" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/Access+Point+specifications" target="_blank"><span>Access Points specifications</span><span class="ico-external"></span></a></p>
						</div>
					</div>
				</div>
				<!-- . -->
				<div class="section-wrapper">
					<p class="section-title mg-24b">Secure Access Point messaging</p>
					<div class="section-information">
						<p class="mg-0b">To secure Access Point messaging, you can choose to use your certificate. Otherwise, you can request an X.509 certificate from the eDelivery PKI.</p>
						<p class="mg-0b cs-toolkit">To do this, you should follow the instructions detailed in the <a class="link-cta primary cs-anchor" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Onboarding-Toolkit#apr_assess" target="_blank"><span>OOTS Onboarding Toolkit</span><span class="ico-external"></span></a></p>
					</div>
				</div>
				<!-- . -->
				<div class="section-wrapper">
					<p class="section-title mg-24b">What if I don't have an Access Point set up?</p>
					<div class="section-information">
						<p class="mg-0b">If you are not yet connected to the eDelivery network of nodes with an Access Point set up or need support with regards to your eDelivery Access Point, please contact the <a class="link-cta primary" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk/portal/6" target="_blank"><span>eDelivery Service Desk</span><span class="ico-external"></span></a></p>
					</div>
				</div>
			</div>
		</div>
		<!---->
	</div>
</div>

<div section-index="2" sec-name="understand_architecture" class="card-wrapper card-2">
	<div class="section-info">
		<p class="step-label">STEP 2</p>
		<div>
			<h3>Understand Architecture</h3>
			<div class="section-label required">
				<img src="/digital-building-blocks/sites/download/attachments/713525949/label-required.svg"
					alt="" aria-hidden="true" />
				<p>Required</p>
			</div>
		</div>
	</div>

	<div class="collapse" class="accordionGroup" data-allow-multiple>
		<!--1-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on2a" aria-expanded="false" aria-controls="sect2a">
					<span class="collapse-title h4">Evidence Requesters Architecture<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect2a" role="region" aria-labelledby="on2a" hidden="">
				<div class="section-wrapper">
					<p class="section-title">Evidence Requester Architecture Elements</p>
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-24b">Member States' Procedure Portals acting as Evidence Requesters need to understand how their role fit into the Once Only Technical System Architecture in order to be able to perform the technical integrations required for operating in such role.</p>
						<p class="mg-0b"><a class="btn primary mg-12t" href="/digital-building-blocks/sites/display/TDD/" target="_blank"><span>Evidence Requester Architecture Elements</span><span class="ico-external"></span></a></p>
					</div>
				</div>
			</div>
		</div>
		<!---->
		<!--2-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on2b" aria-expanded="false" aria-controls="sect2b">
					<span class="collapse-title h4">Exchange Data Model And Protocol<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect2b" role="region" aria-labelledby="on2b" hidden="">
				<div class="section-wrapper">
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-24b">Evidence Requester role is the one triggering the Data Exchange process and needs to understand it in order to be able to make the necessary requests and manage responses.</p>
						<p class="mg-0b"><a class="btn primary mg-12t" href="/digital-building-blocks/sites/display/TDD/" target="_blank"><span>Exchange Data Model and Protocol</span><span class="ico-external"></span></a></p>
					</div>
				</div>
			</div>
		</div>
		<!---->
		<!--3-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on2c" aria-expanded="false" aria-controls="sect2c">
					<span class="collapse-title h4">Common Services APIs<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect2c" role="region" aria-labelledby="on2c" hidden="">
				<div class="section-wrapper">
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-24b">Before triggering the Exchange Data process, some parameters need to be queried to the Common Services using the APIs provided.</p>
						<p class="mg-24b"><a class="btn primary" href="/digital-building-blocks/sites/display/TDD/" target="_blank"><span>Data Services Directory API</span><span class="ico-external"></span></a></p>
						<p class="mg-0b"><a class="btn primary" href="/digital-building-blocks/sites/display/TDD/" target="_blank"><span>Evidence Broker API</span><span class="ico-external"></span></a></p>
					</div>
				</div>
			</div>
		</div>
		<!---->		
		<!--4-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on2d" aria-expanded="false" aria-controls="sect2d">
					<span class="collapse-title h4">Common Services Administration Tool<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect2d" role="region" aria-labelledby="on2d" hidden="">
				<div class="section-wrapper">
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-24b">The OOTS Common Services Administration Tool allows Member States to create and manage configurations related to the procedures in scope of the OOTS. The following procedures can be carried out using the Tool:</p>
						<p class="mg-12b">Evidence Providers can:</p>
						<ul class="mg-24b">
							<li>Create a data service</li>
							<li>Create an evidence provider</li>
							<li>Create an evidence type</li>
							<li>Link an evidence provider to an evidence type</li>
							<li>Link an evidence type to a requirement</li>
							<li>Link a requirement to a group of evidence types</li>
						</ul>
						<p class="mg-12b">Evidence Requesters can:</p>
						<ul class="mg-16b">
							<li>Link a procedure to requirement(s)</li>
						</ul>
					</div>
					<div class="section-more">
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<div>
								<p class="mg-0b">For more information on user roles and permissions go to</p>
								<p><a class="link-cta primary" href="https://ec.europa.eu/digital-building-blocks/wikis/display/SDGOO/User+permissions+-+CS+-+EM" target="_blank"><span>Common Services Administration Tool User Roles</span><span class="ico-external"></span></a></p>
							</div>
						</div>
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<div>
								<p class="mg-0b">For information on assets workflows and statuses go to</p>
								<p><a class="link-cta primary" href="https://ec.europa.eu/digital-building-blocks/wikis/display/SDGOO/Workflows+and+Statuses+-+CS+-+EM" target="_blank"><span>Common Services Assets Workflows and Statuses</span><span class="ico-external"></span></a></p>
							</div>
						</div>
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<div>
								<p class="cs-toolkit">If you need specific instructions for onboarding and operating Common Services Admin Tool you can visit the specific section in the <a class="link-cta primary cs-anchor" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Onboarding-Toolkit#admin_tool" target="_blank"><span>OOTS Onboarding Toolkit</span><span class="ico-external"></span></a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!---->		
	</div>
</div>

<div section-index="3" id="ux_design" class="card-wrapper card-3">
	<div class="section-info">
		<p class="step-label">STEP 3</p>
		<div>
			<h3>UX Design</h3>
			<div class="section-label voluntary">
				<img src="/digital-building-blocks/sites/download/attachments/713525949/label-voluntary.svg" alt=""
					aria-hidden="true" />
				<p>Voluntary</p>
			</div>
		</div>
	</div>

	<div class="collapse" class="accordionGroup" data-allow-multiple>
		<!--1-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on3a" aria-expanded="false" aria-controls="sect3a">
					<span class="collapse-title h4">UX Design for Procedure Portals<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect3a" role="region" aria-labelledby="on3a" hidden="">
				<div class="section-wrapper">
					<p class="section-title">Introduction</p>
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label member-state">Member States</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Member State domain</strong> refers to the OOTS specific components and
									activities usually under Member States control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-12b">OOTS provides MS with a set of tools to help implementors understand the end-to-end journey and the user’s pain points by creating a common understanding of the UX issues that need to be addressed and providing actionable recommendations that create a coherent user experience.</p>
						<p class="mg-24b">UX Lab is a community with designers from all member states to discuss about UX implementations and improve together whose output is a set of document with UX recommendations and some reusable components for the implementation.</p>
						<p class="mg-0b"><a class="btn primary mg-12t" href="/digital-building-blocks/wikis/display/SDGOO/OOTS+UX+Lab" target="_blank"><span>OOTS UX Lab</span><span class="ico-external"></span></a></p>
					</div>
				</div>			
			</div>
		</div>
		<!---->
	</div>
</div>

<div section-index="4" sec-name="testing" class="card-wrapper card-4">
	<div class="section-info">
		<p class="step-label">STEP 4</p>
		<div>
			<h3>Test</h3>
			<div class="section-label voluntary">
				<img src="/digital-building-blocks/sites/download/attachments/713525949/label-voluntary.svg" alt=""
					aria-hidden="true" />
				<p>Voluntary</p>
			</div>
		</div>
	</div>

	<div class="collapse" class="accordionGroup" data-allow-multiple>
		<!--1-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on4a" aria-expanded="false" aria-controls="sect4a">
					<span class="collapse-title h4">Testing tools<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect4a" role="region" aria-labelledby="on4a" hidden="">
				<div class="section-wrapper">
					<p class="section-title">Introduction</p>
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-24b">Testing services are a useful resource for development teams in the Member States while developing their OOTS components or integrations. E.g. the testing services allow developers to have a look at how the interfaces look like and what the expected behaviour is of the different components. They can start with the sample projects in the testing tools while their components are under development and gradually replace the testing tools with their own components.</p>
						<p class="mg-24b">The details of the testing service will further be discussed and elaborated in the testing and deployment sub-group.</p>
						<p>The testing information currently available is intended as testing services for Member State teams:</p>
						<ul>
							<li>to get early access to the services and tools as prepared by the EC team.</li>
							<li>to familiarise yourselves with the testing approach and to see if this fits within their development and integration procedures.</li>
							<li>to provide feedback and think about further improvements or additions, to be picked up by the <a href="/digital-building-blocks/wikis/display/SDGOO/Testing+and+deployment+sub-group" target="_blank">testing and deployment sub-group</a>.</li>
						</ul>
						<p class="mg-0b"><a class="btn primary mg-12t" href="/digital-building-blocks/wikis/display/SDGOO/Testing+Services+-+SDG+OOTS" target="_blank"><span>OOTS Testing Services</span><span class="ico-external"></span></a></p>
					</div>
					<div class="section-more">
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<div>
								<p class="mg-0b cs-toolkit">To access the testing roadmap and other relevant information about testing tools, please refer to the <a class="link-cta primary cs-anchor" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Onboarding-Toolkit#available_environments" target="_blank"><span>OOTS Onboarding Toolkit</span><span class="ico-external"></span></a></p></div>
						</div>
					</div>
				</div>
				<!-- . -->
				<div class="section-wrapper">
					<p class="section-title mg-16b">Projectathons</p>
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<p class="mg-24b">For <strong>both Evidence Requesters and Evidence Providers</strong>, once you have explored the standalone tests that you can execute at any time, in any order and on your own against the Test Platform, the following step is to attend one or more Projectathon events. These events bring together teams, either physically, virtually or in a hybrid format, to ensure functionality, interoperability and production-like scenarios and data flows.</p>
						<p class="mg-24b">All relevant information to plan and prepare your participation to a Projectathon is available via the link below:</p>
						<p class="mg-0b"><a class="btn primary mg-12t" href="/digital-building-blocks/sites/display/OOTS/Projectathons" target="_blank"><span>Participate in Projectathons</span><span class="ico-external"></span></a></p>
					</div>
					<div class="section-more">
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<div>
								<p class="mg-0b">For any questions or support requests on the Projectathon, reach out to the EC OOTS Support team by mailing <a class="link-cta primary mail-box" href="mailto:EC-OOTS-SUPPORT@ec.europa.eu"><span>EC-OOTS-SUPPORT@ec.europa.eu</span><span class=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
									<path d="M1.51579 14.6316C1.09474 14.6316 0.736842 14.4842 0.442105 14.1895C0.147369 13.8947 0 13.5368 0 13.1158V3.51579C0 3.09474 0.147369 2.73684 0.442105 2.44211C0.736842 2.14737 1.09474 2 1.51579 2H14.4842C14.9053 2 15.2632 2.14737 15.5579 2.44211C15.8526 2.73684 16 3.09474 16 3.51579V13.1158C16 13.5368 15.8526 13.8947 15.5579 14.1895C15.2632 14.4842 14.9053 14.6316 14.4842 14.6316H1.51579ZM8 8.65263C8.07018 8.65263 8.14035 8.64197 8.21053 8.62063C8.2807 8.59986 8.34386 8.56842 8.4 8.52632L14.4421 4.67368C14.5263 4.61754 14.5895 4.54035 14.6316 4.44211C14.6737 4.34386 14.6877 4.24561 14.6737 4.14737C14.6596 3.95088 14.5651 3.80351 14.3899 3.70526C14.2142 3.60702 14.0351 3.61404 13.8526 3.72632L8 7.47368L2.14737 3.72632C1.96491 3.61404 1.78611 3.60702 1.61095 3.70526C1.43523 3.80351 1.34035 3.94386 1.32632 4.12632C1.31228 4.2386 1.32632 4.34386 1.36842 4.44211C1.41053 4.54035 1.47368 4.61754 1.55789 4.67368L7.6 8.52632C7.65614 8.56842 7.7193 8.59986 7.78947 8.62063C7.85965 8.64197 7.92982 8.65263 8 8.65263Z" fill="#842DB5"/>
								  </svg></span></a></p>
							</div>
						</div>
					</div>
				</div>				
			</div>
		</div>
		<!---->
	</div>
</div>

<div section-index="5" id="review_security" class="card-wrapper card-5">
	<div class="section-info">
		<p class="step-label">STEP 5</p>
		<div>
			<h3>Review Security</h3>
			<div class="section-label strongly-encouraged">
				<img src="/digital-building-blocks/sites/download/attachments/713525949/label-strongly-encouraged.svg"
					alt="" aria-hidden="true" />
				<p>Strongly Encouraged</p>
			</div>
		</div>
	</div>

	<div class="collapse" class="accordionGroup" data-allow-multiple>
		<!--1-->
		<div class="collapse-item">
			<h3>
				<button class="collapse-trigger" id="on5a" aria-expanded="false" aria-controls="sect5a">
					<span class="collapse-title h4">Security Framework<span class="collapse-icon"></span>
					</span>
				</button>
			</h3>

			<div class="collapse-panel" id="sect5a" role="region" aria-labelledby="on5a" hidden="">
				<div class="section-wrapper">
					<p class="section-title">Get Security Aware</p>
					<div class="section-description">
						<p>Domain:</p>
						<p class="desc-label once-only">Once Only</p>
						<div class="more-info">
							<div class="modal-wrapper">
								<img class="close-modal" src="/digital-building-blocks/sites/download/attachments/713524841/ico-x-close.svg" alt=""
									aria-hidden="true">
								<p><strong>Once - Only domain</strong> refers to the OOTS specific system components,
									activities, and policies usually under the European Commission control.</p>
							</div>
							<!-- <img src="/digital-building-blocks/sites/download/attachments/713525949/ico-info.svg" alt="" aria-hidden="true"> -->
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
								<mask id="mask0_12946_1887" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
								  <rect width="16" height="16" fill="#D9D9D9"/>
								</mask>
								<g mask="url(#mask0_12946_1887)">
								  <path d="M7.99955 11.1665C8.14128 11.1665 8.26001 11.1186 8.35573 11.0227C8.45145 10.9269 8.49932 10.8082 8.49932 10.6665V7.83314C8.49932 7.69148 8.45138 7.57274 8.35552 7.4769C8.25964 7.38107 8.14084 7.33315 7.99912 7.33315C7.85738 7.33315 7.73865 7.38107 7.64293 7.4769C7.54721 7.57274 7.49935 7.69148 7.49935 7.83314V10.6665C7.49935 10.8082 7.54728 10.9269 7.64315 11.0227C7.73903 11.1186 7.85783 11.1665 7.99955 11.1665ZM7.99933 6.19214C8.1519 6.19214 8.27978 6.14054 8.38298 6.03734C8.48618 5.93414 8.53778 5.80625 8.53778 5.65369C8.53778 5.50113 8.48618 5.37325 8.38298 5.27004C8.27978 5.16684 8.1519 5.11524 7.99933 5.11524C7.84677 5.11524 7.71888 5.16684 7.61568 5.27004C7.51248 5.37325 7.46088 5.50113 7.46088 5.65369C7.46088 5.80625 7.51248 5.93414 7.61568 6.03734C7.71888 6.14054 7.84677 6.19214 7.99933 6.19214ZM8.00045 14.3331C7.12449 14.3331 6.30114 14.1669 5.53038 13.8345C4.75962 13.502 4.08916 13.0509 3.51902 12.481C2.94886 11.9111 2.49749 11.2409 2.1649 10.4705C1.83231 9.70008 1.66602 8.87689 1.66602 8.00094C1.66602 7.12498 1.83224 6.30163 2.16468 5.53087C2.49713 4.7601 2.94829 4.08965 3.51818 3.5195C4.08808 2.94935 4.75824 2.49798 5.52867 2.16539C6.29908 1.8328 7.12226 1.6665 7.99822 1.6665C8.87417 1.6665 9.69753 1.83273 10.4683 2.16517C11.239 2.49762 11.9095 2.94878 12.4796 3.51867C13.0498 4.08857 13.5012 4.75873 13.8338 5.52915C14.1664 6.29957 14.3327 7.12275 14.3327 7.9987C14.3327 8.87466 14.1664 9.69802 13.834 10.4688C13.5015 11.2395 13.0504 11.91 12.4805 12.4801C11.9106 13.0503 11.2404 13.5017 10.47 13.8343C9.69959 14.1668 8.8764 14.3331 8.00045 14.3331Z" fill="#3D597A"/>
								</g>
							  </svg>
						</div>
					</div>
					<div class="section-information">
						<div class="arrow-listed">
							<div class="r-arr">
								<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true">
							</div>
							<div>
								<p class="mg-16b">OOTS provides information on security policy and objectives, as mandated by the legal framework. Each security objective is mapped to either a system functionality or a responsible for procedural or operational arrangement. Information on OOTS security policy and objectives is available via: </p>
								<p class="mg-0b"><a class="link-cta primary" href="/digital-building-blocks/wikis/pages/viewpage.action?pageId=677521680" target="_blank"><span>OOTS Security Policy</span><span class="ico-external"></span></a></p>
							</div>
						</div>
						<div class="arrow-listed">
							<div class="r-arr">
								<img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true">
							</div>
							<div>
								<p class="mg-16b">OOTS also provides recommendations on security and policy requirements for the management of eDelivery Access Points. The recommendations on security for the management of eDelivery Access Points is available via:</p>
								<p class="mg-0b"><a class="link-cta primary" href="/digital-building-blocks/wikis/display/SDGOO/D3.2%3A+Security+and+Policy+requirements+for+eDelivery+for+OOTS" target="_blank"><span>eDelivery Security Requirements</span><span class="ico-external"></span></a></p>
							</div>
						</div>
						<p class="mg-16b lead">
							ANNEX: <a class="link-cta primary" href="/digital-building-blocks/wikis/pages/viewpage.action?pageId=677521465" target="_blank"><span>Security Framework</span><span class="ico-external"></span></a>
						</p>
					</div>
					<div class="section-more">
						<div>
							<span class="r-arr"><img src="/digital-building-blocks/sites/download/attachments/713525949/ico-right.svg" alt="" aria-hidden="true"></span>
							<div>
								<p>To learn more about how to report a security incident take a look at the <a class="link-cta primary" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk"><span>OOTS OO Hub</span><span class="ico-external"></span></a></p>
							</div>
						</div>
					</div>
				</div>
				<!-- . -->
			</div>
		</div>
		<!---->
	</div>
</div>

<h2>Any questions?</h2>
<p>Do you have any questions? Don’t hesitate to contact us!</p>
<p><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk"><span><strong>Contact the Service Desk</strong></span><span class="ico-cta-forward"></span></a></p>

<script>  



/*
*   This content is licensed according to the W3C Software License at
*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
*
*   Simple accordion pattern example
*/

/* + CUSTOM CODE */

'use strict';  
Array.prototype.slice.call(document.querySelectorAll('.collapse')).forEach(function (accordion) {

	// Allow for multiple accordion sections to be expanded at the same time
	var allowMultiple = accordion.hasAttribute('data-allow-multiple');
	// Allow for each toggle to both open and close individually
	var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');
  
	// Create the array of toggle elements for the accordion group
	var triggers = Array.prototype.slice.call(accordion.querySelectorAll('.collapse-trigger'));
	var panels = Array.prototype.slice.call(accordion.querySelectorAll('.collapse-panel'));       accordion.addEventListener('click', function (event) {
    var target = event.target;

    if (target.classList.contains('collapse-trigger')) {
        // Check if the current toggle is expanded.
        var isExpanded = target.getAttribute('aria-expanded') == 'true';
        var parentItem = target.closest('.collapse-item');

        if (!allowMultiple) {
            // If not allowMultiple, collapse all other collapse-items
            triggers.forEach(function (trigger) {
                if (trigger !== target) {
                    trigger.setAttribute('aria-expanded', 'false');
                    document.getElementById(trigger.getAttribute('aria-controls')).setAttribute('hidden', '');
                    var otherParentItem = trigger.closest('.collapse-item');
                    if (otherParentItem) {
                        otherParentItem.setAttribute('aria-expanded', 'false');
                    }
                }
            });
        }

        if (!isExpanded) {
            // Set the expanded state on the triggering element
            target.setAttribute('aria-expanded', 'true');
            // Hide the accordion sections, using aria-controls to specify the desired section
            document.getElementById(target.getAttribute('aria-controls')).removeAttribute('hidden');

            // Toggle the 'aria-expanded' attribute in the parent 'collapse-item'
            if (parentItem) {
                parentItem.setAttribute('aria-expanded', 'true');
            }

            // If toggling is not allowed, set disabled state on trigger
            if (!allowToggle) {
                target.setAttribute('aria-disabled', 'true');
            }
        } else if (allowToggle && isExpanded) {
            // Set the expanded state on the triggering element
            target.setAttribute('aria-expanded', 'false');
            // Hide the accordion sections, using aria-controls to specify the desired section
            document.getElementById(target.getAttribute('aria-controls')).setAttribute('hidden', '');

            // Toggle the 'aria-expanded' attribute in the parent 'collapse-item'
            if (parentItem) {
                parentItem.setAttribute('aria-expanded', 'false');
            }
        }

        event.preventDefault();
    }
});



       // Bind keyboard behaviors on the main accordion container
	accordion.addEventListener('keydown', function (event) {
	  var target = event.target;
	  var key = event.which.toString();
  
	  var isExpanded = target.getAttribute('aria-expanded') == 'true';
	  var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');
  
	  // 33 = Page Up, 34 = Page Down
	  var ctrlModifier = (event.ctrlKey && key.match(/33|34/));
  
	  // Is this coming from an accordion header?
	  if (target.classList.contains('collapse-trigger')) {
		// Up/ Down arrow and Control + Page Up/ Page Down keyboard operations
		// 38 = Up, 40 = Down
		if (key.match(/38|40/) || ctrlModifier) {
		  var index = triggers.indexOf(target);
		  var direction = (key.match(/34|40/)) ? 1 : -1;
		  var length = triggers.length;
		  var newIndex = (index + length + direction) % length;
  
		  triggers[newIndex].focus();
  
		  event.preventDefault();
		}
		else if (key.match(/35|36/)) {
		  // 35 = End, 36 = Home keyboard operations
		  switch (key) {
			// Go to first accordion
			case '36':
			  triggers[0].focus();
			  break;
			  // Go to last accordion
			case '35':
			  triggers[triggers.length - 1].focus();
			  break;
		  }
		  event.preventDefault();
  
		}
  
	  }
	});
  
	// These are used to style the accordion when one of the buttons has focus
	accordion.querySelectorAll('.collapse-trigger').forEach(function (trigger) {
  
	  trigger.addEventListener('focus', function (event) {
		accordion.classList.add('focus');
	  });
  
	  trigger.addEventListener('blur', function (event) {
		accordion.classList.remove('focus');
	  });
  
	});
  
	// Minor setup: will set disabled state, via aria-disabled, to an
	// expanded/ active accordion which is not allowed to be toggled close
	if (!allowToggle) {
	  // Get the first expanded/ active accordion
	  var expanded = accordion.querySelector('[aria-expanded="true"]');
  
	  // If an expanded/ active accordion is found, disable
	  if (expanded) {
		expanded.setAttribute('aria-disabled', 'true');
	  }
	}
  
  });   


 </script>

<script>                           

 document.addEventListener("DOMContentLoaded", () => {


	const fixedElement = document.querySelector('#intersection');
	const specificElements = document.querySelectorAll('.card-wrapper');
	const listItems = document.querySelectorAll(".side-card ul li")

	let lastReachedIndex = -1;

	function checkPosition() {
		const scrollPosition = window.scrollY;
		const isScrollingUp = scrollPosition < (lastScrollPosition || 0);
		let specificElementPosition = 0;
		let specificElementHeight = 0;
		if (isScrollingUp) {
			lastReachedIndex = -1;
		}
		specificElements.forEach((specificElement, index) => {
			if (isScrollingUp) {
				specificElementPosition = specificElement.offsetTop + specificElement.offsetHeight + 20;
				specificElementHeight = specificElement.offsetHeight;
			} else {
				specificElementPosition = specificElement.offsetTop;
				specificElementHeight = specificElement.offsetHeight;
			}
			if (scrollPosition - 120 >= specificElementPosition && scrollPosition < specificElementPosition + specificElementHeight && index > lastReachedIndex) {
				//---
				const index_ = specificElement.getAttribute("section-index")
				listItems.forEach((item, i) => {
					if (item.getAttribute("data-index") === specificElement.getAttribute("section-index")) {
						listItems.forEach((item, i) => {
							item.classList.remove("active")
							item.style.borderLeft = i < index_ ? "1px solid rgba(255, 255, 255, 0.25)" : "none"
						})
						item.classList.add("active")
					}
				})
				//---
				lastReachedIndex = index;
			}
		});

		lastScrollPosition = scrollPosition;
	}
	let timeout;
	function checkPosition_() {
		clearTimeout(timeout);
		timeout = setTimeout(() => {
			const scrollPosition = window.scrollY;
			const isScrollingUp = scrollPosition < (lastScrollPosition || 0);
			let specificElementPosition = 0;
			let specificElementHeight = 0;
			if (isScrollingUp) {
				lastReachedIndex = -1;
			}
			specificElements.forEach((specificElement, index) => {
				if (isScrollingUp) {
					specificElementPosition = specificElement.offsetTop + specificElement.offsetHeight + 20;
					specificElementHeight = specificElement.offsetHeight;
				} else {
					specificElementPosition = specificElement.offsetTop;
					specificElementHeight = specificElement.offsetHeight;
				}
				if (scrollPosition >= specificElementPosition && scrollPosition < specificElementPosition + specificElementHeight && index > lastReachedIndex) {
					//---
					const index_ = specificElement.getAttribute("section-index")
					listItems.forEach((item, i) => {
						if (item.getAttribute("data-index") === specificElement.getAttribute("section-index")) {
							listItems.forEach((item, i) => {
								item.classList.remove("active")
								item.style.borderLeft = i < index_ ? "1px solid rgba(255, 255, 255, 0.25)" : "none"
							})
							item.classList.add("active")
						}
					})
					//---
					lastReachedIndex = index;
				}
			});

			lastScrollPosition = scrollPosition;
		}, 50);
	}
	let lastScrollPosition = 0;
	

	//----------------
	if (window.location.hash.substring(1) && window.location.hash.substring(1) !== '') {
		window.addEventListener('scroll', checkPosition_);
		const sec = document.querySelector(`[sec-name=${window.location.hash.substring(1)}]`);
		if ( sec ) {
		sec.querySelector('.collapse-item').setAttribute('aria-expanded', true);
		sec.querySelector('.collapse-trigger').setAttribute('aria-expanded', true);
		sec.querySelector('.collapse-panel').removeAttribute('hidden');
		window.scrollTo({
			top: sec.getBoundingClientRect().top - 100
		})
		}
	} else {
		window.addEventListener('scroll', checkPosition);
	}

	//-----------------

	listItems.forEach((li, index) => {
		li.addEventListener("click", function (e) {
			e.stopPropagation()
			e.preventDefault()
			specificElements.forEach((item, i) => {
				const sectionIndex = item.getAttribute("section-index")
				if (index == sectionIndex - 1) {
					const target = document.querySelector(
						`[section-index="${sectionIndex}"]`
					)

					if (target) {
						window.scrollTo({
							top: target.getBoundingClientRect().top + window.scrollY - 100,
							behavior: "smooth"
						})
					}
				}
			})
		})
	})



	const moreInfo = document.querySelectorAll(".more-info")
	moreInfo.forEach(item => {
		item.addEventListener("click", function () {
			const modal = this.querySelector(".modal-wrapper")
			modal.style.opacity = 1
			const closeModal = this.querySelector(".close-modal")
			closeModal.addEventListener("click", function (e) {
				e.preventDefault()
				modal.style.opacity = 0
				e.stopPropagation()
			})
		})
	})






     })
      </script>

#content .rb-option { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }
#content .rb-option a { text-decoration: underline; color: #842DB5; font-weight: 600; } 
#content .rb-option a:hover { text-decoration: none; }
.section.introduction { padding-top: 100px; padding-bottom: 80px; }
.section.introduction p { margin-bottom: 0; }
#content .mail-box { display: inline-flex!important; gap: 5px; }
#content .mail-box > span:last-child { margin-top: 0.2rem; }
#content .coming-soon { display: inline-flex; align-items: center; gap: 4px; color: #FFA800; font-size: 12px; font-weight: 600; line-height: 12px; }



#main #content.page { overflow: visible !important; }
#main-content > p { margin-bottom: 0; }

.onboarding-main-sec { margin-bottom: -2rem; padding-top: 0; }
.onboarding-main-sec .container { margin: unset; }
.onboarding-main-sec li { list-style: none; }
.onboarding-main-sec p, .onboarding-main-sec ul { margin-bottom: 0; }
.main-wrapper { display: flex; gap: 20px; }
.main-wrapper .side-nav-sec { width: 410px; padding: 0; }
.main-wrapper .side-nav-sec .side-card { position: sticky; top: 0; width: 410px; padding: 40px 40px 40px 40px; display: flex; flex-direction: column; align-items: flex-end; border-radius: 0px 40px 40px 0px; background: #00284A; }

 /* ---- */
.side-card > .side-card-info:nth-child(3) { margin-bottom: 0; }
.side-card > .side-card-info:nth-child(5) { margin-top: 8px; }
.side-card > .side-card-info:last-child { margin-bottom: 0; }
/* ---- */   

.side-card ul { position: relative; left: 16px; padding: 0;  }
.side-card ul li { padding: 12px 0px 12px 40px; max-width: 227px; cursor: pointer; color: white; opacity: 0.75; }
.side-card ul li.active { color: #EC8FFF; opacity: 1; }
.side-card-info { display: flex; width: 225px; padding: 0px; align-items: center; gap: 12px; align-self: end; margin-bottom: 20px; }
.side-card-info img { padding: 8px; }
.side-card-info img.acton { border-radius: 40px; background: rgba(255, 255, 255, 0.25); }
#content .side-card-info p a { color: #FFF; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; text-decoration: none; }
#content .side-card-info p.lead a { font-weight: 600; }

/* MAIN */
.diagram-visual { width: 100%; }
.diagram-visual_mobile { max-height: 580px; width: 100%; max-width: 380px; }
.diagram-visual_mobile_ { max-height: 780px; }
.section-info { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
#main-wrapper .step-label { color: #5D24A4; font-size: 12px; font-style: normal; font-weight: 600; line-height: 12px; letter-spacing: 4.8px; text-transform: uppercase; }
.section-info > div { display: flex; gap: 20px; }
.section-info > div > h3 { margin-bottom: 0; }
.section-label { display: flex; padding: 4px 12px 4px 8px; align-items: center; gap: 4px; border-radius: 4px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 12px; width: fit-content; }
.section-label.required { background: #FFDADA; }
.section-label.required p { color: #C4001F; }
.section-label.strongly-encouraged { background: #F2E5F7; }
.section-label.strongly-encouraged p { color: #842DB5; }
.section-label.voluntary { background: #D0F3F1; }
.section-label.voluntary p { color: #00786F; }


  /*--- accordion ---- */   
.card-wrapper { margin: 80px 0px; }
.collapse-item { padding: 0px 40px 0px 0px; margin:0; }


#main-wrapper .collapse-panel { background: unset; height: unset; padding: 0;  -webkit-animation: unset;  border-top: unset; }
#main-wrapper .collapse { display: flex; flex-direction: column; gap: 24px; }

.collapse button { box-shadow: unset; border-radius: unset!important; background: none!important; border-bottom: 1px solid #BBB6C2; padding: 24px 0; }
.collapse button:after { content: none; }
.collapse-icon { right: 11px; border-top: none!important; border-left: none!important; border: 2px solid #001832; width: 0.7rem!important; height: 0.7rem; } 
.collapse-panel { box-shadow: unset; padding: 20px 0; height: 500px; }
.collapse-title { padding-left: 40px; }

/* --------------- */
.collapse-item[aria-expanded="true"] { background: #F3F4F7; border-radius: 20px; padding-top: 16px; margin-top: 16px; padding-left: 40px; }
.collapse-item[aria-expanded="true"] .collapse-title { padding-left: 0px; }
.collapse > .collapse-item[aria-expanded="true"]:first-child { margin-top: 16px; } 
.collapse button[aria-expanded="true"] { border-bottom: unset!important; }


/* Accordion Item */

/* BTB LINK */

.collapse-panel a.btn.primary span.ico-external {  background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-open-in-new-white.svg"); margin-left: 8px; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 20px }
#main-wrapper .collapse-panel a.btn.primary span { color: white; text-decoration-color: white; }
#main-wrapper .collapse-panel a.btn.primary:hover { text-decoration-color: white; }
#main-wrapper a.btn { color: #3D597A!important; }
#main-wrapper a.btn.ghost .ico-external { margin-left: 8px; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 20px !important; background: url(https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-open-in-new-primary-bis.svg); }


.collapse-panel .section-title { color: #001832!important; font-size: 18px; line-height: 24px; margin-bottom: 16px; }
.collapse-panel .section-description { display: flex; gap: 8px; align-items: center; margin-bottom: 32px; }
#main-wrapper .collapse-panel .section-description > p { color: #3D597A!important; font-weight: 600; line-height: 24px; margin-bottom: 0; }
.collapse-panel .section-wrapper { padding: 40px 0; border-bottom: 1px solid #E3E6EB; }
.collapse-panel > .section-wrapper:last-child { border-bottom: 0; }
.collapse-panel .section-information p { margin-bottom: 12px; color: #3D597A!important; }

#content .mg-12t { margin-top: 12px; }
#content .mg-0b { margin-bottom: 0px; }
#content .mg-8b { margin-bottom: 8px; }
#content .mg-16b { margin-bottom: 16px; }
#content .mg-24b { margin-bottom: 24px; }
#content .mg-32b { margin-bottom: 32px; }

#main-wrapper .collapse-panel .section-description > .desc-label { border-radius: 40px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 12px; padding: 8px 12px; }
#main-wrapper .collapse-panel .section-description > .desc-label.once-only { background: #F2E5F7; color: #842DB5!important; }
#main-wrapper .collapse-panel .section-description > .desc-label.eidas { background: #BFD0E4; color: #004494; }
#main-wrapper .collapse-panel .section-description > .desc-label.member-state { background: #FEC; color: #995E00!important; } 
.collapse-panel .more-info { display: flex; align-items: center; }
.collapse-panel > .section-wrapper:first-child { padding-top: 16px; } 
.collapse-panel .arrow-listed { display: flex; gap: 12px; margin-bottom: 24px; }
.collapse-panel .r-arr { display: flex; width: 24px; height: 24px; padding: 8px; justify-content: center; align-items: center; gap: 10px; border-radius: 40px; background: #E3E6EB; }
.collapse-panel .section-information { display: flex; flex-direction: column; }
.collapse-panel .section-information > .arrow-listed:last-child { margin-bottom: 0; }
.collapse-panel .section-information p { margin-bottom: 16px; }
.collapse-panel .section-information li { list-style: disc!important; color: #3D597A; }


.section-wrapper .link-cta span.ico-external { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-open-in-new-primary.svg"); margin-left: 8px; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 20px; position: relative; top: 5px; }
.section-more { display: flex; padding: 24px; flex-direction: column; align-items: flex-start; gap: 24px; border-radius: 12px; background:#E3E6EB; margin-top: 28px; }
.section-more p { color: #3D597A!important; }
.collapse-panel .section-wrapper .section-more a { margin-top: 0; }
.section-more > div { display: flex; gap: 12px; }
 
.info-card { display: flex; gap: 8px; padding: 16px 24px; border-radius: 12px; background: #F3F4F7; margin-top: 20px; max-width: 997px; }
.info-card > div:first-child { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0.2rem; }


.qa-section { position: relative; background: url("/digital-building-blocks/sites/download/attachments/713524841/bg-cover-section.svg"); background-repeat: no-repeat; background-position: -81px 7px; }
.qa-section .cols { display: flex; gap: 80px; z-index: 3; position: relative; }
.qa-section .col-3 img { width: 100%; max-width: 300px; }