/* 
-----------------------------------
	HTML/BODY/MAIN WRAPPER
-----------------------------------
*/

html {
	background: #D7DFE4;
}

body {
	padding-top:10px;
	padding-bottom:10px;
	color: #555;
	background: #D7DFE4;
}

#main-wrapper {
	margin: 0 auto 0;
	background:#FCFCFC;
	box-shadow: 0 2px 2px 0 rgba(24, 67, 70, 0.15);
	/*box-shadow:0 -10px 25px rgba(35, 107, 141,0.60);*/
	box-shadow:none\9;
	padding-top:10px;
	padding-bottom:30px;
	border-radius:7px;
}


/* 
-----------------------------------
	MAIN HEADER
-----------------------------------
*/

#main-header {
	position:relative;
	z-index:6;
	min-height:145px;
	line-height:1.4;
	background: url(https://ec.europa.eu/forematis/vendor/ec/css/images/banner_bg_repeat.png) 0 0 repeat-x;
	width:100%;
}

#banner-flag {
	position:absolute;
	left:40px;
	top:15px;
	z-index:8;
	color:#000;
	width:172px;
}

#main-header #banner-title-text {
	margin:0;
	border:0;
	line-height:1.2;
	padding-left:240px;
	z-index:7;
	color:#0065a2;
	font-size:180%;
	font-weight:normal;
	position:absolute;
	top:68px;
	left:4px;
}
	
#main-header #banner-title-text span {
	display:block;
	font-size:18px;
	z-index:7;
	color:#fff;
	position:relative;
	top:6px;
	left:2px;
	font-weight:normal;
}
	
	/* 
	-----------------------------------
		LANGUAGE SELECTOR
	-----------------------------------
	*/

	#language-selector {
		background-color:#fff;
		font-size:90%;
		position:absolute;
		right:15px;
		top:9px;
		float:right;
		z-index:10;
		padding:1px;
		margin:0 0 0 10px;
		list-style:none;
		padding:0;
		border-radius:3px;
	}
	
	.language-selector a {
		padding:1px 2px;
		margin:0;
	}
	
	#language-selector li {
		display:inline;
		float:left;
		margin:0 1px;
	
	}
	
	.language-selector li.selected {
		text-align:center;
		display:inline-block;
		padding:0 2px;
		background-color:#074A8B;
		color:#fff;
		text-decoration:none;
		margin:0;
	}
	
	.js #language-selector {
		display:none;
	}

	.language-selector-close,
	.language-selector-open {
		font-size:90%;
		position:absolute;
		top:1px;
		right:1px;
		z-index:99;
		overflow:hidden;
		width:130px;
		background-color:#fff;
		border:1px solid #9ab;
	}
	
	.language-selector-close li {
		padding:1px;
		position:absolute;
		left:-999px;
		top:-999px;
	}
	
	.language-selector-open li,
	.language-selector-close li.selected {
		padding:1px;
		position:relative;
		left:0;
		top:0;
		width:128px;
	}
	
	.language-selector-close a,
	.language-selector-open a,
	.language-selector-close a:visited,
	.language-selector-open a:visited {
		display:block;
		padding:0 3px;
		border:0;
		text-decoration:none;
		color:#396ea2;
	}
	
	.language-selector-close a:hover,
	.language-selector-close a:focus,
	.language-selector-close a:active,
	.language-selector-open a:hover,
	.language-selector-open a:focus,
	.language-selector-open a:active {
		background-color:#def;
		color:#036;
	}
	
	.language-selector-open img,
	.language-selector-close img {
		position:absolute;
		right:0;
		top:0;
		z-index:1;
		width:16px;
		height:16px;
	}
	
	.language-selector-close .selected a ,
	.language-selector-open .selected a {
		background-image:url(https://ec.europa.eu/forematis/vendor/ec/css/images/arrows-down.gif);
		background-position:100% 0;
		background-repeat:no-repeat;
	}
	
	.language-selector-open .selected a {
		background-image:url(https://ec.europa.eu/forematis/vendor/ec/css/images/arrows-up.gif);
	}

	/* 
	-----------------------------------
		USER NAV
	-----------------------------------
	*/
	
	#user-nav {
		position:relative;
		z-index:9;
		padding-right:155px;
	}

/* 
-----------------------------------
	MAIN PATH/CRUMBTRAIL
-----------------------------------
*/
	
#main-header-path {
	font-size:90%;
	background-color:#074A8B;
	min-height:18px;
	color:#fff;
	padding:0 0 1px;
	overflow:hidden;
	line-height:1.6;
	margin-bottom:0;
	border-bottom:2px solid #11406D;
}

#main-header-path ul {
	position:relative;
	z-index:7;
	padding-left:10px;
}

#main-header-path li {
	white-space:nowrap;
	display:inline;
	padding:0 0 0 12px;
	float:left;
	background:url("https://ec.europa.eu/forematis/vendor/ec/css/images/breadcrumb.gif") left center no-repeat;
}

#main-header-path li.first{
	background-image:none;
	padding-left:0;
	padding-right:0;
}

#main-header-path a,
#main-header-path a:visited{
	color:#fff;
	text-decoration:none;
	border:0;
}

#main-header-path a:hover,
#main-header-path a:focus,
#main-header-path a:active{
	text-decoration:underline;
	color:#fff;
	border:0;
}

/* 
-----------------------------------
	MAIN NAV
-----------------------------------
*/


#main-nav {
	border-radius: 0 0 4px 4px;
}


/* 
-----------------------------------
	MAIN FOOTER
-----------------------------------
*/

footer#main-footer {
	text-align:center;
	padding:20px 0;
}

