/********************************************************************************************************************/
	/*                                                                                                                  */
	/*	2020-10-12 - RB -	https://webgate.ec.europa.eu/CITnet/jira/browse/AGRIFOOD-63 - classes added for alert		*/
	/*                                                                                                                  */
	/*	2020-03-18 - RB -	ISAMM-2975: https://webgate.ec.europa.eu/CITnet/jira/browse/ISAMM-2975 						*/
	/*						Mobile responsiveness - framework for iFrame template and POC. 								*/
	/*						Styles for icons and labels to switch between normal and mobile modes and updates links		*/
	/*						on all navigation pages appropriately														*/			
	/*                                                                                                                  */
	/********************************************************************************************************************/

	/* BY DEFAULT HIDE LINKS TO NON-PRODUCTION APPS */

	.non-production {
		display:none !Important;
	}

	/* ====================================================================== NEW LAYOUT ====================================================== */
	/* ========== home.html ============= */
	:root {
	--ec-blue: #004494;
	--agri-blue: #025bc2;
	--agri-lightblue: #026be3;
	}

	.home-container {
		max-width: 1250px;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}

	.home-container img {
	max-height:250px;
	}
	.pillar-box {
		position:relative;
		text-align:center;
		height:auto;
		min-height:380px;
		flex:1;
		padding-right:20px;
		flex-basis:275px;
		max-width:285px;
		min-width:285px;
		margin-bottom:30px;
	}

	.pillar-box img {
	height:170px;
	}

	.pillar-box h3 {
		margin-bottom:20px;
	}

	.pillar-box a {
		text-decoration:none;
		font-size:20px;
	}

	.pillar-icon {
		padding:0 10%;
	}

	.pillar-icon-iacs{
		padding:0% 10%;
	}

	.pillar-icon-spaced{
		padding:16px 20%;
	}

	.pillar-icon-factsheets {
		padding:0px 18px;

	}

	.pillar-box p {
		font-size:14px;
		text-align:left;
		line-height:1.5em;
	}

	.spotlight-section {
		display:flex;
		flex-direction:row;
		background-color:#e3f3ff;
		padding-top: 50px; 
		margin-bottom:20px;
		justify-content:center;
	}
	
	.spotlight-single-container {
		max-width:1140px;
		display:flex;
		flex-direction:row;
		background-color:#e3f3ff;
		padding-top: 30px; 
		margin-bottom:20px;
		justify-content:center;
		flex-wrap:wrap;
	}
	.spotlight-header{
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 85px;
	}

	.spotlight-item {
		display: flex;
		width: 33%;
		position: relative;
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: flex-start;
	}

	.spotlight-img {
		width: 85px;
		min-width: 80px;
		height: 85px;
		margin:10px;
	}

	.spotlight-item a {
		text-decoration:none;
		color:#004494!important;
	}

	.spotlight-text {
		width: 95%;
		font-size:16px;
		padding:10px;
	}

	.btn_explore {
		display: inline-block;;
		position: absolute;
		top: 100%;
		left: 50%;
		transform:translate(-50%, -100%);
		font-size:14px!important;
		min-width:100px;
		width:auto;
		background:#025bc2;
		color: white;
		border-radius: 4px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		padding:5px 20px;
		text-decoration:none;	
	}

	.btn_explore:hover {
		background: #026be3;
		color: white;
		text-decoration:none;
	}

	.email_us_container {
		padding:30px 0px 10px 0px; 
		text-decoration:none; 
		font-size:16px; 
		width:300px;
		margin:auto;
		display:flex;
		align-items:center;
	}
	
	
.latest-release-btn {
	padding:5px 10px;
	margin:auto;
	border: 1px solid lightblue;
	border-radius:5px;
	text-decoration:none!important;
	min-width:165px;
}

.latest-release-section {
	display:flex;
	flex-direction:column;
	align-content:center;
}
.release-card{
	display:flex;
	flex-direction:row;
	align-self:center;

}

.release-text-card {
	display:flex;
	justify-content:center;
	max-width:1100px;
	margin-top:30px; 
	border:dotted; 
	border-width:1px; 
	border-color:lightblue; 
	border-top-style:dotted;
	min-height:150px; 
	width:95%;
}

.release-text {
font-size:16px;
padding:0px 10px;
}

.news-text {
    justify-content: flex-start;
	font-size:16px;
	margin-right:20px;
}
.section-title {
	font-size:14px;
	letter-spacing:2px;
	margin:auto;
	margin-top:20px;
}
.spotlight-title {
	font-size:14px;
	letter-spacing:2px;
	position:relative;
	z-index:999;
	top:40px;
	left:47.5%;
}
.pillars-title{
	position:relative;
	font-size:14px;
	letter-spacing:2px;
	z-index:999;
	left:48.5%;
}

