@media screen {
	#cboxContent .group_main_content {
		width: 100% !important;
	}
	#cboxContent .field-label {
		font-weight: 600;
		font-size: 1.1em;
	}
	#graphControlsForm label {
		font-weight: normal;
		line-height: 1;
	}
	#graphControlsForm select {
		font-weight: 700;
		font-family: 'OpenSans-Semibold-webfont', Arial, Helvetica, sans-serif;
		font-size: 16px;
		background: none;
		line-height: 1;
		padding: 0px 3px;
		margin-top: -3px;
		border-radius: 0;
	}
	#graphControlsForm select:hover,
	#graphControlsForm select:focus {
		border: none!important;
	}
	#graphControlsForm select#dataset {
		background: #fcf7cc!important;
		width: 70%;
		float: right;
		z-index: 99;
	}
	.node-mdx-dataset .visualizationSelection {
		background: #17266b;
		margin: 0 0 0px 0 !important;
		padding: 0.5rem 0.5rem 0px;
		position: relative;
		overflow: visible;
		float: left;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.visualizationFilters {
		background: #ECECEC;
		/*margin: 0 0 30px 0;*/
		padding: 10px 10px 10px 10px;
		overflow: visible;
		float: left;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.visualizationFilters label span {
		padding: 0;
	}
	.visualizationFilters select {
		height: 30px !important;
		margin: 0;

	}
	#visualizationSection {
		clear: both;
	}
	.questionSection {
		clear: both;
	}
	#label_answer,
	#label_country,
	#label_countryB {
		padding-left: 10px;
	}
	#label_countryB {
		border-left: 1px solid #C6C6C5;
		margin-left: 10px;
	}
	select {
		border: 0;
		background: #FBFBFB;
	}
	.opacityZero {
		opacity: 0;
	}
	.buttonMenu {
		/*border:1px solid #ccc;*/
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		/*padding:0 0.7em;*/
	}
	#formatSelector {
		/*display: table;*/
		float: none;
		overflow: hidden border-collapse: separate;
		border-spacing: 5px;
		margin-bottom: -5px;
	}
	#formatSelector label:hover,
	.buttonMenu label:hover {
		color: #010f3e;
	}
	#formatSelector label,
	.buttonMenu label {
		background-color: #394a9a;
		background-image: url("/DVS/MDXT/garnish/dvs-vis-types.png");
		background-repeat: no-repeat;
		border-radius: 0;
		color: #fff;
		cursor: pointer;
		/*display: table-cell;*/
		float: left;
		line-height: 1;
		margin: 0 0.2em 0 0;
		/*min-height: 54px;*/
		vertical-align: middle;
	}
	.MAP {
		background-position: 4px -340px;
	}
	.checked.MAP,
	.MAP:hover,
	.checked.MAP:hover {
		background-position: 4px 7px;
	}
	.BARCHART {
		background-position: 4px -56px;
	}
	.checked.BARCHART {
		background-position: 4px -56px;
	}
	.COUNTRY {
		background-position: 4px -125px!important;
	}
	.checked.COUNTRY {
		background-position: 4px -125px!important;
	}
	.VARIABLESUMMARY {
		background-position: 4px -431px!important;
	}
	.cheked.VARIABLESUMMARY {
		background-position: 4px -426px!important;
	}
	.TIMESERIES {
		background-position: 4px -562px;
	}
	.checked.TIMESERIES,
	.TIMESERIES:hover {
		background-position: 4px -496px;
	}
	.GROUPSUMMARY {
		background-position: 4px -272px!important;
	}
	.cheked#GROUPSUMMARY {
		background-position: 4px -266px!important;
	}
	.COMPARISON {
		background-position: 4px -195px!important;
	}
	.checked.COMPARISON {
		background-position: 4px -195px!important;
	}
	#formatSelector label:hover,
	.buttonMenu label:hover {
		background-color: #fff;
	}
	#formatSelector input {
		position: absolute;
		left: -999999px;
	}
	#label_csvView {
		position: relative;
		text-align: right;
		margin: 0;
	}
	#label_csvView span {
		width: auto !important;
		border: 0;
	}
	#label_csvView input {
		display: none;
	}
	#label_plot {
		display: none;
	}
	#label_subset_value {
		margin: 0 0 0 10px;
	}
	#label_topic {
		width: 96%;
		font-weight: 700;
		padding: 30px 15px;
	}
	#label_topic:hover {
		opacity: 1;
	}
	#label_topic select {
		font-weight: 700;
		background: #F7F7F7;
		padding-left: 0 !important;
		width: 70%;
		height: 35px;
		display: block;
		float: right;
	}
	#label_question {
		width: 96%;
		float: left;
		margin: 0 0 0 0;
		font-weight: normal;
		padding: 30px 15px;
	}
	#label_question span {
		padding: 0;
	}
	label {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	label span {
		display: inline-block;
		padding: 0.7em 1em 0.7em 3em;
		line-height: 1;
		font-family: 'OpenSans-Bold-webfont', Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.visualizationSelection label span {
		text-transform: uppercase;
		font-family: 'OpenSans-Light-webfont', Arial, Helvetica, sans-serif;
		font-weight: 300;
	}
	label.checked,
	.selectedLabel {
		background-color: #fff !important;
		color: #333;
		-moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1);
		box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1);
		border-color: #1F3C88 !important;
	}
	label.checked span,
	.selectedLabel span {
		color: #333;
	}
	.visualizationSelection .filtersLeft label,
	.buttonMenu label {
		/*border: 1px solid #ddd;
		margin: 3px !important;*/
	}
	.plotSelectionTooltip {
		display: inline-block;
	}
	#cboxLoadedContent .plotSelectionTooltip {
		display: inline-block;
		margin: 15px;
		max-width: 250px;
		vertical-align: top;
		font-size: 0.8em;
	}
	div.plotSelectionTooltip a div img {
		display: block;
		float: left;
	}
	.visualizationFilters .filtersLeft label {
		border: 0;
		margin: 0;
		padding: 5px 10px 5px 0;
		border-right: 1px solid #C6C6C5;
	}
	.visualizationFilters .filtersRight label {
		border: 0;
		margin: 0;
		padding: 5px 0px 5px 10px;
	}
	.filtersLeft {
		float: left;
	}
	.visualizationSelection .filtersLeft {
		float: left;
		border: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		padding: 0px;
		width: 100%;
	}
	.filtersRight {
		float: none;
	}
	.note {
		font-style: italic;
		font-size: 0.9em;
		/*padding:5px 0 0 0;*/
		margin-bottom: 30px;
	}
	#graph {
		clear: both;
		margin: 35px 0 0 0;
	}
	#graph img {
		display: block;
		width: 100%;
		max-width: 740px;
		height: auto;
		margin: 0 auto;
	}
	.navigation {
		position: relative;
		overflow: hidden;
		/*border-top:1px dotted #ccc;*/
		padding: 0 20px 0 20px;
		margin: 0 -20px 0 -20px;
	}
	#prevQuest {
		padding: 4px 0 4px 25px;
		float: left;
		background: url(/DVS/MDXT/garnish/nextPrev.png) no-repeat 0px 0px;
	}
	#nextQuest {
		padding: 4px 25px 4px 0;
		float: right;
		background: url(/DVS/MDXT/garnish/nextPrev.png) no-repeat right -111px;
	}
	#prevQuest,
	#nextQuest {
		text-indent: -999px;
		width: 10px;
		margin-top: -4px;
	}
	.help {
		font-size: 0.85em;
	}
	table {
		margin: 20px 0 0 0;
		border-top: 2px solid #ccc;
		width: 100%;
	}
	th {
		padding: 10px 10px;
		font-weight: 700;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	td {
		padding: 10px 10px;
		border-bottom: 1px dotted #ccc;
	}
	.enhanced th,
	.enhanced td {
		display: table-cell;
	}
	.enhanced th.essential,
	.enhanced td.essential {
		display: table-cell;
	}
	.enhanced th.optional,
	.enhanced td.optional {
		display: table-cell;
	}
	.table-menu-wrapper {
		position: absolute;
		top: -1.4em;
		right: 0;
	}
	.table-menu {
		position: absolute;
		right: 0;
		left: auto;
		background-color: #fff;
		padding: 10px;
		border: 1px solid #ccc;
		font-size: 1.2em;
		width: 12em;
	}
	.table-menu label {
		border: 0;
		float: none;
	}
	.table-menu-hidden {
		left: -999em;
		right: auto;
	}
	.table-wrapper {
		position: relative;
		margin: 0 0;
	}
	#title_topic {
		color: #667;
		font-weight: 400;
		font-size: 0.85em;
		margin: 40px 0 5px 0;
		display: block;
	}
	#title_question {
		font-size: 1.3em;
		line-height: 1.2;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	#webTitle_question {
		color: #667;
		font-weight: 400;
		font-size: 0.85em;
	}
	.inv,
	.hidden {
		position: absolute;
		top: -99999px;
		left: -99999px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		text-indent: -99999px;
		display: none !important;
	}
	.exportOptions h2 {
		border-bottom: 1px dotted #ccc;
		height: 35px;
	}
	.exportOptions {
		padding-bottom: 15px;
		float: right;
		padding: 15px 0 0 15px;
		position: relative;
	}
	/* --- show/hide legend styling --- */
	
	#graphControlsForm .reveal {
		background: rgb(249, 221, 22) none repeat scroll 0% 0%;
		color: rgb(19, 52, 155);
		font-weight: 700;
		font-size: 15px ! important;
		display: block;
		height: 42px !important;
		min-height: 42px !important;
		width: 120px;
		border: medium none;
		position: absolute;
		padding: 0px;
		top: 15px;
	}
	/*BUG61542*/
	/* ----------------------------- */
	.exportOptions a {
		background: #f9dd16;
		color: #13349b;
		font-weight: 700;
		padding: 10px;
		font-size: 15px!important;
		display: block;
		position: relative;
		width: 138px;
		transition: background-color 0.3s ease 0s;
	}
	.exportOptions>ul>li>a:hover {
		background-color: #fce019;
	}
	.exportOptions>a:after,
	.exportOptions>a:after {
		content: "\e904";
		font-family: 'fra-data-explorer'!important;
		font-size: 26px;
		display: block;
		float: right;
		line-height: 1em;
		margin: -2px;
	}
	.exportOptions>a.shareOptions:after {
		content: "\e904"!important;
	}
	.exportOptions.shareOptions>a:after {
		content: "\e90c";
	}
	.exportOptions ul.hidden {
		height: 0;
		position: absolute;
		transition: height 0.3s ease-in 0s;
		z-index: 100;
	}
	.exportOptions ul {
		height: 200px;
		position: absolute;
		transition: height 0.3s ease-in 0s;
		padding-left: 0;
		z-index: 100;
		/* top:35px; */
		/* right:0; */
	}
	#page .exportOptions ul {
		top: 35px;
	}
	.exportOptions ul li {
		transition: background-color 0.3s ease 0s;
		min-width: 150px;
	}
	.exportOptions ul li a {
		font-weight: 300;
		font-size: 12px!important;
		border-top: 1px solid #fff;
	}
	.showable {
		opacity: 0 !important;
		height: 0px !important;
		-moz-transition: opacity 1.7s ease-out, height 2s, -moz-transform 1.7s;
		-webkit-transition: opacity 1.7 ease-outs, height 2s, -webkit-transform 1.7s;
		-o-transition: opacity 1.7s ease-out, height 2s, -o-transform 1.7s;
		transition: opacity 1.7s ease-out, height 2s, transform 1.7s;
	}
	.shown {
		opacity: 1 !important;
		height: auto !important;
	}
	h2 {
		font-size: 1.47em;
	}
	.VAW #topicSelection a {
		height: 85px;
		padding: 15px;
	}
	.VAW .visualizationSelection label span {
		font-size: 0.85em;
		min-height: 13px;
		padding-top: 11px;
		vertical-align: middle;
	}
}