footer#main-footer a {
	text-align:center;
	padding:10px 15px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	border-radius:50px;
	-webkit-transition: background 0.2s ease-out;
          	transition: background 0.2s ease-out;
}

footer#main-footer a:hover {
	background:#fff;
	color:#D7DFE4;
	text-decoration:none;
}

footer#main-footer a > i,
footer#main-footer a > strong  {
	display:block;
}
footer#main-footer a > i {
	text-indent:3px;
}



/* 
-----------------------------------
	RESPONSIVE DESIGN
-----------------------------------
*/

@media (min-width: 992px) 
{
	body > #main-wrapper {
		padding-right:30px;
		padding-left:30px;
	}
}


@media (min-width: 768px) {
	
	
	/* 
	-----------------------------------
		NAVBAR
	-----------------------------------
	*/
	
	.navbar-header.visible-xs + .navbar-collapse {
		padding-left:0;
	}

	
}

@media (max-width: 767px) {
	
	
	/* 
	-----------------------------------
		BODY
	-----------------------------------
	*/
	
	body {
		padding:0;
	}
	
	body > #main-wrapper {
		margin:0 auto 0 auto;
		box-shadow:none;
		border-radius:0;
	}
	
	/* 
	-----------------------------------
		HEADER
	-----------------------------------
	*/
	
	#main-header  {
		margin-left:-15px;
		margin-right:-15px;
		width:auto;
	}
	
	#main-header #banner-flag  {
		left:0;
	}
	
	#main-header #banner-title-text {
		padding-left:200px;
	}
	
	#language-selector {
		top:0;
		right:10px;
		position:relative;
	}
	
	#main-header hr  {
		display:none !important;
	}

	/* 
	-----------------------------------
		USER NAV
	-----------------------------------
	*/

	#user-nav {
		overflow:hidden;
		clear:both;
		padding-right:0;
	}
	
	#user-nav .nav {
		float:none !important;
		border-bottom:1px solid #E7E7E7;
		background:#fff;
		background:rgba(255,255,255,0.95);
		padding:10px 10px;
	}
	
	#collapse-user-nav {
		margin-right:10px;
	}
	
	/* 
	-----------------------------------
		NAV
	-----------------------------------
	*/
	
	#main-nav {
		margin-left:-15px;
		margin-right:-15px;
		border-radius:0;
		border-left:0;
		border-right:0;
	}
	
	.nav-stacked.affix {
		top:0;
		z-index:1;
		width:auto;
		position:relative;
		left:0;
	}
	
	.navbar-fixed-top,
	.navbar-fixed-bottom,
	.navbar-static-top {
		margin-right: -5px;
		margin-left: -5px;
	}
	
	
	
}

@media (max-width: 480px) {
	
	body {
		padding:0;
	}
	
	/* 
	-----------------------------------
		HEADER
	-----------------------------------
	*/
	
	#main-header  {
		background:none;
		min-height:0;
	}
	
	#main-header #banner-flag  {
		position:relative;
		top:0;
		width:109px;
		height:75px;
		float:right;
		margin-top:10px;
	}
	
	#main-header #banner-title-text,
	#main-header #banner-title-text span {
		position:relative !important;
		top:0 !important;
		left:0!important;
		margin:0;
		padding:0;
		font-size:140%;
		padding:5px 0 0 0;
	}
	
	#main-header #banner-title-text {
		margin-top:35px;
		text-indent:15px;
	}
	
	#main-header #banner-title-text span {
		background:#0065A2;
		display:block;
		font-size:80%;
		padding:10px 5px;
		text-indent:10px;
	}
	
	/* 
	-----------------------------------
		USER NAV
	-----------------------------------
	*/
	
	#container-collapse-user-nav {
		padding-bottom:11px;
	}
	
	#user-nav, #user-nav .nav {
		margin:0;
		clear:both;
	}
	
	/* 
	-----------------------------------
		NAV
	-----------------------------------
	*/
	
	.nav.affix {
		top:0;
		z-index:1;
		width:auto !important;
		position:relative;
		left:0;
	}
	
	#main-nav.affix + #main-content  {
		margin-top:0;
	}
	
	/* 
	-----------------------------------
		FOOTER
	-----------------------------------
	*/
	
	footer#main-footer {
		text-align:center;
		width:100%;
	}
		
}

@media print {
	
		
	#main-wrapper {
		margin:0;
	}
	
	#main-header {
		min-height:0;
		line-height: 1.4;
		display:table;
		margin-top:-10px;
	}

	#main-header *, #main-header #banner-title-text {
		position:relative;
		top:0;
		left:0;
		padding:0;
		margin:0;
	}
	
	#main-header #banner-title-text {
		display:table-cell;
		vertical-align:middle;
	}
	
	#main-header #banner-title-text, #main-header #banner-title-text span {
		color:#000;
		font-size:160%;
		font-weight:bold;
		margin:10px 0 0 0;
	}
	
	#main-header #banner-title-text span {
		font-size:80%;
		font-weight:normal;
		margin:0;
	}
	
	#main-header #banner-flag {
		display:table-cell;
		padding-right:20px;
		width:150px;
	}
	
	#main-content {
		margin-top:10px;
		border-top:1px solid #CCC;
	}
	
	#main-content .page-header {
		margin:0;
	}
	
	
	
		
	.tab-content > .tab-pane {
		display: block !important;
		overflow: auto;
		width: auto;
		height: auto;
	}
	
	.nav.nav-tabs-grey + .tab-content {
		background:#fff;
		padding:0;
		border:0;
	}
	
	.avoid-break {
		page-break-inside: avoid;
	}
	
	.break-after {
		page-break-after: always;
	}
	
	.break-before {
		page-break-before: always;
	}

}

@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 5mm 5mm 10mm 5mm;
}