.banner-btn{
position: relative;
margin:5px;
top:15px;
left:940px;
background-color:white;
border:1px solid white;
border-radius:7px;
padding:8px;
text-decoration:none!important;
color:#004494;

}


	.email_us_container_social {
		padding:30px 0px 10px 0px; 
		text-decoration:none; 
		font-size:16px; 
		width:600px;
		margin:auto;
		display:flex;
		align-items:center;
	}
		
	.email_us_content {
		font-size:13px;
		padding-left:10px;
		float:right;
		padding-right:40px;
	}
	.email_us_content a {
		text-decoration:none;
		color:var(--ec-blue);
	}

	.email_us_container img {
		width:55px;
		
	}

	.whatsnew_btn {
		display: inline-block;
		color:var(--ec-blue); 
		padding:0px 10px; 
		background:white; 
		font-size:16px; 
		border-radius:3px; 
		text-decoration:none!important;
	}

	.whatsnew_btn:hover {
		text-decoration:none!important;
		transform: scale(0.98);
	}

	.ecl-paragraph--l{
		font-size:1.0rem!important;
		line-height:1.5rem!important;
		padding-bottom:2.0rem!important;
		max-width:60em!important;
	}
	
	.selected_breadcrumb {
	color: #bfd0e4;
	font-weight: bold;
	}

	/* ========== agricultural_markets.html ============= */

	.grid {
		display: inline-grid;
		grid-template-columns:25% 55% auto;
	}

	.topic-pages-content {
		max-width:600px;
		padding-top:20px;
	}

	.topic-pages-content-fullwidth {
		max-width:1170px;
	}

	.topic-pages-container {
		display:flex;
		justify-content:center;
	}

	.topic-pages-container img{
		height:200px;
		margin-right:50px;
		
	}

	.page-heading {
		margin: 20px auto;
		font-size:22px;
		font-weight:bold;
		color: #004494;
		text-align:left;
	}

	.section_heading {
		margin: 25px auto;
		font-size:18px;
		font-weight:bold;
		color: #004494;
		text-align:center;
	}

	.topic-pages-links {
		display:flex;
		justify-content: center;
		margin:auto;
		align-items:center;
		flex-wrap: wrap;
		column-gap: 80px;
		max-width: 1000px;
		row-gap: 20px;
		font-weight:normal;
	}

	.topic-pages-links img {
		width:30px;
		height:45px;
	}

	.topic-page {	
		display:flex;
		align-items:center;
	}

	.topic-page a{
		font-size:16px;
		font-weight:bold;
		color: #004494;
		padding:5px;
		text-decoration:none;
	}

	.sector-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-evenly;
	}
	.sector-card {
		max-width:285px;
		min-width:240px;
		display:flex;
		flex-direction:column;
		align-items:center;
		text-align:center;
		margin-bottom:20px;
		
	}

	.sector-card h4 {
		color:var(--ec-blue);
		font-size: 18px;
	}
	.icon-holder {
		display: flex;
		justify-content:flex-start;
		align-self:center;
	}

	.icon-holder-reports {
		display: flex;
		justify-content:flex-start;
		align-self:center;
	}

	.icon-holder-reports-2rows {
    display: flex;
    justify-content: center;
    align-self: center;
    width: 205px;
    flex-wrap: wrap;
}

	.sector_description {
		width:100%;
	}
	.sector_description p {
		padding:0px 15px 15px 15px;
		font-size:16px;
		color:var(--ec-blue);
	}

	.emailus-headline-separator{
		margin:30px auto!important;
		width:60%;
		display:flex;
	}

	.separator-dashed {
		border-width:1px;
		border-top-color:lightblue;
		border-top-style:dotted;
		}

	.category-icon-markets{
			text-align:left;
			max-width:150px;
			padding:0px 10px 0px 0px;
	}
	/* ======================== Buttons ================== */ 

	.icon-xl {
		min-width:120px;
		width: 120px;
		height: 120px;
	}

	.icon-l {
		min-width:90px;
		width: 90px;
		height: 90px;
	}

	.icon-m {
		min-width:60px;
		width: 60px;
		height: 60px;
	}

	.icon-sm {
		min-width:45px;
		width: 45px;
		height: 45px;
	}

	.icon-s {
		width: 30px!important;
		height: 30px;
	}

	.euro-btn{
		display: inline;
		background: url("../CommonImages/euro_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}
	
	.euro-btn:hover{
		background: url("../CommonImages/euro_dblue.svg") no-repeat 0 0;
	}
	
	.prod-btn{
		display: inline;
		background: url("../CommonImages/prod_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}
	
	.prod-btn:hover{
		background: url("../CommonImages/prod_dblue.svg") no-repeat 0 0;
	}
	
	.trade-btn{
		display: inline;
		background: url("../CommonImages/trade_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}
	
	.trade-btn:hover{
		background: url("../CommonImages/trade_dblue.svg") no-repeat 0 0;
	}
	
	.dash-btn{
		display: inline;
		background: url("../CommonImages/dash_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}
	
	.dash-btn:hover{
		background: url("../CommonImages/dash_dblue.svg") no-repeat 0 0;
	}
	
	.chart-btn{
		display: inline;
		background: url("../CommonImages/chart_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}
	
	.chart-btn:hover{
		background: url("../CommonImages/chart_dblue.svg") no-repeat 0 0;
	}
	
	.school-btn{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/school_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}
	
	.school-btn:hover{
		background: url("../CommonImages/school_dblue.svg") no-repeat 0 0;
	}

	.chain-btn{
		display: inline;
		background: url("../CommonImages/chain_lb.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.chain-btn:hover{
		background: url("../CommonImages/chain_db.svg") no-repeat 0 0;
	}
	
	.costs-btn{
		display: inline;
		background: url("../CommonImages/structure-farm-costs-lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.costs-btn:hover{
		background: url("../CommonImages/structure-farm-costs-dblue.svg") no-repeat 0 0;
	}

	.barn-btn{
		display: inline;
		background: url("../CommonImages/barn_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.barn-btn:hover{
		background: url("../CommonImages/barn_dblue.svg") no-repeat 0 0;
	}

	.gauge-btn:hover{
		background: url("../CommonImages/gauge_dblue.svg") no-repeat 0 0;
	}

	.gauge-btn{
		display: inline;
		background: url("../CommonImages/gauge_lblue.svg") no-repeat 0 0;
		float:left;
	}

	.crops-btn{
		display: inline;
		background: url("../CommonImages/crops_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.crops-btn:hover{
		background: url("../CommonImages/crops_dblue.svg") no-repeat 0 0;
	}


	.db-btn{
		display: inline;
		background: url("../CommonImages/db_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.db-btn:hover{
		background: url("../CommonImages/db_dblue.svg") no-repeat 0 0;
	}


	.eu-btn{
		display: inline;
		background: url("../CommonImages/eu_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.eu-btn:hover{
		background: url("../CommonImages/eu_dblue.svg") no-repeat 0 0;
	}
	

	.milk-btn{
		display: inline;
		background: url("../CommonImages/milk_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.milk-btn:hover{
		background: url("../CommonImages/milk_dblue.svg") no-repeat 0 0;
	}
	

	.organic-btn:hover{
		background: url("../CommonImages/organic-farms_dblue.svg") no-repeat 0 0;
	}

	.organic-btn{
		display: inline;
		background: url("../CommonImages/organic-farms_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}

	.fertiliser-btn:hover{
		background: url("../CommonImages/fertiliser_dblue.svg") no-repeat 0 0;
	}

	.fertiliser-btn{
		display: inline;
		background: url("../CommonImages/fertiliser_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	
	.sheepfarm-btn{
		display: inline;
		background: url("../CommonImages/sheepfarm_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}
	
	.sheepfarm-btn:hover{
		background: url("../CommonImages/sheepfarm_dblue.svg") no-repeat 0 0;
	}
	

	.outlook-btn{
		display: inline;
		background: url("../CommonImages/outlook_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
		margin-left:5px;
	}
	
	.outlook-btn:hover{
		background: url("../CommonImages/outlook_dblue.svg") no-repeat 0 0;
	}
	
	.overview-btn:hover{
		background: url("../CommonImages/overview_dblue.svg") no-repeat 0 0;
	}
	
	.overview-btn{
		display: inline;
		background: url("../CommonImages/overview_lblue.svg") no-repeat 0 0;
		float:left;
		margin-left:5px;
	}

	.siv-btn:hover{
		background: url("../CommonImages/siv_d.svg") no-repeat 0 0;
	}
	
	.siv-btn{
		display: inline;
		background: url("../CommonImages/siv_l.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}

	.trq-btn:hover{
		background: url("../CommonImages/trq_d.svg") no-repeat 0 0;
	}
	
	.trq-btn{
		display: inline;
		background: url("../CommonImages/trq_l.svg") no-repeat 0 0;
		float:left;
		margin-left:10px;
	}

	.cereal-btn:hover{
		background: url("../CommonImages/cereal_rep_db.svg") no-repeat 0 0;
	}
	
	.cereal-btn{
		display: inline;
		background: url("../CommonImages/cereal_rep_lb.svg") no-repeat 0 0;
		float:left;
	}

	.beef-btn:hover{
		background: url("../CommonImages/beef_report_dblue.svg") no-repeat 0 0;
	}
	
	.beef-btn{
		display: inline;
		background: url("../CommonImages/beef_report_lblue.svg") no-repeat 0 0;
		float:left;
	}

	.fv-btn:hover{
		background: url("../CommonImages/fv_farms_dblue.svg") no-repeat 0 0;
	}
	
	.fv-btn{
		display: inline;
		background: url("../CommonImages/fv_farms_lblue.svg") no-repeat 0 0;
		float:left;
	}

	#euro-btn{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/euro_lblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/euro_blue_30.png") no-repeat 0 0;*/
		float:left !important;
		margin-left:10px;
	}
	
	#euro-btn:hover{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/euro_dblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/euro_blue2_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#prod-btn{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/prod_lblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/prod_blue_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#prod-btn:hover{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/prod_dblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/prod_blue2_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#trade-btn{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/trade_lblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/trade_blue_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#trade-btn:hover{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/trade_dblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/trade_blue2_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#dash-btn{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/dash_lblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/dash_blue_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#dash-btn:hover{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/dash_dblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/dash_blue2_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#chart-btn{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/chart_lblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/chart_blue_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	
	#chart-btn:hover{
		display: inline;
		width: 30px;
		height: 30px;
		background: url("../CommonImages/chart_dblue.svg") no-repeat 0 0;
		/*background: url("../CommonImages/chart_blue2_30.png") no-repeat 0 0;*/
		float:left;
		margin-left:10px;
	}
	

	/* ===================== LEGEND ===========================*/ 
	.legend-header {
		color:var(--ec-blue);
		font-size:16px;
		margin-top:30px;
	}

	.legend-tabs {
	position: relative; 
	min-height: 110px;
	clear: both;
	margin: 5px 0px 25px 0px;
	}
	.tab {
	float: left;
	}
	.tab label {
	background: #caeafc; 
	padding: 5px 20px; 
	border: 1px solid #caeafc; 
	border-radius:5px;
	margin-left: 1px; 
	position: relative;
	left: 1px; 
	color:var(--ec-blue);
	cursor:pointer;
	}
	.tab [type=radio] {
	display: none; 
	}
	.content {
	position: absolute;
	top: 28px;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	padding: 10px;
	border: 1px solid #caeafc; 
	color:var(--ec-blue);
	}
	[type=radio]:checked ~ label {
	background: white;
	border-bottom: 1px solid white;
	z-index: 2;
	margin-left:-1px!important;
	}

	[type=radio]:unchecked ~ label {
		border-bottom: 1px solid white;
	}
	[type=radio]:checked ~ label ~ .content {
	z-index: 1;
	}

	/* ===================== mobile switcher ========================= */
	.mobileSwitcher {
		display:flex;
		width:100px;
		height:30px;
		justify-content:space-between;
		align-items:center;
		position:absolute;
		top:0px;
		left:80vw;
		margin-bottom:0px;	
		z-index:999;
	}
	
	#globan {
	z-index:998!important;
	}
	/*
	input[type="checkbox"] {
		position: relative;
		width: 40px;
		height: 20px;
		-webkit-appearance: none;
		background: #c6c6c6;
		border-radius: 100px;
		outline: none;
		box-shadow: inset 0 0 5px rgba(0,0,0,.2);
		transition: .5s;
	}
	input:checked[type="checkbox"] {
		background: #c6c6c6;
	}
	input[type="checkbox"]::before {
		content: '';
		position: absolute;
		width: 50%;
		height: 100%;
		top: 0;
		left: 0;
		background: white;
		border-radius: 50%;
		box-shadow: 0 2px 5px rgba(0,0,0,.2);
		transform: scale(1.1);
		transition: .5s;
	}
	input:checked[type="checkbox"]::before {
		left: 50%;
	}
	input[type="checkbox"]:focus{
			outline:0;
		}
	*/

.toggle-container {
	position: absolute;
	top: 22px; right: 0; bottom: 0; left: 0;
	height: 40px;
	margin: auto;
	text-align: center;
	z-index:999;
	}

	/** Switch
	-------------------------------------*/

	.toggle-switch input {
	position: absolute;
	opacity: 0;
	}

	.toggle-switch {
	display: inline-block;
	font-size: 20px; /* 1 */
	height: 1em;
	width: 2em;
	background: #c6c6c6;
	border-radius: 1em;
	}

	.toggle-switch div {
	height: 1em;
	width: 1.1em;
	border-radius: 1.1em;
	background: #FFF;
	box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
	-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
			transition: all 300ms;
	}

	.toggle-switch input:checked + div {
	-webkit-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
	}


	/* ======================== SECTORAL PAGES ====================== */
	.sector-description-container {
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.sector-description-container img{
		width:250px;
		margin-right:50px;
	}

	.oversize-corrected {
		width:220px!important;
		margin-top:10px;
	}

	.app-container {
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	.app-card {
		display:flex;
		margin:10px auto;
		width:65vw;

	}
	.app-card-spaced {
		display:flex;
		margin:20px auto;
		width:65vw;
	}

	#euro-btn-app2 {
		width:100px;
	}

	.app-description-text {
		display:flex;
		flex-direction:column;
		padding-left:20px;
	}

	.app-description-text a {
		text-decoration:none;
	}

	.app-text {
		padding: 0px 20px 20px 10px;
		font-size: 14px;
		max-width:1000px;
	}

	.app-text-note {
		padding: 0px 20px 20px 10px;
		font-size: 14px;
		max-width:1000px;
	}

	.app-name {
		font-size:18px;
		font-weight:bold;
		padding: 0px 10px;
		color: #004494;
		text-decoration:none;	
	}
	
	.section-separator{
		text-align:center;
		border-width:1px;
		border-top-color:lightblue;
		border-top-style:dotted;
		margin:0 auto;
		margin-bottom:30px;
		width:95%;
	}

	.section-separator h3{
		font-size:18px;
		font-weight:bold;
		color: #004494;
		margin: 20px auto;
	}

	.sector-img-correction {
		width:160px;
		margin-top:30px;
	}
	/*----------------------------*/
	.indicator-update-notice {
		margin: 20px 0 25px 0;
		padding: 16px 20px;
		background: #fff8e1;
		border-left: 4px solid #f0ab00;
		border-radius: 4px;
		color: #333;
	}

	.indicator-update-title {
		margin: 0 0 10px 0;
		font-size: 20px;
		font-weight: 600;
		color: #222;
	}

	.indicator-update-notice p {
		margin: 0 0 10px 0;
		line-height: 1.5;
	}

	.indicator-update-notice p:last-child {
		margin-bottom: 0;
	}

	.indicator-update-notice a {
		font-weight: 600;
		text-decoration: underline;
	}

	/* =============================== CMEF INDICATORS ======================================*/

	.cmef-apps-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-evenly;
	}

	.cmef-apps-card {
		max-width:340px;
		min-width:320px;
		flex-direction:column;
		align-items:center;
		text-align:center;
		margin-bottom:20px;
		width:100%;
	}

	.cmef-composition-menu { 
		display:flex;
		justify-content:space-between;
		align-items:top;
		color:#004494;
		padding-top:20px;
	}

	.cmef-composition-switcher {
		display:flex;
		justify-content:start;
		align-items:center;
		font-size:16px;
		padding:5px;
	}
	
	.cmef-apps-card img {
		max-width:150px;
		margin:10px auto;
	}

	.cmef-apps-card a{
		color: #004494;
		text-decoration:none;
	}
	
	#indicator_title
	{ 
		text-decoration: none;
	}
	
	.cmef-apps-card p {
		padding:10px 15px 15px 15px;
		font-size:16px;
		color:var(--ec-blue);
	}

	.help-section {
		text-align:center; 
		padding-top:40px; 
		text-decoration:none; 
		font-size:16px;
		margin-bottom:30px;
	}

	.help-section a {
		text-decoration:none;
		color:var(--ec-blue);
	}

	.data-explorer {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		margin:20px 0px;
		font-size:16px; 
		color:var(--ec-blue); 
		padding:5px;
	}
	.data-explorer a {
		text-decoration:none;
	}

	.data-explorer img {
		height:30px; 
		width:30px; 
	}

	.context-container {
		display:flex;
		justify-content:space-evenly;
		flex-flow: row wrap;
		color:#004494;
		padding-top:20px;
	}

	.context-category-container {
		max-width:32%;
		min-width:300px;
		
	}

	.context-category-container a {
		text-decoration:none;
		color: var(--ec-blue);
		font-size:16px;
	}

	.context-category-container h2 {
		color: var(--ec-blue);
		margin:0px 0px 15px 0px;
		font-size:22px;
	}

	.context-category-container img {
		max-width:150px;
		margin:auto;
		
	}

	.tabbed-container{
	font-size:16px;
	}

	.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color:var(--ec-blue);
	border-radius:0px;
	transform:translateY(1px);
	}

	.indicator-headline-separator{
		text-align:center;
		border-width:2px;
		border-top-color:#337ab7;
		margin-bottom:5px!important;
		width:100%;
		border-top-style:solid;
	}

	.headline-separator{
		border-width:1px;
		border-bottom-color:lightblue;
		margin:30px auto!important;
		width:95%;
		border-bottom-style:dotted;
	}

	.simple-headline-separator{
		border-width:1px;
		border-top-color:lightblue;
		margin:30px auto!important;
		width:95%;
		border-top-style:dotted;
	}

	.theme-headline-separator{
		border-width:1px;
		border-top-color:lightblue;
		margin:0px auto!important;
		border-top-style:dotted;
	}

	/* ============================ THEMATIC PAGE ============================ */

	.thematic-icon {
		display:block;
		height:65px;
		width:65px;
	}
	.app-description-text ul {
		padding-bottom:10px;
	}

	.app-description-text ul li {
		padding:0px 10px;
	}

	.app-description-text ul li span {
		font-size: 14px;
		color:#595959;
	}

	.app-description-text ul li a {
		font-size: 14px;
		color:var(--ec-blue);
		font-weight:bold;
	}

	.app-text-topic {
		padding: 0px 20px 10px 10px;
		font-size: 14px;
		max-width:1000px;
	}


	/* ============================ WHAT'S NEW PAGE ============================ */
	.news-container {
		display: flex;
		justify-content:center;
		flex-direction:column;
		align-items:center;
	}

	.news-card {
		display:flex;
		justify-content:center;
		max-width:1100px;
		margin-top:30px; 
		border:dotted; 
		border-width:1px; 
		border-color:lightblue; 
		border-top-style:dotted;
		min-height:150px; 
		width:95%;
	}

	.news-card-img {
		width:140px;
		height:140px;
		padding:20px;
	}

	.news-title {
		font-size:1.5em;
		text-decoration:none;
		font-weight:bold;
		color:var(--ec-blue);
	}

	.news-link-icon {
		height:20px;
		width:20px;
		margin:0px 5px;
		padding:0px;
	}

	.news-text{
		display:flex;
		justify-content:center;
		flex-direction:column;
		flex-grow:6;
		padding-bottom:10px;
		max-width:800px;
	}

	.news-details {
		font-size:14px; 
		color:#757575; 
		padding-bottom:5px;
	}
	
	.news-info-icon {
		vertical-align: sub;
		margin: 0 3px;
		height: 20px;
		width: auto;
		display: inline-block;
	}

	.ecl-list-item:first-child{
	border-top:0px!important;
	}
		
	.whatsnew_news_container {
		margin-top:30px; 
		border:dotted; 
		border-width:1px; 
		border-color:lightblue; 
		border-top-style:dotted;
		min-height:150px; 
		width:90%;
	}


	/* ====================================================================== END NEW LAYOUT ====================================================== */


	/* TRADE BREXIT DISCLAIMER */

	.trade_disclaimer{
		max-width:100%;
	}

	/* WHAT'S NEW */


	/* CSS */

	.eu_composition_button {
	background-color: white; /* white */
	border: 1px;
	border-color:#004494;
	color: #004494;
	padding: 12px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	transition-duration: 0.4s;
	cursor: pointer;
	line-height:0.5em;
	text-decoration:none!important;
	}



	.eu_composition_button:hover{
	background-color: #004494; /* ec blue */
	color: white;
	}

	.eu_composition_button:active{
	background-color: #004494; /* ec blue */
	color: white;
	}


	.eu_composition_button_active{
	background-color: #004494; /* ec blue */
	color: white;
	}



	html {scroll-behavior: smooth;}

	.ecl-list-item--three-columns-home{
	width:24%!important;
	}

	.listing__description_home{
		padding-right:10px!important;
		padding-bottom:10px!important;
		font-size:14px;
		width:100%;
		min-height:140px;
	}

	.category-icon-wide{
		max-width:220px!important;
	}

	.iacs_map{
		float:left;
		max-width:70%;
		padding-left:20px;
	}
	.iacs_info_wrapper{
		float:left;
		text-align:left;
		vertical-align:middle;
		width:30%;
		padding-top:2em;
		padding-left:3em;
	}

	.mashup-link {
		text-decoration: none;
	}

	.topic-page-link {
		text-decoration: none;
	}

	.cross_sector_icons{
		display: inline;
		width: 60px;
		height: 60px;
		background: url("../CommonImages/cow.png") no-repeat 0 0;
		float:left;
		margin-left:7%;
	
	}

	/* ========================= dropdown ======================================== */

	.dropbtn {
		color: white;
		padding: 16px;
		font-size: 16px;
		border: none;
	
	}
	
	.dropdown {
		position: relative;
		display:flex; 
	}
	
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #ffffff;
		min-width: 220px;
		box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
		z-index: 1;
		margin-top:30px;
		left:0;
		white-space: nowrap;
		
	}
	.dropdown-content-small {
		min-width: 170px;
	}
	
	.dropdown-content-wide {
		min-width: 310px;
	}

	.dropdown-content-extra-wide {
		min-width: 360px;
	}
	
	.dropdown-content a {
		color: #004494;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		clear:left!important;
		margin:5px;
		width:100%;
	}
	
	.dropdown-content a:hover {text-decoration:underline;}
	
	.dropdown:hover .dropdown-content {display: block;   }
	
	.dropdown:hover  .dropbtn {background-color: #fff; }
	
	
	.listing__description2
	{
	text-align:left;
	font-size:14px;
	padding-top:8px!important;
	padding-left:35px!important;
	padding-bottom:0px!important;
	padding-right:0px!important;
	margin-bottom:5px;
	}
	
	/* ========================= dropdown ======================================== */

	.app__title{
		color:#004494; 
		padding:0px 0px 5px 10px!important;
		
	}
	.app__subtitle{
		font-size:14px!important; 
		line-height:1em;
		padding-left:10px!important;	
		padding-right:10px!important;
		font-weight:bold;
		color:#004494; 
	}
	
	
	.app__content{
	width:800px;
	}
	
	.app__description{
	padding-bottom:10px!important;
	font-size:16px;
	}
	
	.h4_title{
	color:#004494; 
	padding-bottom:15px;
	float:left;
	}
	
	.app-wrapper{
	height:120px;
	}
	.content-center{
	text-align:center;
	}
	.new-badge{
		color: white;
		font-size: 10px;
		font-weight:bold;
		background-color:red;
		margin-top:32px!important;
		vertical-align:top;
		text-decoration:none!important;
	}
	
	.new-badge:hover{
		color: white;
		font-size: 10px;
		font-weight:bold;
		background-color:red;
		margin-top:32px!important;
		vertical-align:top;
		text-decoration:none!important;
	}
	
	.all-sectors-link-icons-med{
	width:20%;
	float:left;
	text-align:left;
	/*padding:0px 10px 0px 10px;*/
	vertical-align:middle;
	margin:auto;
	}
	
	.all-sectors-link-icons-med-wide{
	width:60%;
	float:left;
	text-align:left;
	padding:0px 10px 0px 10px;
	vertical-align:middle;
	margin:auto;
	}
	
	
	.category-icon-link{
	margin-bottom:10px;
	}
	#mobile-cross-sector{
	text-align:center!important;
	}
	.category-icon-link{
		text-decoration:none!important;
	}
	
	
	.icon-labels-legend-white
	{
		vertical-align:middle;
	}
	
	.ecl-listing-legend{
		text-align:center;
	}
	.legend-wrapper{
		margin-left:auto;
		margin-right:auto;
		width:90%;
		max-width:1170px;
	}
	
	.legend-banner{
		width:100%;
		margin-top:50px;
		padding:20px 0px 50px 0px;
		background-color:#8eb2dd;
	}
	
	.legend-items{
		float:left;
		width:20%;
		text-align:center;
		color:white;
		vertical-align:middle;
	}
	
	.sector-section-separator{
		margin:20px 0px 20px 0px;
	}
	.subtitle{
		margin-bottom:20px!important;
		margin-top:20px!important;
		font-size:18px!important;
		font-weight:bold;
		color: #004494;
		max-width:100%!important;
	}
	

	
	.sector-headline-separator{
		text-align:center;
		border-width:1px;
		border-top-color:lightblue;
		margin:30px!important;
		width:95%;
		border-top-style:dotted;
	}
	

	
	.app-icon-holder
	{
		padding:20px;
		margin-left:10%;
		margin-bottom:10px;
	}
	
	.priceprodtrade-link-icons
	{
		float:left;
		height:30px;
		margin:0px 0px 10px 10px;
	}
	
	.other_links_holder
	{
		float:left;
	}
	
	.all-sectors-link-wrapper
	{
		float:left;
		text-align:left;
		vertical-align:middle;
		width:70%;
		padding-top:2em;
		padding-left:3em;
	}
	
	.all-sectors-link-wrapper p
	{
	max-width:80%!important;
	}
	
	.category-icon-all-markets
	{
		float:left;
		max-width:30%;
		padding-left:80px;
	}
	
	.all_sectors_section
	{
		border-top:1px;
		border-top:lightgray;
		margin:0px 0px 0px 0px;
	}
	
	
	
	
	#app_links
	{
		font-size: 16px;
		padding-left:30px;
	}
	
	#market_title
	{
	padding-left:30px;
	}
	
	#market_title_v4
	{
	padding-bottom:10px;
	}
	
	
	#market_title_v4_med
	{
	padding-left:50px!important;
	}
	
	.sector_center_content{
	text-align:center!important;
	color: #004494;
	}
	
	#market_title_oilseeds
	{
	font-size: 18px;
	}
	
	.new_label {
		color: white;
		font-size: 12px;
		font-weight:bold;
		background-color:red;
		margin:0px 0px 0px 10px;
		padding:3px;
		vertical-align:center;
		border-radius:2px;
	}
	
	
	.wrapper_legend {
		padding: 50px 0px 20px 0px;
		width:90%;
		margin-left:10px;
	}
	
	.legend__description
	{
	padding-bottom:10px!important;
	font-size:14px;
	color: #004494;
	}
	
	.legend__description_bold
	{
	padding-bottom:10px!important;
	font-size:14px;
	font-weight:bold;
	color: #004494;
	}
	
	/* ================================== CM ================================== */
	
	#header-background
	{
	background-image: url("../CommonImages/portal_banner.jpg");
	background-position:center center;
	background-size: auto 100%;  

	
	/*
	width: 100%;
	
	background-repeat:no-repeat; */
	}
	
	.ecl-heading--h1
	{font-size:3rem!important;
	margin-bottom:10px!important;
	}
	
	
	
	/*2020-02-04 - RB - created for Brexit warning on Data Portal navigation pages*/
	.ecl-paragraph--lm
	{font-size:0.8rem!important;
	line-height:1.5rem!important;
	padding-bottom:1.0rem!important;
	max-width:60em!important;
	}
	
	.ecl-breadcrumbs__segments-wrapper
	{border-bottom:none!important;
	padding-top:10px!important;
	}
	
	.category-icon
	{
		text-align:left;
		max-width:220px;
	}
	
	.btn-yellow {
		background: #fdd511 no-repeat right;
		background-size: 8px;
		padding:8px;
		padding-left:20px;
		background-position: right 10px center;
		padding-right: 36px;
		transition: background .4s;
			border: none;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		color:black;
		border-radius: 4px;
		font-weight:bold;
		text-decoration:none;
	}
	
	.btn-yellow:hover, .btn-yellow:focus {
		background: #fdd511;
		color:black;
		text-decoration:none;
	}
	.btn-yellow:active {
		background: #fdd511;
		color:black;
		text-decoration:none;
	}
	
	
	.btn-yellow-column {
		background: #fdd511 no-repeat right;
		background-size: 8px;
		padding:8px 36px 8px 20px;
		margin-top:10px;
		background-position: right 10px center;
		transition: background .4s;
			border: none;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		color:black;
		border-radius: 4px;
		font-weight:bold;
		text-decoration:none;
	
	}
	
	
	.btn-yellow-mslist {
		background: #004494 no-repeat right;
		background-size: 8px;
		padding:4px 15px 4px 15px;
		margin-top:10px;
		background-position: right 10px center;
		transition: background .4s;
			border: none;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		color:black;
		border-radius: 4px;
		font-weight:bold;
		text-decoration:none;
	
	}
	
	.btn-yellow-mslist:hover 
	{
		background:#fdd511;
		color:#004494;
		text-decoration:none;
	}
	.btn-yellow-mslist:focus 
	{
		background:#fdd511;
		color:#004494;
		text-decoration:none;
	}
	.btn-yellow-mslist:selected 
	{
		background:#fdd511;
		color:#004494;
		text-decoration:none;
	}
	
	.ecl-list-item__title {
		color: #004494;
		margin-bottom: 1em;
		margin-top: 0!important;}
		
	.ecl-list-item__title:hover {
		color: #004494;
	}
	
	.ecl-list-item__link:hover .ecl-list-item__title,
	.ecl-list-item__link:focus .ecl-list-item__title {
		color: #404040;
		text-decoration: none!important; 
		}
		
	.category_title_h3_link:hover {
		color: #004494;
		text-decoration: none;
	} 
	
	.listing__description
	{
	padding-bottom:10px!important;
	font-size:16px;
	width:100%;
	}
	
	.app_listing__description
	{
	padding:0px 20px 20px 10px;
	font-size:14px;
	max-width:80%;
	text-align:left!important;
	float:left;
	}
	
	
	.eu-map 
	{
	padding-top:30px!important;
	padding-bottom:30px!important;
	}
	
	.eu-map2
	{
	height:70%;
	text-align:center!important;
	padding: 20px 0px 40px 0px;
	}
	
	.title-ms-list
	{
	padding:40px 0px 0px 0px;
	margin-top:40px;
	text-align:center;
	}
	
	.title-ms-list-style
	{
	color: #004494;
	text-decoration:none!important;
	line-height:2.2;
	
	}
	
	.ms-list-style
	{
	color: #ffffff;
	text-decoration:none!important;
	line-height:2.2;
	
	}
	
	.ms-list-padding
	{
	padding:20px 0px 100px 0px!important;
	}
	
	.map-container
	{
	max-width:1170px;
	margin-left:20%;
	}
	/* ================================== CM ================================== */
	
	
	/*	RB Modified for CMEF page re-format 2018-09-06	*/
	
	.ecl-breadcrumb .ecl-breadcrumb__segment--last 
	{
		color: #bfd0e4!important;
		font-weight: bold!important;
		font-size: .778em!important;
	}
	
	.breadcrumb {
		position: relative;
		margin: 0;
		padding: .5em 0;
		background: none;
		font-size: .869em;
		font-weight: 600;
		border-bottom: 3px solid #fff;
		border-radius: 0;
		line-height: normal;
	}
	
	.breadcrumb .breadcrumb__segment--last 
	{
		color: #bfd0e4!important;
	}
	
	.breadcrumb .breadcrumb__segment {
		display: inline-block;
		width: auto;
		position: relative;
		margin: .5em 0;
	}
	
	@media (min-width: 480px), print {
	.breadcrumb {
		font-size: .778em;
	}
	}
	
	.ecl-heading_cmef
	{
		margin-bottom:0.2rem!important;
		
	}
	
	.ecl-page-header__body_cmef
	{
		padding-top:0.6rem!important;
		padding-bottom:0.6rem!important;
	}
	
	.ecl-page-header__title_cmef
	{
		margin-top:5px!important;
	}
	
	
	.ecl-breadcrumbs__segment
	{
		margin-top: 0.4rem!important;
		margin-bottom: 0.4rem!important;
		
	}
	
	.ecl-footer__column_cmef
	{
		padding-top: 1rem!important;
		padding-bottom: 1rem!important;
	}
	
	.ceiling
	{
		margin-top:10px;
		border-top-width: 3px!important;
	}
	
	.paragraph_cmef p {
		display: block;
		max-width: 32em;
		padding: 0 !important;
		margin: 0 0 .4em !important;
		
	}
	
	/* ADDED */
	
	body {
		font-size: 15px;
		line-height: 1.428571429;
		color: #404040;
		background-color: #fff;
		min-width: 320px;
		font-family: Arial, sans-serif;
		font-weight: 400;
		line-height: 1.5;
		overflow-x: hidden;
		text-rendering: optimizelegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	
	.container-fluid{
		max-width: 1170px;
	}
	.section{
		padding: 1.667em 15px;
	}
	#divRHS.section{
		padding: 0 15px;
	}
	.field .label-above,.h1,.h2,.h3,.h4,.h5,.h6,.listing__item .listing__title,h1,h2,h3,h4,h5,h6{
		margin: 0;
		padding: .2em 0
	}
	h3,h4,h5,h6 {
		max-width: 32em
	}
	.h1,h1 {
		font-size: 2.222em
	}
	.h1,.h2,h1,h2{
		font-weight: 600;
		color: #000
	}
	.h2,h2 {
		font-size: 1.667em
	}
	.field .label-above,.h3,.listing__item .listing__title,h3 {
		font-size: 1.222em;
		font-weight: 600;
		color: #404040
	}
	.h4,h4 {
		font-size: 1.2em;
		font-weight: 600;
		color: #004494;
	}
	.h5,.h6,h5,h6{
		font-size: .778em;
		color: #404040;
		text-transform: uppercase
	}
	.paragraph p {
		display: block;
		max-width: 32em;
		padding: 0 !important;
		margin: 0 0 .8em !important;
		
	}
	h3 a, a h3{
		color: #004494 !important;
	}
	h3 a:hover, a:hover h3{
		/* color: #404040 !important; */
		color: #004494 !important;
		
	}
	
	.ecl-list-item__body a, a .ecl-list-item__body{
		color: #004494 !important;
		
	}
	.ecl-list-item__body a:hover, a:hover .ecl-list-item__body{
		/* color: #404040 !important; */
		color: #004494 !important;
		
	}
	
	
	.ecl-site-header{
		padding: 0;
	}
	.ecl-site-header__banner{
		display: block !important;
	}
	
	
	
	.ecl-breadcrumbs {
		border-bottom: none;
		font-size: .94em!important;
		
	}
	.ecl-listing--three-columns .ecl-list-item {
		flex-grow: 0;
	}
	a.ecl-list-item__link{
		margin: 1rem 0;
		padding: 0;
		text-decoration: none;
	}
	
	a.ecl-list-item__link:focus{
		outline: 3px solid #ffd617;
		outline-offset: 10px;
	}
	
	.ecl-list-item__title{
		margin: .2em 0 .4em;
		/*  border-top: 3px solid #ffd617;*/
	}
	
	
	.ecl-list-item__title:hover{
	/*	border-top: 3px solid #404040;*/
		text-decoration: none !important;
	}
	
	.ecl-list-item__pig{
		margin: .2em 0 .4em;
		border-top: 3px solid #ffd617;
		
	}
	
	.ecl-list-item__pig:hover{
		border-top: 3px solid #404040;
		text-decoration: none !important;
	}
	
	
	.ecl-list-item.ecl-list-item--three-columns{
			padding: 0 15px
			
	}
	

	
	/* END ADDED */
	
	
	
	
	
	
	
	/*
	
	img {
		height: auto;
		max-width: 100%;
	}
	
	body{
		
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}
	
	h2{
		
		text-align:left;
		
	}
	
	.inPageNavHeader
	{
		max-width:none;
		
		
	}
	
	/* REMOVED
	
	.divBottomIinfo
	{
		
		width:99vw;
		padding: 0 0 0 0;
		margin: 0 0 0 0!important;
		
		
	}
	*/
	
	.divCentreStyle
	{
		width:100vw;
		margin-left:0px!important;
		margin-right:0px;
		
		
	}
	
	.divFooterECStyle
	{
		
		/*position:absolute!important;
		bottom:100px!important;
		*/
		/*left:0px;*//*-30px;*/
		width:100%!important;
		height:150px;
		margin-left:0px!important;
		padding-left:0px!important;
		margin-right:0px!important;
		padding-right:0px!important;
		width:100vw!important;
		
	}
	
	.boxclose{
		/*float:right;
		margin-top:-30px;
		margin-right:-30px;
		*/
		cursor:pointer;
		color: #fff;
		/*border: 1px solid #AEAEAE;*/
		border: 1px solid #000000;
		border-radius: 30px;
		background: #605F61;
		font-size: 24px;
		font-weight: bold;
		display: inline-block;
		line-height: 0px;
		padding: 11px 3px;       
	}
	/*
	.boxclose:before {
		content: "×";
	}
	*/
	.btn-circle {
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 4px 6px;
		font-size: 12px;
		font-weight:bold;
		line-height: 1.42;
		border: 3px solid rgba(64,64,64,0.9);
		border-radius: 15px;
		text-decoration:none;
	}
	.chartOverlay
	{
		background-color:rgba(64,64,64,0.9)!important;
		height: 100vh;
		width:100vw;
		position:fixed;
		top:0;
		left:0;
		z-index:999;
	}
	
	
	#exTab1 .tab-content {
		color : black;
		background-color: rgb(238,236,225);/*#428bca;*/
		padding : 5px 15px;
		font-family:arial,tahoma,verdana;
		font-size:14px;
	}
	
	
	/* remove border radius for the tab */
	
	#exTab1 .nav-pills > li > a {
		background-color: rgb(196,188,150);
		color:rgb(238,236,225);
		font-weight:bold;
		border-radius: 0;
	}
	
	
	
	#exTab1 .nav-pills > .active > a, .nav-pills > .active > a:hover {
		color:#000000;
		background-color: rgb(238,236,225);
	}
	
	
	
	#divTabPanel
	{
		
		position:relative;
		top:10%;
		
	}
	
	.navLink{
		
		cursor:pointer;
		
	}
	
	.navLink:hover{
		
		text-decoration:underline;
		color:#000000;
		
	}
	
	.fontCentred
	{
		
		
		text-align:center;
		
	}
	
	.fontTitle
	{
		display: block;
		font-size: 2em;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
		color:#004494;/*rgb(166,154,98);*//*#C4A596;*/
	}
	
	.fontSubTitle
	{
		display: block;
		
		
		/*margin-bottom: 1.33em;*/
		margin-left: 0;
		margin-right: 0;
		font-weight: 600;
		color:black;/*rgb(166,154,98);*//*#C4A596;*/
	}
	
	.fontSubTitleLink
	{
		display: block;
		font-size: 1.7em;
		margin-top: 1.33em;
		/*margin-bottom: 1.33em;*/
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
		color:#004494;
	}
	.fontSubSubTitle
	{
		display: block;
		font-size: 1.3em;
		margin-top: 1.33em;
		/*margin-bottom: 1.33em;*/
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
		color:#004494;/*rgb(166,154,98);*//*#C4A596;*/
	}
	
	.divTextHeader
	{
		text-align: center;
		display: block;
		margin: auto;
		width: 100%;
		
		
		
	}
	#header.floating {
		position: fixed!important;
		top: 200!important;
	}
	
	
	.firstParagraph
	{
		padding-top:15px;
	}
	
	.navIconHorizontal
	{
		/*background-color: rgb(238,236,225);*/
		/*background-color: rgb(64, 115, 175);*/
		background-color: #ffffff;
		text-align: center;
		display: block;
		margin: auto;
		width: 100%;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.navIconHorizontalText
	{
		height:80px;
		padding-top:0px!important;
		padding-bottom:0px!important;
		margin-top:0px!important;
		margin-bottom:0px!important;
	}
	
	.bodyText
	{
		font-size:18px;
		
	}
	
	.imgInfo
	{
		
		
		margin-top: 2em;
		height:100px;
		width:100px;
		
		
		
	}
	
	.imgInfoContainer
	{
		
		
		width: 100%;
		
		
	}
	
	.imgInfoWide
	{
		
		
		margin-top: 2em;
		height:80px;
		/*width:80px;*/
		
		
	}
	
	.divImageRow
	{
		
		height:400px;
		
	}
	
	.divBottomNavRow
	{
		
		height:15%;
		
		
	}
	.imgMain
	{
		
		display: block;
		margin: auto;
		width: 100%;
		height:100%;
		background-image:url('vineyard.png');
		background-size:cover;
		
		
	}
	.imgSide
	{
		
		display: block;
		margin: auto;
		/*width:100%;*/
		height:25%;
		
	}
	
	.imgBottomNav
	{
		padding-left:10px;
		padding-right:10px;
		height:100px;
		cursor:pointer;
		
	}
	
	
	.paddedLayout
	{
		margin-left:37;
		padding-left:15;
		
	}
	
	.imgBodyNav
	{
		/*
		display: block;
		margin: auto;
		*/
		/*width:100%;*/
		/*
		padding-left:10px;
		padding-right:10px;
		height:100px;
		*/
		cursor:pointer;
		/*
		min-width: 85%;
		min-height: 85%;
		max-width: 85%;
		max-height: 85%;
		*/
		height:100px;
		margin: 0;
		padding: 0;
		background-size: cover;
	}
	
	.imgSpacerV
	{
		
		height:30px;
		min-height:30px;
		width:80px;
	}
	.imgSpacerH
	{
		
		width:20px;
		
	}
	
	.divCentreClass
	{
		height:100%;
		
	}
	
	.divNavIconsParent
	{
		
		position:relative; 
		display:block;
		
		height:100%;
		/*
		width:100%;
		*/
	}
	.divNavIcons
	{
		
		position:absolute;
		top:20%; 
		height:50%; 
		/*
		width:100px;
		*/
		text-align:center;
		
	}
	.divMainInfo
	{
		
		height:100%;
		width:100%!important;
		margin-left:0px!important;margin-right:0px!important;padding-left:0px!important;padding-right:0px!important;
		
	}
	.divBottomNavigation
	{
		
		
		/*display: block;
		margin: auto;
		*/
		width: 100%;
		
		
	}
	.divSpacer
	{
		
		height:20px!important;
		/*min-height:100px;*/
		
	}
	
	.divVSpacer
	{
		
		background-color:rgb(232,239,243);
		height:100%;
		
	}
	
	
	.divMainVSection
	{
		
		background-color:#ffffff;
		height:100%;
		
		
	}
	
	.panel-heading
	{
		
		/*background-color: rgb(228,228,228)!important;
		border-color: rgb(207,207,207)!important;
		*/
		background-color:rgb(238,236,225);/*rgb(232,239,243);*/
		border-style:solid;
		border-color: rgb(54,106,163);
		border-width:4px 0px 0px 0px;
		height:50px;
		color: rgb(78,121,170);
		padding-top:0px;
		margin-top:0px;
	
	
	
		
		
	}
	
	.panel-body
	{
		
		/*border-color: rgb(207,207,207)!important;
		border-style:solid;
		border-width:1px;
		*/
		background-color: rgb(238,236,225);
		
		
		
	}
	
	.breadcrumbHome{
		cursor: default;	
	}
	
	.menu-item{
		height:25px!important;
	}
	
	.red{
		height:100%;
		background-color:red!important;
	}
	
	.frameShadow{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		width: 100vw;
		height: 100vh;
		background-color: #535353;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		background-color: rgba(64, 64, 64, 0.9);
	}
	.frameIntro{
		border-left: 	solid 1px rgba(0, 0, 0, 0.19);
		box-shadow: 4px 4px 4px  rgba(0, 0, 0, 0.19);
		height:95%;
	}
	.pagecontainer
	{
		
		height:100%;
		width:100%;
	}
	
	.pagerow
	{
		
		height:100%;
		width:100%;
	}
	
	.navbartop
	{
		position:absolute;
		top:115px;
		left:0px;display:block
	}
	
	
	.dropdown-toggle{
		
		color: #000000!important;
		
	}
	
	.navmenuitemcontainer{
		height: 25px!important;
		/*margin-bottom:10px!important;margin-top:10px!important;*/
		padding-top:2px!important;padding-bottom:2px!important;
		background-color:#ffffff!important;
		border-top:1px solid #E0EAF5!important;
		border-right:1px solid #E0EAF5!important;
		border-left:1px solid #E0EAF5!important;
		border-bottom:1px solid #E0EAF5!important;	
	}
	.navmenuitemcontainer:hover
	{
		background-color:#074A8B!important;color:#ffffff!important;	
	}
	.homeMenuItem{	
		width:100px;
	}
	
	.navBox{
		border-top:1px solid #E0EAF5!important;
		/*border-style:solid!important;border-width:0 0 1px 0!important;border-color:#0065A2!important;
		*/
	}
	
	
	
	.navBarSide{
		position:absolute;top:170px;left:0px;z-index:999;
	}
	.vnavMenuItemTopLevel{
		width:100%;
	}
	
	.chartIframe
	{
		
		
		/*height:100%;*/
		/*width:100%;*/
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		/*height:100%;*/
		width:100%;
		/*margin-left:0px;
		margin-right:0px;
		*/
		
	}
	/*
	.chartRow
	{
		
		position:absolute;
		top:114px;
		left:0px;
		height:80%;
		width:100%;
		padding: 0 0 0 0!important;
		margin: 0 0 0 0!important;
	}
	*/
	
	
	.chartRow
	{
		
		position:relative;
		top:0px;
		left:0px;
		/*height:1550px;*/
		width:100%;
		padding: 0 0 0 0!important;
		margin: 0 0 0 0!important;
		/*overflow:hidden!important;*/
	}
	
	.chartrowwrapper
	{
		
		/*height:100%;*/
		width:100%
		
	}
	
	.chartcolswrapper
	{
		
		height:100%;
		width:100%;
		
	}
	
	.chartframe
	{
		
		/*height:100%;*/
		width:100%;
		
		/*overflow:auto;*/
		margin-left:0px!important;margin-right:0px!important;padding-left:0px!important;padding-right:0px!important;
		
	}
	
	
	.logo
	{
		
		height:100px;
		/*max-height:100px;*/
		width:100%;
		
	}
	
	.testImage
	{
		height:100px;position:absolute;left:500px;top:10px;z-index:999;
	}
	
	.toplinks
	{
		
		z-index:99;
		color:#347C98;
		text-decoration:underline;
		
		
	}
	
	.toplinks:visited{color:#551A8B;}
	.toplinks:hover,a:focus,a:active{color:#036;}
	
	
	/* RESET ANY ORDER LIST: language selector, additionnal tools ... */
	
	.reset-list,
	.reset-list ul,
	.reset-list li{margin:0;padding:0;list-style-type:none;}
	
	
	/* SERVICES */
	
		#services{font-size:90%;font-weight:normal;position:absolute;left:0;top:2px;right:0;z-index:18;padding:1px 5px 1px 0;text-align:right;}
		#services li{display:inline;padding:3px 0;}
		#services a,
		#services a:visited{background:url("services-separator.gif") transparent left center no-repeat;color:#396ea2;text-decoration:none;margin:0;padding:0 0 3px 5px;border:0;font-weight:normal;display:inline-block;}
		#services a:focus,
		#services a:hover,
		#services a:active{color:#396ea2;text-decoration:underline;border:0;}
		#services a.first{border:0;background-image:none;}
	
		.js #services{padding-right:140px;}
	
	
		
		
	/* BANNER */
	
		.banner-flag{position:absolute;left:20px;top:0px;z-index:8;color:#000;height:75px;}
		.banner-title-text{font-family:EC Square Sans Pro;margin:0;border:0;font-size:24px;line-height:1.2;padding-left:150px;position:absolute;top:25px;color:#347C98;}
		.banner-title-text span{display:block;font-size:18px;}
		.banner-image-right{position:absolute;right:0;top:38px;z-index:7;height:107px;width:210px;}
		.banner-image-title{position:absolute;left:0;top:0;height:145px;width:100%;z-index:6;background-repeat:no-repeat;background-position:0 0;}
		.banner-bar{position:absolute;left:0;top:56px;height:40px;width:100%;background-color:#0065A2;}
		.banner-bar-text{margin:0;border:0;font-size:24px;line-height:1.2;padding-left:150px;position:absolute;top:58px;height:50px;color:#ffffff;}
		
		
	/* IMAGE TITLE IN THE BANNER */
	.title-en{background-image:url("../images/title/title_en.gif");}
	
	
	
	/* NAVIGATION PATH (CRUMBTRAILS) */
	
		.path{position:absolute;left:0px;top:96px;font-size:12px;background-color:#074A8B;height:18px;color:#fff;padding:0 0 0 23px;overflow:hidden;line-height:1.6;}
		
		.path-ul{z-index:7;margin-left:10px;}
		.path-li{color:#fff;text-decoration:none;white-space:nowrap;display:inline;padding:0 0 0 12px;float:left;background:url("breadcrumb.gif") transparent left center no-repeat;}
		.path-li-first{color:#fff;white-space:nowrap;display:inline;float:left;background-image:none;padding:0 0 0 12px;}
		.path a {color:#fff;text-decoration:none;}
		.path a:visited{color:#fff;text-decoration:none;border:0;}
		.path-li-first a:hover {text-decoration:underline;}
		.path a:focus,
		.path a:active{color:#fff;border:0;}
	
		/* FOOTER SECTION */
	
		.layout-footer{margin: auto;clear:both;padding:6px 0 7px 0;text-align:center;position:absolute;bottom:10px;height:18px;width:100%;z-index:99999;color:#396ea2;}
		.layout-footer ul{margin:auto;padding:0 0 0 10px;font-size:90%;}
		.layout-footer li{margin: auto;display:inline;padding-left:5px;background:url("services-separator.gif") transparent left center no-repeat;}
		.layout-footer li:first-child{background-image:none;}
		
		
	/* ================================== RB Mobile Switcher Styles================================== */	
	
	.mobileSwitcherContainer
	{
			
			position:relative;
			left:0px;
			text-align: right;
			z-index:998;
			width:100%;
			height:50px;
			
	}
		.mobileSwitcherButton
	{
		color:rgb(0, 68, 148);
		width:150px;
		position:absolute;
		padding-right:15px;
		right:0px;
	}
	
	.mobileSwitcherIcon
	{
		

		font-size:16px;
		cursor:pointer;
		z-index:999;
	}
	
	.mobileSwitcherLabel
	{
		font-size:12px;
	}
		


	/* ================================== RB alert styles================================== */	

	.alertBox
	{
		display:flex;
		text-align:center;
		z-index:999;
		position:sticky;
		top:0px;
		right:0px;
		width:100vw;
		border:0px;
		line-height:1.5em;
		font-size:18px;
		padding:10px 65px;
		color:#f5f5f5;
	} 

	.danger {
		background-color:#da1414;
	}

	.informative {
		background-color:#2e5aac;
	}

	.warning {
		background-color:#edae1a;
	}

	.success {
		background-color:#287d3c;
	}

	.alertBox:hover {
		color:white;
	}

	.alertHide
	{
		display:none;
	}

	.alertShow
	{
		display:block;
	}
	.strongx {
		font-weight: bold;
		width: 30px;
		height:30px;
		position:sticky;
		top:38px;
		right:20px;
		border: 3px solid white;
		padding:0px 5px;
		line-height:20px;
		border-radius:4px;
	}
	
	#divAlert {
	display:flex;
	justify-content:center;
	gap:50px;
	}

	/*  FIX IE COMPATIBILITY ISSUES */

	.ecl-site-header-standardised__logo-image {
	display:inline;
	}

	.news-text p {
	min-width:800px;
	}

	/* ======================== MEDIA QUERIES ============================== */
	@media screen and (min-width: 1000px) and (max-width: 1200px) {
		.linear-wipe { margin-bottom: 20px;}
		.spotlight-text { width: 105%; }
		.banner-btn { left: 740px;}
	}


	@media only screen and (max-width: 1000px) {
		.topic-page a {font-size:14px;}
		.pillar-box {max-width:240px;}
		.pillar-box:nth-child(6) img {padding: 20px 20%;}
		.ecl-search-form {padding-bottom:10px;}
		.ecl-site-header-harmonised__top img {padding-bottom:10px;} 
		.news-text p {min-width:300px}
		.functionalities-features-container {display:none;}
		.spotlight-section { flex-direction:column;}
		.spotlight-item {width:100%; flex-direction:column;align-items:center;}
		.spotlight-img {width:22%; } 
		.spotlight-text {width:90%;text-align:center;}
		.banner-btn { left: 440px;}
	}


	@media only screen and (max-width: 768px) {
		.topic-pages-container {flex-direction:column;}
		.topic-pages-container img {margin:auto;}
		.sector-description-container {flex-direction:column;}
		.sector-description-container img {margin:auto;}
		.section_heading {padding-right:0;}
		.topic-pages-content{margin:auto; padding:0px 20px;}
		.topic-pages-content-fullwidth{margin:auto; padding:0px 20px;}
		.topic-page {flex-direction:column;}
		.topic-page a{padding:0px;}
		.topic-pages-links {padding: 0px 20px;}
		.legend-tabs {min-height:150px;}
		.app-card {width:80vw;}
		.app-card .euro-btn,	.app-card .prod-btn, .app-card .trade-btn, .app-card .outlook-btn, .app-card .dash-btn,	.app-card .chart-btn,
		.app-card-spaced .barn-btn, .app-card-spaced .eu-btn, .app-card-spaced .sheepfarm-btn, .app-card-spaced .db-btn, .app-card-spaced .crops-btn,
		.app-card-spaced .milk-btn {display:none;}
		.section-separator {margin:30px auto;}
		.mobileSwitcher {top:35px;}
		.cmef-composition-switcher{flex-direction:column;}
		.cmef-composition-menu {flex-direction:column; align-items:center;}
		.theme-headline-separator { margin:30px auto!important;}
		.pillarList { flex-direction:column;}
		.pillarItem { width: 100%!important; height: 100%!important;}
		.download-container {flex-direction:column;}
		.download-container img { width:300px; height:auto!important;}
		.api-container img {display:none;}
		.banner-btn { left: 440px;}
	}

	@media only screen and (max-width: 600px) {
		.topic-page a {font-size:12px;}
		.mobileSwitcher {left:70vw; top: 60px;}
		.cmef-composition-menu {flex-direction:column; align-items:center;}
		.cmef-composition-switcher {flex-direction:column;}
		.thematic-icon {display:none;}
		.news-hide {display:none;}
		.news-card {flex-direction:column; align-items:center;}
		.news-text {padding:15px;}
		.spotlight-section {flex-direction:column;}
		.spotlight-item {width:100%; flex-direction:column;align-items:center;}
		.spotlight-img {width:19%; }
		.spotlight-text {width:80%;text-align:center;}
		.banner-btn { left: 300px;}
	}	

	@media only screen and (max-width: 480px) {
		#divPageTitle {font-size:2rem!important;}
		.ecl-breadcrumbs__segment {margin:2px!important;}
		.whatsnew_btn {display:block; width:100px; padding:3px; margin:5px 0; font-size:14px; text-align:center;}
		.topic-pages-links {flex-wrap:wrap; justify-content:space-evenly;}
		.topic-page {min-width:90px;}
		.mobileSwitcher {left:70vw;}
		.app-description-text {padding-left:0px;}
		.app-name{padding:0px;}
		.app-text{padding:10px 0px; font-size:16px;}
		.app-description-text ul li {padding:0px;}
		.ecl-search-form {padding-bottom:20px;}
		.pillar-box {max-width:280px;}
		.home-container {justify-content:center;}
		.whatsnew_btn {width:100%;}
		.emailus-headline-separator {display:block;}
		.news-card-img {width:120px; height:120px; padding:10px;}
		.news-title {font-size:1.2em;}
		.news-text p {min-width:300px}
		.news-link-icon {display: none;}
		.spotlight-section {flex-direction:column;}
		.spotlight-item {width:100%; flex-direction:column;align-items:center; margin-bottom:20px;}
		.spotlight-img {width:19%; }
		.spotlight-text {width:90%;text-align:center;}
		.banner-btn { left: 100px;}
		.release-card {flex-direction:column; align-items:center;}
		.date_card {display:none;}
		.latest-release-btn {margin-top:20px;}
		.spotlight-single-container{ flex-direction:column; }
		.spotlight-title {left:35%}
		.pillars-title {left:40%}
	}
	
	.market_title_v4_med {
		padding-left:50px!important;
	}

	.ecl-page-header {
		padding-bottom:0px;
	}
	.ecl-page-header__intro {
		max-width:45em!important;
	}


	.ecl-search-form {
	border: none!important;
	}


	.ecl-search-form__text-input {
		border-bottom-color: #9f9f9f!important;
		border-left-color: #9f9f9f!important;
		border-right-width: 0!important;
		border-top-color: #9f9f9f!important;
		flex-grow: 1!important;
		margin-top: 0!important;
		width: 100%!important;
	}

	.ecl-button--search {
		background-color: #ebebeb!important;
		color: #004494!important;
	}

	.ecl-search-form__button {
		border-bottom: 1px solid #9f9f9f!important;
		border-left-width: 0;
		border-right: 1px solid #9f9f9f!important;
		border-top: 1px solid #9f9f9f!important;
	}



	/* video tutorial modal */

	.overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.7);
		transition: opacity 500ms;
		visibility: hidden;
		opacity: 0;
	}
	.overlay:target {
		visibility: visible;
		opacity: 1;
	}
	
	.popup {
		display:block;
		transition: all 5s ease-in-out;
		height:auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%); /* for IE 9 */
		-webkit-transform: translate(-50%, -50%); /* for Safari */
	}
	
	.popup h2 {
		margin-top: 0;
		color: #333;
		font-family: Tahoma, Arial, sans-serif;
	}
	.popup .close {
		position: absolute;
		top: 20px;
		right: 30px;
		transition: all 200ms;
		font-size: 30px;
		font-weight: bold;
		text-decoration: none;
		color: #333;
	}
	.popup .close:hover {
		color: #004494;
	}
	.popup .content {
		max-height: 30%;
		overflow: auto;
	}
	
	
	.tutorial {
		margin:0 auto;
	}
	@media screen and (max-width: 700px){
		.box{
		width: 70%;
		}
		.popup{
		width: 70%;
		}
	}
	
	.nomob {
	text-decoration:none;
	}
	
	/* whatsnew date card */
	
	.date_card {
		margin:28px;
	}
	.date_card_top {
		background-color:#0066a0;
		height: 30px; width: 87px; border-top-left-radius:10px;border-top-right-radius:10px; margin-bottom:7px;
		display:flex; flex-direction: row; align-items:center; justify-content:center;
	}
	.date_card_bottom {
		font-size: 38px; color:white; font-weight:800; text-transform: uppercase; line-height: 1;
		background-color:#303a3f;  
		height: 50px; width: 87px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;
		display:flex; flex-direction: column; align-items:center; justify-content:center;
	}
	.date_card_top_YM {
		font-size: 11px; color:white; font-weight:700; text-transform: uppercase; line-height: 1;
		display:flex; flex-direction: column; align-items:center; justify-content:center;
	}
	.spiral{
		height:10px; width:10px; border-radius:50%;background-color:white;
		margin:8px; position:relative;
	}
	.spiral::after{
		background:inherit;
		content:'';
		position:absolute;
		top:-12px;
		left:3px;
		bottom:10px;
		height:20px;
		width:4px;
	}

	/* whatsnew date card */

	/* indicator mapping */

	.mapping-card{
		padding:40px 0px;
	}

	.flex-container {
		width:auto;
		display: flex;
		flex-direction: column;
	}
	.flex-row {
		display:flex;
		flex-direction:row;
		width:100%
	}

	.flex-item {
		padding:.5em .5em .5em 2em;
		width:33.33%;
		border-bottom: .25px solid lightblue;
	}
	.tableheader{
		background-color:#0058bf;
		color: white;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:12px;
	}

	.flex-container-compass {
		width:auto;
		display: flex;
		flex-direction: column;
	}
	.flex-row-compass {
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		border-bottom: .25px solid lightblue;
	}

	.tableheader-light-compass{
		background-color:#7FABDF;
		color: white;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:12px;
		align-content:flex-start;
	}

	.flex-item-compass {
		padding:.5em .5em .5em 2em;
		border-left: .25px solid lightblue;
		width:15%;
	}

	.objective-card {
		display:flex;
		flex-direction:row;
		padding-bottom:20px;
		justify-content:flex-start;
	}
	.objective-text {
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
	}
	.objective-number{
		color: #757575;
		letter-spacing:1px;
		padding-left:20px;
		padding-top:20px;
		padding-bottom:10px;
		text-transform:uppercase;
	}
	.objective-name {
		color:#004494;
		font-size:2em;
		font-weight:bold;
		padding-left:20px;
		text-transform:uppercase;
	}
	.objective-desc {
		color: #757575;
		padding-left:20px;
		padding-bottom:10px;
	}
	.header {
		font-weight:bold;
	}
	.mapping-link{
		color:#0044dd;
		font-weight:300;
	}
	.mapping-link:hover{
		color:#0044dd;
		font-weight:300;
	}
	.border-light {
		border-bottom: .25px solid #E4F4FB;
	}
	.borderless {
		border:0px;
	}

	@media only screen and (max-width: 480px) {
		.objective-card {flex-direction:column;}
		.objective-name {font-size:1.6em;}
	}

		/* indicator mapping */
		
		/* Ukraine */

	.ukraine_btn {
		font-size:16px; 
		color:#0057b7; 
		font-weight:900; 
		text-decoration:none; 
		padding:3px 5px; 
		border-radius:2px;
	}
	.ukraine_btn:hover {
		font-size:16px;
		color:#0057b7;
		font-weight:900;
		text-decoration:none;
		padding:3px 5px; 
		border-radius:2px;
	}
	/* Ukraine */

	/* social sharing icons */

	ul .wt_twitter {
		min-width:40px;
	}

	ul .wt_facebook {
		min-width:40px;
	}
		
	.wtShareNetworks a {
		width:0px;
	}
	.wtShare {
	padding:0px;
	width:0px;
	}

	.email_us_container_2col {
		padding:30px 0px 10px 0px; 
		text-decoration:none; 
		font-size:16px; 
		width:600px;
		margin:auto;
		display:flex;
		align-items:center;
	}

	.emailsection_container_2col {
		margin:30px auto!important;
		display:flex;
		justify-content:space-between;
		border-width:1px;
		border-top-color:lightblue;
		border-width:90%;
		border-top-style:dotted;
	}
	.emailsection_container_2col_noborder {
		margin:30px auto!important;
		width:65%;
		display:flex;
	}

	.email_us_container_social_2col {
		padding:30px 0px 10px 0px; 
		text-decoration:none; 
		font-size:16px; 
		width:300px;
		margin:auto;
		display:flex;
		align-items:center;
	}

	.email_us_container_3col {
		padding:30px 0px 10px 0px; 
		text-decoration:none; 
		font-size:16px; 
		width:900px;
		margin:auto;
		display:flex;
		align-items:center;
	}

	.emailsection_container_3col {
		margin:30px auto!important;
		width:65%;
		display:flex;
		border-width:1px;
		border-top-color:lightblue;
		width:95%;
		border-top-style:dotted;
	}
	.emailsection_container_3col_noborder {
		margin:30px auto!important;
		width:65%;
		display:flex;
	}

	/* social sharing icons */

	* Disclaimer modal */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 550px;
  height:330px;
  border-radius: 4px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 42px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 12px 16px;
  background-color: #004494;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 0px;
  background-color: #004494;
  color: white;
}
.modal-header h2 {
  color: white;
  font-size:24px;
  padding:20px;
}

.modal-body p {
  
  padding: 8px 16px;
  margin-bottom: 6px; 
}

.modal-body li {
  
  margin-bottom: 0.8em!important;
}

.modal-body ol {
list-style-type: decimal;
padding-left: 2.2em!important;
}
.modal-footer h3 {
  color: white;
  font-size:16px;
  padding:10px;
  float:right;
}

.help-section button {
border:none;
background:none;
color:#004494;
}

/* Disclaimer modal */


	/* api section dropdown */
	#api_section label {
		font-size:1em;
		color:#004494;
		font-weight:200;
		padding-right:20px;
		font-family: "Open Sans", "DejaVu Sans", sans-serif;
	}
	#api_section select {
		font-family: "Open Sans", "DejaVu Sans", sans-serif;
		text-transform:uppercase;
		font-size:.8em;
		color:white;
		background:#004494;
		font-weight:200;
		padding:10px;
		border:none;
		border-radius:3px;
	}
	#api_section select:focus, form select:hover, form:active {
		outline:none;
	}

	option {
	padding:10px 20px 10px 20px;}
			
	/* api section dropdown*/

	.back-to-top-btn {
	background: #004494;
	font-size:20px;
	font-weight:400;
	color: white;
	padding:20px;
	text-decoration:none;
	border-radius:5px;
	float:right;
	margin-bottom:-20px;
	}

	.btt-arrow {
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 8px;
	}

	.btt-up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	}

	.btt-arrow:hover {
	border-color: #026be3;
	}

	/* food alerts */

	.btn_view_alert {
		background:#025bc2;
		color: white;
		font-size:14px;
		border-radius: 4px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		padding:8px 20px;
		margin:20px 20px;
		text-decoration:none;
		font-weight:normal;
		width:450px;
		text-align:center;
		text-transform:uppercase;
	}

	.btn_view_alert:hover {
		background: #026be3;
		color: white;
		text-decoration:none;
		cursor:pointer;

	}

	.alert-two-column {
		display:flex;
		height:180px;
		margin-bottom:20px;
	}

	.alert-column {
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		width:50%;
		padding:0px 20px;
		
	}

	.column-objective-desc {
		color: #757575;
		padding-bottom:10px;
	}


	/* ====== Help sections links ======== */ 
	.toc_links {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	}

	.toc_links a{
	color:#004494;
	border:1px solid #97d3fc;
	border-radius:3px;
	text-decoration:none;
	padding:5px 10px;
	margin-right:15px;
	margin-top:10px;
	}

	.toc_links a:hover{
	color:#004494;
	background:#97d3fc;
	}

	/* ====================== Help styling ==================== */

	/* CSS */


	.intextlink, .intextlink:hover {
		color:#004494;
		font-size:14px;
		font-weight:600;
		text-decoration:none;
	}

	.pillarName {
		color:#004494!important; 
		font-size:20px;
		font-weight:600;
	}

	.pillarList {
		display: flex; 
		flex-wrap: wrap; 
		justify-content: space-between; 
	}

	.pillarItem {
		width: calc(50% - 40px); 
		margin-bottom: 20px; 
		margin-top:10px;
		height:120px;
	}


	/*General Styling*/
	.et_pb_text ol{
	text-align:justify;
	}

	.et_pb_text ol {
	position: relative;
	padding-left: 60px;
	margin-bottom: 20px;
	list-style: none !important;
	}
	
	.et_pb_text ol li {
	position: relative;
	margin-top: 0em;
	margin-bottom: 20px;
	}

	/*number styling - note that you will need to physically add in a span class*/
	.et_pb_text ol li .number_divider {
	position: absolute;
	font-weight: 800;
	font-size: 2em;
	left: -60px;
	top: -5px;
	color:#004494;
	}

	/*line styling*/
	.et_pb_text ol li:before {
	content: "";
	background: #caeafc;
	position: absolute;
	width: 2px;
	top: 1px;
	bottom: -21px;
	left: -24px;
	}

	/*dot styling*/
	.et_pb_text ol li:after {
	content: "";
	background: #004494;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	top: 1px;
	left: -31px;
	}

	/*removes line from last number*/
	.et_pb_text ol li:last-child:before {
	content: "";
	background: #ffffff;
	}

	.download-container {
	display:flex; 
	justify-content: space-around; 
	padding-bottom:10px;
	}

	.download-container img {
	height:100%;
	padding-top:20px;
	}

	.api-container {
	display:flex;
	}


	.ecl-site-header-harmonised__top {
	display:flex;
	align-items:center;
	height:120px;
	justify-content:space-between;
	}

	.ecl-site-header-harmonised__top img {
	height:68px;
	}

	.ecl-search-form {
	padding-top:30px;
	}



	.ecl-footer-harmonised {
		background-color:#004494;
		color:white;
	}

	.ecl-footer-harmonised a {
		color:white;
	}


	.ecl-container, .ecl-footer-harmonised__container section {
	flex: 1 0 30%
	}

	.ecl-footer-harmonised__section2, .ecl-footer-harmonised__section3 {
	flex: 1 0 30%
	}

	.ecl-footer-harmonised__title {
	font-family:arial;
		font-weight:600;
		font-size:18px;
	}

	.ecl-footer-harmonised__title a{
	font-family:Arial,sans-serif;
		font-weight:600;
		font-size:20px;
		padding:20px;
		color:white;
	}

	.ecl-footer-harmonised__title--separator {
		border-bottom: 1px solid #7fa1c9;
		padding-bottom: .5rem
	}

	.ecl-footer-harmonised__container {
	display: flex;
	justify-content: center;
	}

	.ecl-footer-harmonised__flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px; /* Adjust this value based on your design needs */
	gap: 50px; /* Adjust this value for spacing between sections */
	padding:50px 0px;
	}

	.ecl-footer-harmonised__section {
	flex: 1 1 calc(33.33% - 20px); /* Calculate the width based on the container width and gap */
	box-sizing: border-box;
	}
	.ecl-footer-harmonised__list-item {
	padding: 10px 0px;
	}
	@media (max-width: 768px) {
	.ecl-footer-harmonised__section {
		flex: 1 1 calc(50% - 20px); /* Adjust for smaller screens */
	}
	}

	@media (max-width: 480px) {
	.ecl-footer-harmonised__section {
		flex: 1 1 100%; /* Adjust for mobile screens */
	}
	}

	.ecl-footer-harmonised__description {
	padding:20px 0px;
	}


	.ecl-footer-harmonised__section4, .ecl-footer-harmonised__section5, .ecl-footer-harmonised__section6  {
		border-top: 1px solid #7fa1c9;
		padding-bottom: 1rem;
		padding-top: 1rem;
	}

	.wtShareList {
	margin:0px;
	}

	.wtShareNetworks {
	height: 44px;
	}

	.wtShareList img {
	width:30px;
	height:30px;
	}

	.wtShareNetworks li {
	height:30px;
	}

	.sitemap_section {
		font-size: 18px;
		color: #004494;
		font-weight: bold;
		line-height:1.1;
	}

	/* Dataportal intro video*/
	#videoModal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
		align-items: center;
		justify-content: center;
	}


	#videoModal video {
		width: 100%;
		height: auto;
		max-width: 800px;
	}

	#videoModal button {
		position: absolute;
		top: 10px;
		right: 10px;
		background: white;
		border: none;
		padding: 5px 10px;
		cursor: pointer;
		font-weight: bold;
	}	

	/*   Bottom section */
	
	.bottom-section-container {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		padding: 40px;
		justify-content:center;
	}

	.bottom-section {
		display: flex;
		align-items: center;
		background-color: #e3f3ff;
		border: 1px solid #cae8ff ;
		border-radius: 5px;
		padding: 10px 0px 10px 30px;
		width: calc(33.333% - 20px); 
		box-sizing: border-box;
		min-width:300px;
		max-width:400px;
	}

	.bottom-section-icon {
		flex: 0 0 auto;
		width: 50px;
		height: 50px;
		margin-right: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24px;
		border-radius: 50%;
	}

	.bottom-section-content {
		flex: 1;
	}

	.bottom-section-title {
		font-size: 1.2em;
		color:#004494;
	}

	.bottom-section-text {
		margin: 0;
		font-size: 0.9em;
	
	}
	.bottom-section-text a {
		color:#004494!important; 
		}

	@media (max-width: 768px) {
		.bottom-section {
			width: calc(50% - 16px);
		}
	}
	
	@media (max-width: 600px) {
		 
		.bottom-section-title { font-size: 1em; }
		.bottom-section-text { font-size: 0.8em;}
		.bottom-section {padding: 10px;}
	}

	@media (max-width: 480px) {
		.bottom-section {
			width: 100%;
		}
		
	}

	.ecl-social-media-follow__item {
	margin-right:0px;
	margin-top:20px;
	}