/********************************************************************************************************************/
/*                                                                                                                  */
/*	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:275px;
	min-width:270px;
	margin-bottom:30px;
}

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

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

.pillar-box a {
	text-decoration:none;
	font-size:0.9em;
}

.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:0.85em;
	text-align:left;
	line-height:1.5em;
}

.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;
}

.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:40px;
	padding-top:5px;
}

.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: space-between;
}

.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:start;
	margin-left:40px;
}

.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;
	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;
  }

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


.crops-btn{
	  display: inline;
	  background: url("../CommonImages/crops_lblue.svg") no-repeat 0 0;
	  float:left;
	  margin-left:10px;
  }
  
.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:10px;
  }
  
.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:10px;
  }
  
.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:10px;
  }
  
.milk-btn:hover{
	background: url("../CommonImages/milk_dblue.svg") no-repeat 0 0;
  }
  
 
.sheepfarm-btn{
	  display: inline;
	  background: url("../CommonImages/sheepfarm_lblue.svg") no-repeat 0 0;
	  float:left;
	  margin-left:10px;
  }
  
.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;
}
  
.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:10px;
}

.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;
	margin-left:10px;
}

.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;
	margin-left:10px;
}

 #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;
}
/*
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: 20px; 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: 1.2em;
  width: 2.4em;
  background: #c6c6c6;
  border-radius: 1em;
}

.toggle-switch div {
  height: 1.2em;
  width: 1.2em;
  border-radius: 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-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;
}

/* =============================== 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:gray;
}

.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:#a1a1a1; 
	padding-bottom:5px;
}

.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 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:fixed;
	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;
	position:fixed;
	top:10px;
	right:20px;
	border: 3px solid white;
	padding:0px 5px;
	line-height:20px;
	border-radius:4px;
}

/*  FIX IE COMPATIBILITY ISSUES */

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

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

/* ======================== MEDIA QUERIES ============================== */

 @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}
}


 @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 .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;}
}

 @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;}
 }	

 @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;}

}
  
.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;
}
.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: gray;
	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: gray;
	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: 1; /* 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: 60vw;
  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 {
  font-size:18px;
  padding:20px;
}

.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: gray;
	padding-bottom:10px;
}