/*******************************************************
	country-analysis section
*******************************************************/
/*
.page-country-analysis .rio-layout-right-column .panel-pane {border:1px solid #9bbb59;border-radius:4px;}
.page-country-analysis h2.pane-title {
    background-color:#9bbb59;
    border-radius:4px;
    color:#ffffff;
    font-size:1.8em;
	font-weight:200;
    margin:0;
    padding:0.4em;
}

No more needed with the new design
*/
.page-country-analysis .col-xs-6 > a {text-decoration:none;}
.page-country-analysis .col-xs-4 > a {text-decoration:none;}
.page-country-analysis .panels-flexible-region{padding:0px !important;}
.page-country-analysis .panels-flexible-region-9-policy_challenges {background-color:#9bbb59;color:#FFF;}

/*******************************************************
	boxes in http://s-jrcbruhttp01d.net1.cec.eu.int/rio/en/country-analysis/France
*******************************************************/
/*The block icon*/
.country-analysis-boxes-with-icons:before {
    line-height: 18px !important;
    float: left;
    width: 100%; /* so text is displayed under the icon, not on the right*/
    font-size: 94px !important;  /* icon size */
    line-height: 62px !important;
    padding: 0px 15px 19px !important; /* So there is a space between the icon and the text below */
    text-align: center; /* icon is centered */
    font: 14px/18px FontAwesome; /* icon comes from this font */
}

.policy-challenges-icon:before {content: "\f115"; /* which icon : a folder*/}
.organisations-icon:before {content: "\f0e8"; /* which icon : an organigram*/}
.library-icon:before {content: "\f115"; /* which icon : a folder*/}
.era-dashboard-icon:before {content: "\f085"; /* which icon : wheels*/}
.rnisystem-icon:before {content: "\f085"; /* which icon : wheels */}
.rnifigures-icon:before {content: "\f080"; /* which icon : graph */}
.country-report-icon:before {content: "\f02d"; /* which icon : a big book */}
.iu-progress-report-icon:before {content: "\f0e4"; /* which icon : a car odometer  */}


/*DETAIL PAGE ACCORDION*/
.page-country-analysis  .view-view-european-semester .ui-helper-reset {line-height:1.6;}
/*.page-country-analysis .views-field-title span.field-content:before {content:"\f0da";font:14px/24px FontAwesome;float:left;width:10px;}*/

.page-country-analysis .region.region-content .contextual-links-region .views-field.views-field-title.views-accordion-header.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all {background:none;border:none;font-size:1em;}
.view-view-european-semester .ui-accordion .ui-accordion-header .field-content {font-size:1.4em;margin:0;padding:0;}
.page-country-analysis  .view-view-european-semester .ui-accordion .ui-accordion-content-active{font-size:14px;line-height:20px !important;}
.page-country-analysis  .view-view-european-semester .ui-widget-content a {color: #0065a2;}
.view-view-european-semester .ui-accordion .ui-accordion-header .field-content a {padding:0.4em 0;display:inline-block;font-weight:500;transition:all 0.5s ease-in-out;}
.view-view-european-semester .ui-accordion .ui-accordion-header.ui-state-active .field-content a {background:none;transition: all 0.5s ease-in-out;}
.view-view-european-semester .ui-accordion .ui-accordion-header.ui-state-hover .field-content a{background:none;transition: all 0.5s ease-in-out;}
.view-view-european-semester .ui-accordion .ui-accordion-header.ui-state-hover .field-content:before{content: "\f0d7";font: 14px/18px FontAwesome;vertical-align:middle;transition:all 0.5s ease-in-out;}

.view-view-european-semester .views-field.views-field-title.views-accordion-header.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top  {border:none;border-bottom:1px dotted #DDD;transition:all 0.5s ease-in-out;}
.view-view-european-semester .ui-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {border:none;transition:all 0.5s ease-in-out;}

.page-country-analysis .region.region-content .contextual-links-region  .view-content.ui-accordion.ui-widget.ui-helper-reset.ui-accordion-icons .badge{margin:0 4px 0 0;}

/* revamping: no more needed
.page-country-analysis .region.region-content .contextual-links-region .view-view-european-semester .view-content .table-responsive caption {
	background-color: #9bbb59;
    border-radius: 4px;
    color: #ffffff;
    margin: 0;
    padding: 0.4em;
}
*/

.page-country-analysis .contextual-links-region .toggler.views-field.views-field-title.custom-toggler-processed .field-content {margin-bottom:0}
.page-country-analysis  .country-analysis-padding-box {padding:0 2.2em}
.page-country-analysis .views-field.views-field-title.views-accordion-header.country-analysis-padding-box {padding-top:1em}
.country-analysis-padding-box .views-field.views-field-field-official-publication-date {
    margin: 0.4em 0;
    width: 100%;
}

/*.panel-pane.pane-views-panes.pane-view-european-semester-psf-reports-table {padding:0 2.2em;}*/

/*
.page-country-analysis .region.region-content .block-system .contextual-links-region .accordion-box.ui-accordion .views-field-title span.field-content {
	border-bottom:medium none;
    display:inline;
	font-family:"Open Sans",sans-serif;
	font-weight:500;
	font-size:1em;
	background:none;
}*/

/*******************************************************
	Node page for a RIOwatch country report
*******************************************************/
/*This style allows to print the field labels, otherwise they are hidden by another parent style*/
.field-group-accordion .field-label{display:inline;}
/*This style acts on the fileds font, other wise a parent label makes them bigger, too big*/
.node-type-riowatch-country-report .ui-accordion-content {font-size:12px;}

/*******************************************************
	Page for the RIOwatch country reports by country
	Page: http://s-jrcbruhttp01d.net1.cec.eu.int/rio/en/country-analysis/Portugal/rni-system/riowatch-country-report
*******************************************************/
/*On this page with all the riowatch country report, we display the latest country report (default display), but there we don't want to see the title*/
/* Revamping: no more needed
.pane-view-riowatch-country-report-lastest-riowatch-report h2{display:none;}
*/

/************ PAGE - %Country%  - European Semester ********************************************/
	/************************************************************************************************/
	/* The panel over the infographic preview aying "Click to open the infocgraphic" and moves down */
	/************************************************************************************************/
	.text-over-image-group {
		position: relative; /* To be able to dispay then the text "Click to open" over the preview */
	}
	
	/** The text "Click to open" is a semi transparent box covering the preview */
	.text-over-image-text {
		position: absolute;
	    font-size: xx-large;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    background: rgba(245, 245, 245, 0.9);
	    height: 70%;
	    text-align: center;
	    padding: 5%;
	}
	
	/** Annimation on mouse over: The text panel "Click to open" slides down - BEGINS */
		.text-over-image-group:hover .text-over-image-text {
		    -webkit-animation: mymove ; /* Safari 4.0 - 8.0 */
		    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
		    -webkit-animation-timing-function: ease-in-out;
		    -webkit-animation-iteration-count:1;
		    animation: mymove ;
		    animation-duration: 3s;
		    animation-timing-function: ease-in-out;
		    animation-iteration-count:1;
		    height: 20%;
		}
		
		/* Safari 4.0 - 8.0 */
		@-webkit-keyframes mymove {
		    from {height: 70%}
		    to {height: 20%}
		}
		
		@keyframes mymove {
		    from {height: 70%}
		    to {height: 20%}
		}
	/** Annimation on mouse over: The text panel "Click to open" slides down - ENDS */