pre {
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	/* Internet Explorer 5.5+ */
}

.visualizationSelection.mobile #formatSelector label {
	width: 100%;
}

.visualizationSelection.mobile.notExpanded #formatSelector label {
	display: none !important;
}

.visualizationSelection.mobile.expanded #formatSelector label,
.visualizationSelection.mobile #formatSelector label.checked {
	display: block !important;
}

.visualizationSelection.mobile.expanded #formatSelector label.disabled,
.visualizationSelection.mobile #formatSelector label.checked.disabled {
	display: none !important;
}

body.node-type-mdx-dataset .view-display-id-block_mdx_datasets {
	display: none !important;
}

#Technical {
	display: none !important;
}

.visualizationSelection.mobile.notExpanded #formatSelector::after {
	content: "â˜°";
	font-size: 1.4em;
	pointer-events: none;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 2;
}

.sticky.enabled {
	position: fixed;
	top: 0px;
	z-index: 1019;
	max-width: 1140px;
	width: 100%;
}


/*----------Icon fonts-----------*/

@font-face {
	font-family: 'fra-data-explorer';
	src: url('../fonts/fra-data-explorer.eot');
	src: url('../fonts/fra-data-explorer.eot') format('embedded-opentype'), url('../fonts/fra-data-explorer.ttf') format('truetype'), url('../fonts/fra-data-explorer.woff') format('woff'), url('../fonts/fra-data-explorer.svg?w5atqy#fra-data-explorer') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'fra-data-explorer' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*--------------FONT FACE Light------------------*/

@font-face {
	font-family: 'OpenSans-Light-webfont';
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: local('OpenSans-Light-webfont'), local('OpenSans-Light-webfont'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.svg') format('svg');
}

.region-header .block-search .form-text,
#site-slogan,
.field-name-field-fra-image-caption,
.group_content_metadata .field-name-field-fra-project-status .field-item,
.views-field-field-fra-url a .gallery-item-main .info,
table.publications .out_of_stock,
.field-name-field-fra-translation {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.group_date {
	font-style: italic;
}


/*--------------FONT FACE LightItalic------------------*/

@font-face {
	font-family: 'OpenSans-LightItalic-webfont';
	src: url('../fonts/OpenSans-LightItalic-webfont.eot');
	src: local('OpenSans-LightItalic-webfont'), local('OpenSans-LightItalic-webfont'), url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-LightItalic-webfont.svg') format('svg');
}


.node-mdx-dataset .topicSection label, .node-mdx-dataset .questionSection label{
    color: #fff;
}

.field-name-field-mdx-dataset-notes {
    background: #f2f2f2;
    display: block;
    width: calc(50% - 10px);
    float: left;
    margin-right: 15px;
    margin-bottom: 35px;
}

.field-name-field-mdx-dataset-notes .field-label {
    background: #003399;
    color: #ffffff;
    font-size: 1.1em;
    padding: 8px 20px 8px 20px;
}
.field-name-field-mdx-dataset-notes .field-items {
    padding: 20px;
}

#formatSelector .disabled, .exportOptions .disabled{
	display: none;
}
.shareOptions {
  display: none;
}

.M2GraphTools > li {
  width: 100% !important;
}