/*
	Main and most important css file 

	Example class:  .profile-image
	Example ID:  #user_image
	- See more at: http://innofied.com/25-css-best-practices-we-follow-at-innofied/#sthash.TjXclbwm.dpuf
	
	Tips about font icons:
	-  http://fortawesome.github.io/Font-Awesome/cheatsheet/
	
	Tips about css selectors:
	-  http://www.w3schools.com/cssref/css_selectors.asp

**
	Color palete
	- Green for countries: (#557D74 blue-green) #9bbb59
	- Red for Policy Support: #B70911
	- Documents: #6e81bd
	- Statistics: (##DD9713 yellow) #f79646
*/

/*
#-------------------------------------------------------------------------------
FONT FACE DECLARATION
#-------------------------------------------------------------------------------
*/
	@font-face {
		font-family: 'fontello';
		src: url('../fonts/fontello.eot?33889376');
		src: url('../fonts/fontello.eot?33889376#iefix') format('embedded-opentype'),
		url('../fonts/fontello.woff?33889376') format('woff'),
		url('../fonts/fontello.ttf?33889376') format('truetype'),
		url('../fonts/fontello.svg?33889376#fontello') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	/* remvamping: no more needed h3, .h3 {font-size: 20px;line-height: 28px;}*/

/*
#-------------------------------------------------------------------------------
ICONS AND ICON COLORS SUPPORT
#-------------------------------------------------------------------------------
*/
[class^="icon-rio-"]:before, [class*=" icon-rio-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
	.icon-rio-country:before {content: '\e001';}
	.icon-rio-news:before {content: '\e002';}
	.icon-rio-external:before {content: '\e003';}
	.icon-rio-statistical:before {content: '\e004';}
	.chosen-single {border-radius: 0px !important;}
	
	/*Statistical document detail page icon*/
	.node-type-statistical-documents h1#page-title:before {font:14px/18px FontAwesome;content: '\f02d'/*'\f200'*/;}
	
	/*Organisation*/
	/* revamping: no more needed 
	.icon.organisation::before {font:14px/18px FontAwesome;content: '\f0c0';}*/
	*/
	
	/*Library*/
	.page-library .icon.document:before {font:14px/18px FontAwesome;content: '\f02d';}
	.page-library h1#page-title:before {font:24px/18px FontAwesome;content: '\f02d';float:left;margin-right:8px;position:relative;top:10px;}
	.node-type-document h1#page-title:before {font:14px/18px FontAwesome;content: '\f02d';top:0;}
		/*Country analysis library*/.node-type-riowatch-country-report h1#page-title:before{font:14px/18px FontAwesome;content: '\f02d';}
	
		/*Country analysis library*/
		/* revamping: no more needed: .page-country-analysis .icon.document::before {font:14px/18px FontAwesome;content: '\f02d';}*/
		
		/*Country analysis Stats Key Indicators*/
		.page-stats   h1#page-title:before {font:24px/18px FontAwesome;content: '\f080';float:left;margin-right:8px;position:relative;top:10px;}
		.page-stats-key-indicators  h1#page-title:before {font:24px/18px FontAwesome;content: '\f080'/*'\f084'*/;float:left;margin-right:8px;position:relative;top:10px;/*color:#f79646;*/}
		h1#page-title.statistics:before {top:0;}
		
		/*.page-country-analysis-spain-key-indicators, 
			h1#page-title:before {font:24px/18px FontAwesome;content: '\f084';float:left;margin-right:8px;position:relative;top:10px;}
		*/
		/*Country analysis Stats Data catalogue*/
		.page-stats-data-catalogue  h1#page-title:before {font:24px/18px FontAwesome;content: '\f080'/*'\f0ce'*/;float:left;margin-right:8px;position:relative;top:10px;}
		
	/*News*/
	.page-news h1#page-title:before {font:26px/18px FontAwesome;content: '\f1ea';float:left;margin-right:8px;position:relative;top:10px;}
	.node-type-news h1#page-title:before {font:14px/18px FontAwesome;content: '\f1ea';top:0;}

/*
#-------------------------------------------------------------------------------
SEARCH BLOCK and SEARCH API
#-------------------------------------------------------------------------------
*/
	#block-search-form input {border-radius: 0 !important;border-color: #fff !important;}
	#block-search-form .btn.btn-default.form-submit {background-color: #fff;border-color: #fff;}

	.region-content .block-facetapi .panel-heading {padding-bottom: 0px;margin-bottom: 0;padding-top: 0em !important;}
	.block-facetapi.panel {padding: 0;margin-bottom: 0px;clear:both}
	.region-content .block-facetapi .panel-heading {font-size: 16px;float: left;width: 235px;font-weight:bold;}
	.region-content .block-facetapi .panel-body {float: left;width: 600px;}
	.region-content .block-facetapi .form-item-facets {float: left;width: 500px;margin-top: 0em !important;}
	.region-content .block-facetapi .form-submit {float: left;margin-top: 0em !important;margin-bottom: 1em;}
	.views-exposed-form .views-exposed-widget .form-submit {margin-top: 1.9em !important; /* {temp-roll-back-for-third-country-pages} was 1.7 */}

/*
#-------------------------------------------------------------------------------
COLORS AND ICONS for Content types
#-------------------------------------------------------------------------------
*/
.bg a {text-decoration: none;color: #fff;}
.bg.basic {background-color: #21d3d7;color: #fff;}

.icon.basic:before {
    font: 14px/18px FontAwesome;
    color: #27aaaa;
    border-color: #27aaaa !important;
    content: "\f129";
}

.fa-basic:before {
    font: 14px/18px FontAwesome;
    content: "\f129";
}

.page-taxonomy #page-title.icon.circle:before {
    font: 14px/18px FontAwesome;
    color: #b1b7b1;
    border-color: #b1b7b1 !important;
    content: "\f02b";
}

/*overview*/
.bg.overview {
    background-color: #21d3d7;
    color: #fff;
}

.icon.overview:before {
    font: 14px/18px FontAwesome;
    color: #27aaaa;
    border-color: #27aaaa !important;
    content: "\f06e";
}

.fa-overview:before {
    font: 14px/18px FontAwesome;
    content: "\f06e";
}

/*organisation*/
/* revamping : No more needed:
.bg.organisation {
    background-color: #9bbb59;
    color: #fff;
}

.icon.organisation:before {
    font: 14px/18px FontAwesome;
    color: #9bbb59;
    border-color: #9bbb59 !important;
    /*content: "\f0e8";*/
}

.fa-organisation:before {
    font: 14px/18px FontAwesome;
    content: "\f0e8";
}
*/
/*synthesis*/
.bg.snapshot {
    background-color: #9bbb59;
    color: #fff;
}

.fa-snapshot:before {
    font: 14px/18px FontAwesome;
    content: "\f041";
}

.icon.snapshot:before {
    font: 14px/18px FontAwesome;
    color: #9bbb59;
    border-color: #9bbb59 !important;
    content: "\f041";
}

/*synthesis*/
.bg.synthesis {
    background-color: #9bbb59;
    color: #fff;
}

.icon.synthesis:before {
    font: 14px/18px FontAwesome;
    color: #9bbb59;
    border-color: #9bbb59 !important;
    content: "\f085";
}

.fa-synthesis:before {
    font: 14px/18px FontAwesome;
    content: "\f085";
}

/*report*/
.bg.report {
    background-color: #9bbb59;
    color: #fff;
}

.icon.report:before {
    font: 14px/18px FontAwesome;
    color: #9bbb59;
    border-color: #9bbb59 !important;
    content: "\f02d";
}

.fa-report:before {
    font: 14px/18px FontAwesome;
    content: "\f02d";
}

.bg.page {
    background-color: #21d3d7;
    color: #fff;
}

.icon.page:before {
    font: 14px/18px FontAwesome;
    color: #27aaaa;
    border-color: #27aaaa !important;
    content: "\f129";
}

.fa-page:before {
    font: 14px/18px FontAwesome;
    content: "\f129";
}

.bg.country {
    background-color: #9bbb59;
    color: #fff;
}

.icon.country:before {
    font: 14px/18px fontello;
    content: "\e001";
    color: #9bbb59;
    border-color: #9bbb59 !important;
}

.fa-country:before {
    font: 14px/18px fontello;
    content: "\e001";
}

.bg.news {
    background-color: #fdb67c;
    color: #fff;
}

.fa-news:before {
    font: 14px/18px fontello;
    content: "\e002";
}

/* EXTERNAL DOCUMENT */
.bg.document {
    background-color: #6e81bd;
    color: #fff;
}

/* revamping: no more needed:
.icon.document:before {
    font: 14px/18px fontello;
    color: #6e81bd;
    border-color: #6e81bd !important;
    content: "\e003";
}
*/

.fa-document:before {
    font: 14px/18px fontello;
    content: "\e003";
}

.icon.arrow:before {
    font: 14px/18px FontAwesome;
    color: #b1b7b1;
    border-color: #b1b7b1 !important;
    content: "\f061";
}

.bg.policy {
    background-color: #B70911;
    color: #fff;
}

.fa-policy:before {
    font: 14px/18px FontAwesome;
    content: "\f0e4";
}

.icon.policy:before {
    font: 14px/18px FontAwesome;
    color: #B70911;
    border-color: #B70911 !important;
    content: "\f0e4";
}

.bg.dashboard {
    background-color: #ed665d;
    color: #fff;
}

.fa-dashboard:before {
    font: 14px/18px FontAwesome;
    content: "\f0e4";
}

.icon.dashboard:before {
    font: 14px/18px FontAwesome;
    color: #B70911;
    border-color: #B70911 !important;
    content: "\f0e4";
}

.icon:before {
    font-size: 14px !important;
    line-height: 18px !important;
    display: block;
    float: left;
}

.icon.circle:before {
    /*border: 3px solid #fff; border-radius: 54px; /* Add a circle around the arrow icon before some title (Ex: /rio/en/statistics/key and /rio/en/geo)s */
    padding:0 8px 0 0;
}

.group_inline ul.links li:before {
    color: #555;
    content: "\f02b";
    font-size: 14px !important;
    line-height: 18px !important;
    margin-right: 10px;
}

h1.icon:before {
    font-size: 22px/*27px*/ !important;
    line-height: 40px/*42px*/ !important;
    padding:0 8px 0 0  !important;
    /*border-radius: 54px;*/
    margin-right: 10px;
}

/* revamping: no more needed:
h2.icon:before {
    font-size: 9px !important;
    line-height: 22px !important;
    margin-right: 5px;
}
*/

h3.icon:before {
    font-size: 22px/*28px*/ !important;
    line-height: 30px/*33px*/ !important;
    border-width: 1px !important;
   /* margin-right: 5px;*/
		padding: 0 8px 0 0;
}

a.icon:before {
    font-size: 9px !important;
    line-height: 22px !important;
    border-width: 1px !important;
    margin-right: 5px;
}

span.icon:before {
    /*font-size: 9px !important;
    line-height: 22px !important;
    border-width: 1px !important;*/
    margin-right: 5px;
}

.bg .icon:before {
    color: #fff !important;
    border-color: #fff !important;
}

.large_icon.icon:before {
    font-size: 94px !important;
    line-height: 62px !important;
    padding: 0 10px 9px !important;
    border-radius: 54px;
    margin-right: 18px;
    clear: both;
    text-align: center;

}

.largest_icon.icon:before {
    font-size: 194px !important;
    line-height: 162px !important;
    padding: 0 10px 9px !important;
    border-radius: 54px;
    margin-right: 18px;
    clear: both;
    text-align: center;

}

/*library list badge icon*/
.page-q .contentType .icon.badge {
    color: #555555;
    font-size: 14px; /*85%;*/
    line-height: 1.6;
}


/*
#-------------------------------------------------------------------------------
DECLARE FONTS
#-------------------------------------------------------------------------------
*/
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/DXI1ORHCpsQm3Vp6mXoaTRUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/u-WUoqrET9fUeobQW7jkRVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzBUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/xjAJXh38I15wypJXxuGMBqg5eI2G47JWe0-AuFtD150.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*
BASE DATA - overite initial config
*/
body {/*font-family: 'Open Sans', sans-serif;font-size: 14px;color: #8d949a;line-height: 20px;background: #edf1f4 !important;*/margin-bottom: 70px;color:#202020;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {/*font-family: 'Open Sans', sans-serif;*/ color: inherit;/*font-weight:300;*/line-height:1.4;}

/*page title*/
	/*#page-title {color: #606569;font: 300 34px/49px 'Open Sans', sans-serif;}*/

/*chosen widget display*/
	.chosen-container-single .chosen-single {padding: 3px 0 0 8px;height: 33px;}
	.panel-default > .panel-heading {color: #333;background-color: transparent;border-color: transparent;font: 300 24px/31px 'Open Sans', sans-serif;}

/*
#-------------------------------------------------------------------------------
header
#-------------------------------------------------------------------------------
*/
	.panel-body {padding: 0;}
	 .js #services, .js #block-menu-menu-service-tools .menu {padding-right: 0px;} /* {temp-roll-back-for-third-country-pages} was padding-right: 20px  */
	
	/*  {temp-roll-back-for-third-country-pages} : Commented cause it breaks the create button
	#block-multisite-create-button-create-content-button a.btn {width: 100%;padding: 0;margin-top: -1px;}
	*/
	#layout-header #banner-image-right {position: absolute;right: 0px;z-index: 7;height: 25px;width: 100px;} /* ECAS login */
	#layout-header #banner-flag {left: 0px;}
	/* Removed some stuff, now left and right alignment are done naturally */
/*
#-------------------------------------------------------------------------------
MENU
#-------------------------------------------------------------------------------
*/
	#path .container {padding-left:0;}
	#path ul {padding-left:0;}

	.menu_wrapper {background-color:#0065A2;/*height:34px;*/}
	.menu_wrapper .col-md-10 {padding-left:0px;}
	.region-menu {padding:0px !important;}
	.region-menu .collapse {display:block !important;}
	.region-menu .panel-body.content {padding:0;border:none;border-radius:0;}

	#block-tb-megamenu-main-menu.panel, .tb-megamenu, .tb-megamenu .panel-body {background-color:transparent;margin-bottom:0px !important;}

	/*	
	.tb-megamenu [class^="icon-"], .tb-megamenu [class*=" icon-"] {}
	.tb-megamenu .dropdown-menu {border:0px solid #ccc;}
	.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {background-color:transparent !important;border-right-color:transparent !important;color:#fff;}
	.tb-megamenu .panel-default {border-color:transparent !important;}
	.tb-megamenu .nav > li > a {border:transparent !important;}
	*/
	.tb-megamenu .nav > li > a {padding:0.49em 1.4em;border-right:none;} /* 10/17: The last menu entry 'Thematic Analysis" was displayed on the next line, even if we removed 'Home' */
	#block-tb-megamenu-main-menu.panel, .tb-megamenu, .tb-megamenu .panel-body {background-color:transparent;border:0px !important;}
	
	
/*
/*
#-------------------------------------------------------------------------------
WYSIWIG
#-------------------------------------------------------------------------------
*/
	.wysiwygToolbar table {width: auto !important;padding: 0px !important;}

/*
#-------------------------------------------------------------------------------
FORMS
#-------------------------------------------------------------------------------
*/
	.inline-entity-form-node-title {width: 80%;}
	form .chosen-container.form-control {padding: inherit;min-height: 34px;height: auto !important;}
	form .chosen-container.form-control .chosen-choices {border: 0px solid #ccc;}
	form .field-type-entityreference .field-type-entityreference .field-type-entityreference {display: none;}
	form .field-type-entityreference .field-type-entityreference .field-name-field-sub-title {display: none;}

/*
#-------------------------------------------------------------------------------
CONTENT
#-------------------------------------------------------------------------------
*/
.front .content.col-lg-12 {padding: 0px;}
.page-welcome .content {background: transparent !important;}

/**
	Hide the title (h2) in the front page (home page) only
	@author: RIO  {temp-roll-back-for-third-country-pages}
*/
div.pane-node h2{display: none;}

.panel {
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none;
}
.panels-flexible-1 .panels-flexible-row {padding: 0 0 0.5em 0;margin: 0 0 10px;}
.panels-flexible-region-1-center {float: left;width: auto;}

/*
#-------------------------------------------------------------------------------
GEO COVERAGE PAGES
#-------------------------------------------------------------------------------
*/

/*taxonomy tree */
.page-geo #page-title {
    display: none;
}

.region-sidebar-right .panel-heading {
    margin-top: 0px !important;
}

.page-geo .panel-heading a {
    color: #fff;

}

/**
	Remove the margin under the country switcher widget of this page: /rio/en/documents/168
	@Author: RIO
*/
#geo_page_swither_wrapper {
    text-align: center;
}

.page-geo .countyImage {
    margin: 25px;
    max-width: 100%;
}

.page-geo .countyImage img {
    max-width: 100%;
    width: 100%;
}

#block-block-11, #block-block-12, #block-block-13, #block-block-14 {
    max-width: 630px;
}

/* revamping: no more needed
#block-geo-coverage-pages-geo-switcher {
    position: absolute;
    top: 1.2em;
}
*/

.page-reports #page-title:before {
    font: 28px/18px FontAwesome;
    color: #9bbb59;
    border-color: #9bbb59 !important;
    content: "\f02d";
}

.page-documents #page-title:before {
    font: 28px/18px fontello;
    color: #6e81bd;
    border-color: #6e81bd !important;
    content: "\e003";
}

.page-geo-news #page-title:before {
    font: 28px/18px fontello;
    color: #f6a058;
    border-color: #f6a058 !important;
    content: "\e002";
}

.page-geo-organisations #page-title:before {
    font: 28px/18px FontAwesome;
    color: #9bbb59;
    border-color: #9bbb59 !important;
    content: "\f0e8";
}

/**
	Correct alignement of bullet points in External documents (or everywhere?)
	@Author: RIO
*/
.region-content ul, .region-content ol {
     padding: 0 0 .25em 2em;
}

/*
#-------------------------------------------------------------------------------
TAXONOMY TREE
#-------------------------------------------------------------------------------
*/
.taxonomy-tree {
    padding: 0px;
    margin: 0px;
}

.taxonomy-tree h1 {
    margin-top: 10px;
    padding: 15px 20px;
    background-color: #9bbb59;
    color: #fff;
}

.taxonomy-tree h1 a {
    color: #fff;
}

.taxonomy-tree h1.icon.arrow::before {
    color: #fff !important;
    border-color: #fff !important;
}

.taxonomy-tree .term-group {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    clear: both;
}

.taxonomy-tree a.term_772.level_1 {
    padding: 6px 50px;
    font-size: 20px;
    display: block;
    background-color: #aaaaaa;
    color: #fff;
}

.taxonomy-tree li.term_772.level_1.icon.circle:before {
    color: #fff;
    border-color: #fff !important;
    content: "\f061";
    padding: 2px 6px;
    margin: 2px 10px;
    border-width: 2px;
}

.taxonomy-tree li.term_772.level_1 {
    list-style-type: none;
    clear: both;
    padding-top: 20px;
}

.taxonomy-tree li.term_772.level_1 li {
    width: 24%;
    float: left;
    list-style-type: none;
}

.taxonomy-tree li.term_772.level_1 li a {
    color: #666;
}

.taxonomy-tree li.level_1.term_653 {
    color: #666;
    list-style-type: none;
    line-height: 28px;
}

.taxonomy-tree li.level_1.term_653:before {
    color: #cecece;
    padding: 2px 5px;
    margin: 2px 10px;
    border-width: 1px;
    font: 10px/10px FontAwesome;
}

.taxonomy-tree a.level_1.term_653 {
    color: #666;
}

.taxonomy-tree li.term_772.level_1 li:before {
    color: #cecece;
    padding: 2px 5px;
    margin: 2px 10px;
    border-width: 1px;
    font: 10px/10px FontAwesome;
}

.taxonomy-tree .term-group.term_757 {
    padding-top: 10px;
}

.taxonomy-tree .code {
    display: inline-block;
    min-width: 30px;
    font-weight: normal;
    text-align: right;
}

/*
#-------------------------------------------------------------------------------
COUNTRY PROFILE
#-------------------------------------------------------------------------------
*/
.randi_bar {
    padding: 50px;
    padding-top: 0px;
}

.randi {
    padding: 10px;
    background-color: #f2f2f2;
}

.randi_bar .large_icon:before {
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
}

.cp_item {
    padding: 25px 15px;
}

.randi_bar a {
    color: #fff;
}

.randi_bar .col-md-3 {
    padding-right: 0px;
}

.view-id-geo_contexts.view-display-id-news_short {
    display: block;
    clear: both;
    padding: 10px;
    margin-top: -30px;
}

.view-id-geo_contexts.view-display-id-news_short h3 {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
}

.view-id-geo_contexts.view-display-id-news_short .views-field-field-official-publication-date {
    /*color: #555;*/
    font-size: smaller;
}

.views-field-field-news-publication-date {
    font-size: smaller;
}

.view-id-geo_contexts.view-display-id-news_short .views-field-title a {
    /*color: #555;*/
}

/*
#-------------------------------------------------------------------------------
R&I Pages
#-------------------------------------------------------------------------------
*/
	.geo_title_bar {padding: 10px;margin: 0px 0px 15px;}
	.geo_title_bar h1 {color: #777;margin-top: 4px;margin-bottom: 3px;}
	.geo_title_bar h2 {color: #888;margin-top: 4px;}
	.geo_title_bar h3 {color: #999;margin-top: 4px;}

	.randiov .col-md-4 .content {background-color: transparent !important;padding: 15px;}
	.randiov .col-md-4 .arrow:before {float: right;}
	.clear {clear: both;}

	.tableauPlaceholder, #centeringContainer {max-width: 100% !important;}
	.geo_item {padding: 20px;}

/*
#-------------------------------------------------------------------------------
COUNTRY ANALYSIS PAGES
#-------------------------------------------------------------------------------
*/
	.group-rs1 h3 {font-size: 25px;}
	.group-rs1 .ui-accordion-content h3 {font-size: 20px;}
	.group-rs1 .ui-accordion-content .ui-accordion-content h3 {font-size: 15px;}
	form .group-rs1 label, form .group-rs1 .wysiwyg-toggle-wrapper {display: none;}
	.group-rs1 .ui-state-active, .group-rs1 .ui-widget-content .ui-state-active, .group-rs1 .ui-widget-header .ui-state-active {border: 0px solid #e5e5e5 !important;background: none !important;font-family: 'Open Sans', sans-serif;font-weight: 500;}
	.group-rs1 .ui-state-default, .group-rs1 .ui-widget-content .ui-state-default, .group-rs1 .ui-widget-header .ui-state-default {border: 0px solid #e5e5e5 !important;background: none !important;font-family: 'Open Sans', sans-serif;font-weight: 300;}
	.group-rs1 .ui-widget-content {border: 0px solid #e5e5e5 !important;background: none !important;/*color: #3b3b3b;*/}

/*
#-------------------------------------------------------------------------------
POLICIES PAGES / DASHBOARDS
#-------------------------------------------------------------------------------
*/
	.view-display-id-page .views-row {margin-bottom: 10px;}
	.view-display-id-page h3 {margin-top: 4px;border-bottom: 1px solid #ccc;padding: 5px 20px;}
	.view-display-id-page .views-field-body {padding: 0px 20px 7px;}

/**
	remove "font-weight: 300;" because otherwise the lisibility is worse
	@rio updated
*/
	/*.view-display-id-page .views-field-title a {/*font-weight: 300; remove this because otherwise the lisibility is worth *color: #333;}*/

/*
#-------------------------------------------------------------------------------
COUNTRY REPORTS PAGES
#-------------------------------------------------------------------------------
*/
.view-display-id-erawatch_reports_list .views-row {margin-bottom: 10px;}
.view-display-id-erawatch_reports_list h3 {margin-top: 4px;border-bottom: 1px solid #DDD;padding: 5px 20px;}

.rio-layout-right-column .views-field.views-field-field-official-publication-date {width:100%;}
.view-display-id-erawatch_reports_list .views-field-field-official-publication-date {color: #555;border-bottom: 1px solid #DDD;}

.view-display-id-erawatch_reports_list .views-field-field-official-publication-date:before {
    color: #555;
    content: "\f073";
    float: left;
    margin-right: 10px;
    font: 14px/18px FontAwesome;
}

.view-display-id-erawatch_reports_list .views-field-field-report {text-align: right;margin-bottom: 13px;}
.view-display-id-erawatch_reports_list .views-field-title a {font-weight: 300;color: #333;}

/*
#-------------------------------------------------------------------------------
POLICY DOCUMENTS / EXTERNAL DOCUMENTS
#-------------------------------------------------------------------------------
*/
.view-display-id-geocontext_externaldoc .views-row {

    margin-bottom: 10px;
}

.view-display-id-geocontext_externaldoc h3 {
    margin-top: 4px;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px;
}

.view-display-id-geocontext_externaldoc .views-field-body {
    color: #555;
    border-top: 1px solid #ccc;
    margin-top: 8px;
}

.view-display-id-geocontext_externaldoc .views-label-field-official-adoption-year:before {
    color: #555;
    content: "\f073";
    float: left;
    margin-right: -12px;
    margin-left: 22px;
    font: 14px/18px FontAwesome;
}

.view-display-id-geocontext_externaldoc .views-field-field-official-adoption-year .field-content {
    color: #333;
}

.view-display-id-geocontext_externaldoc .views-field-field-document {
    text-align: right;
    margin-bottom: 13px;
}

.view-display-id-geo_lib_block .list-group-item {
    border: 0px dashed #555;

}

.view-display-id-geo_lib_block h3 {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
}

.view-display-id-geo_lib_block h3 a {
    color: #555;;
}

.view-display-id-geo_lib_block .views-field-field-official-adoption-year {
    color: #555;
    font-size: smaller;
}

.view-display-id-geo_lib_block .views-field-field-document .list-group-item {
    display: inherit;
    padding: inherit;
    font-size: small;
}

.view-display-id-geo_lib_block .views-field-field-document {
    padding: 2px 2px;
}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: transparent;
}

/*
#-------------------------------------------------------------------------------
NEWS DISPLAY
#-------------------------------------------------------------------------------
*/
.view-display-id-geo_news_page .views-row {
    margin-bottom: 10px;
}

.view-display-id-geo_news_page h3 {
    margin-top: 4px;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px;
}

.view-display-id-geo_news_page .views-field-body {
    border-top: 1px solid #ccc;
    margin-top: 9px;
}

.view-display-id-geo_news_page .views-field-field-official-publication-date {
    color: #ccc;
}

.view-display-id-geo_news_page .views-field-field-official-publication-date .field-content {
    color: #555;
}

.view-display-id-geo_news_page .views-field-field-official-publication-date:before {
    color: #555;
    content: "\f073";
    float: left;
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

.view-display-id-geo_news_page .views-field-field-link {
    text-align: right;
    margin-bottom: 13px;
}

.view-display-id-geo_news_page .views-field-field-original-body .views-label-field-original-body:before {
    content: '>> ';
}

.view-display-id-geo_news_page .views-field-field-original-body .views-label-field-original-body {
    font-weight: bold;
    cursor: pointer;
    color: #0065a2;
}

.view-display-id-geo_news_page .views-field-field-original-body .field-content {
    /*display:none;*/
    color: #666;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0px 0px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 0px solid #ddd;
}

/*
#-------------------------------------------------------------------------------
ORGANISATIONS
#-------------------------------------------------------------------------------
*/
	.view-display-id-geto_organisations .views-row {margin-bottom: 10px;}
	.view-display-id-geto_organisations h3 {border-bottom: 1px solid #ccc;}
	.view-display-id-geto_organisations .views-field-body, .views-field-view-node {padding: 2px 20px;}
	.view-display-id-geto_organisations .views-field-view-node {text-align: right;margin-bottom: 13px;}

/*
#-------------------------------------------------------------------------------
ERA DASHBOARD
#-------------------------------------------------------------------------------
*/
.page-node-215 table {
    border-spacing: 10px;
    empty-cells: hide;
    border-collapse: separate;
}

.page-node-215 table td {
    vertical-align: top;
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    margin: 10px;
    padding: 15px;
    width: 33% !important;
    empty-cells: hide;
    border-spacing: 10px;
    border-collapse: separate;
}

.page-node-215 table td img {
    max-width: 100%;
    width: 100%;
}

/* era priority */
.view-id-era_priority .views-row {
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.view-id-era_priority h3 {
    margin-top: 4px;
    border-bottom: 1px dashed #ccc;
    padding: 5px 20px;
}

.view-id-era_priority .views-field-body, .views-field-view-node {
    padding: 2px 20px;
}

.view-id-era_priority .views-field-field-official-publication-date {
    color: #555;
}

.view-id-era_priority .views-field-field-document {
    text-align: right;
    margin-bottom: 13px;
}

/*
#-------------------------------------------------------------------------------
LIBRARIES
#-------------------------------------------------------------------------------
*/
.view-id-document_library .icon_country .field-content:before {
    font: 14px/18px fontello;
    content: "\e001 ";
}

.view-id-document_library .icon_country {
    color: #555;
}

.view-id-document_library .views-row {
    margin-bottom: 10px;
}

.view-id-document_library h3 {
    margin-top: 4px;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px;
}

.view-id-document_library .views-field-body {
    border-top: 1px solid #ccc;
    margin-top: 8px;
}

.view-id-document_library .views-field-field-official-adoption-year {
    color: #555;
}

.view-id-document_library .views-field-field-document {
    text-align: right;
    margin-bottom: 13px;
}

.view-id-document_library .views-field-field-official-adoption-year:before {
    color: #555;
    content: "\f073";
    float: left;
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

#block-views-geo-contexts-block-2 .views-row {
    margin-bottom: 10px;
}

#block-views-geo-contexts-block-2 h3 {
    margin-top: 4px;
    border-bottom: 1px dashed #ccc;
    padding: 5px 20px;
}
	/*#block-views-geo-contexts-block-2 .views-field-body, .views-field-field-official-adoption-year, .views-field-field-document {padding:2px 20px ;}*/
	#block-views-geo-contexts-block-2 .views-field-field-official-adoption-year {color: #555;}
	#block-views-geo-contexts-block-2 .views-field-field-document {text-align: right;margin-bottom: 13px;}

/*
#-------------------------------------------------------------------------------
NEWS BLOCK
#-------------------------------------------------------------------------------
*/
	#block-views-geo-contexts-block-1 h3 {margin-top: 0px;border-bottom: 1px dashed #ccc;padding: 5px 4px;}
	#block-views-geo-contexts-block-1 h3 a {font-weight: 500;font-size: 17px;color: #777;padding-left: 5px;line-height: 30px;}

/*
#-------------------------------------------------------------------------------
LINKS BLOCK
#-------------------------------------------------------------------------------
*/
	#block-block-18 {background-color: transparent;padding: 0px;}
	#block-block-18 .bg {padding: 10px;}

/*
#-------------------------------------------------------------------------------
MENU EXTENTION
#-------------------------------------------------------------------------------
*/
	.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {background-color: #f2f2f2;background-image: none !important;color: #0065a2;padding: 0.4em !important;}
	/*.country-list .level_2 .arrow */
	.country-list li.active, .country-list li.active > a:hover   {background-color: #f2f2f2;background-image: none !important;color: #0065a2;padding: 0.4em !important;}

/*
#-------------------------------------------------------------------------------
FOOTERS
#-------------------------------------------------------------------------------
*/
	#layout-footer2 {border-top:1px solid #DDDDDD;background:#074A8B;color:#FFF;position:absolute;width:100%;min-height:70px;text-align:center;} /* bottom:0;left:0; */
	#layout-footer2 a {color:white}
	#layout-footer2 .container {padding:0px;}
	.block.block-block.panel.panel-default.clearfix {margin:0;}
	#data-cat .views-field.views-field-field-official-publication-date {text-align:right;}
	
		/*masquerade (login admin)*/
		.block-masquerade {margin:1em 0;}
		.logged-in #layout-footer2 .panel-heading {background:#777777;color:#FFF;}
		.logged-in #layout-footer2 #masquerade-block-1 {background:#CCC;border-radius:0 0 4px 4px;overflow:auto;}
		
		.form-item.form-type-textfield.form-item-masquerade-user-field {
			display: block;
			float: left;
			margin: 0 2% 0 13%;
			width: 60%;
		}
		#masquerade-block-1 .form-submit.btn.btn-default {
			display: block;
			margin: 1% 0 0 !important;
			width: 10%;
		}

/*
#-------------------------------------------------------------------------------
TAG CLOUD
#-------------------------------------------------------------------------------
*/
	.tagclouds-term {
		color: #fff !important;
		background-color: #0065a2 !important;
		padding: 4px !important;
		margin: 2px 2px !important;
		display: inline-block;
		font-size: smaller;
	}
	.tagclouds-term a {color:#fff;}
	.region-footer-1 {text-align:justify;}
	.region-footer-3 .views-field-title {text-align:left;}
	#servicesfooter li, #layout-footer2 ul {float:left !important;list-style-type:none;}


/*
#-------------------------------------------------------------------------------
DEFAULT DETAILED PAGES DISPLAY (all of content types)
#-------------------------------------------------------------------------------
*/

.page-node .field-label {
    /*font-weight: 300;*/
    /*border-top: 1px dotted #DDD; I removed it for the Key indicator node page (data information table) 
    padding: 9px; I removed it for the Key indicator node page (data information table) */
    /*text-align: right;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;*/
}

.group_inline.row.c_left .no_label, .page-node .field-label-inline .field-item {
    /*font-weight: 500;
    border-top: 1px dotted #DDD;
    padding: 9px;
    text-align: left;
    padding-left: 20px;
    border-right: 1px solid #ccc;*/
}

.group_inline ul.links li:before {
    color: #555;
    content: "\f02b";
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

.group_inline .field-name-field-bulk-download a:before {
    color: #555;
    content: "\f0ed";
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

.group_inline .field-name-field-publisher a:before {
    color: #555;
    content: "\f007";
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

.group_inline .field-name-field-author a:before {
    color: #555;
    content: "\f0c0";
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

.group_inline .field-name-field-website-url a:before {
    color: #555;
    content: "\f08e";
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}

.group_inline .field-name-field-adress-simple .field-item:before {
    color: #555;
    content: "\f041";
    font: 14px/18px FontAwesome;
    margin-right: 10px;
}


.group_above.row.c_left .field-label {
    /*
    font-weight: 300;
    */
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 9px;
    margin-top: 10px;
}

.view-taxonomy-term h3 {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}

/*
#-------------------------------------------------------------------------------
RESPONSIVE DESIGN
#-------------------------------------------------------------------------------
*/
@media (min-width: 978px) {
    .panels-flexible-region.panels-flexible-region-1-right.panels-flexible-region-first.panels-flexible-region-last {
        width: 289px;
    }
}

@media (max-width: 978px) {
    .tb-megamenu .btn-navbar {
        padding: 10px;
        margin: 0;
        color: #fff;
        text-shadow:  none;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-image: none;
        width: 100%;
    }

    .tb-megamenu .btn-navbar:hover {
        cursor: pointer;
        background-image: none;
        background-color: transparent;
        z-index: 1000;
    }

    .tb-megamenu .btn-navbar:focus {
        cursor: pointer;
        background-image: none;
        background-color: transparent;
        z-index: 1000;
}

    .tb-megamenu .btn-navbar:before {
        color: #fff;
        content: "\f039    MENU";
        font: 14px/18px FontAwesome;
        margin-right: 10px;
    }
/*
    .region.region-header-right {
        display: none;
    }
*/
    #layout-header #main-title {
        font-size: 20px !important;
        width: 260px;
        top: 10px;
    }

    #layout-header #banner-image-right {
        right: 10px;
        top: 1px !important;

    }

    .bg {
        margin-bottom: 2px;
    }
	
	/*.stats-boxes-icons, .country-analysis-boxes-icons {
		margin: 0 0 0.8em;
	}
	not needed any more with the new design
	*/
	
	#layout-header #sub-title {	/* V.Dzhura */
		font-size: 0.8em !important;
	}
	
	
}

/*
#-------------------------------------------------------------------------------
DATA CATALOGUE DESIGN
#-------------------------------------------------------------------------------
*/
#data-cat .table_head {

    background-color: #555;
    text-align: center;
    color: #fff;
    padding: 4px;
}

#data-cat ul.inline li {
    padding: 0;
}

#data-cat .table_head.firsth {
    width: 214%;
    position: relative;
}

#data-cat .table_head h2 {
    padding: 4px;
    margin: 0px;
}

#data-cat .panels-flexible-row-2-1 .field-label {
    font-size: 13px;
    width: 150px;
    padding: 0px;
    margin: 0px;
}

#data-cat .panels-flexible-row-2-1 .panel-separator {
    margin: 0.2em 0 0.2em 0;
}

#data-cat .panels-flexible-row-2-1 .field-label-inline {
    border-bottom: 1px solid #ccc;
}

#data-cat .panels-flexible-row-2-1 ul.inline {
    width: 171px;
    float: left;
    margin: 0px;
}

#data-cat .largest_icon.icon:before {
    padding: 0 50px 0px !important;
    margin: 0px;
}

#data-cat .pane-node-field-related-content h2 {
    background-color: orangered;
    color: #fff;
    padding: 10px;
}

#data-cat .pane-node-field-visualizations h2.pane-title {
    background-color: dodgerblue;
    color: #fff;
    padding: 10px;
}

#data-cat .pane-node-field-visualizations h2 a {
    color: #555;
    text-decoration: none;
}

#data-cat .pane-node-field-visualizations h2 a:before {
    font: 14px/31px FontAwesome !important;
    content: "\f061";
    color: #555;
    padding: 5px 6px;
    border: 1px solid #555;
    border-radius: 54px;
    margin-right: 7px;
}

#data-cat .field-name-field-related-content a {
    color: #555;
}

#data-cat .field-name-field-related-content a:before {
    font: 14px/31px FontAwesome !important;
    content: "\f061";
    color: #555;
    padding: 5px 6px;
    border: 1px solid #555;
    border-radius: 54px;
    margin-right: 7px;
}

.node-type-data-catalogue #page-title {
    padding-top: 20px;
}

#data-cat .tableauPlaceholder {
    text-align: center !important;
    margin: 0 auto;
}

#data-cat .fa-cloud-download {
    color: #5cb85c;
    font-size: 30px;
    text-align: center;
}

#data-cat .pane-3 {
    text-align: center;
}



@media (max-width: 510px) {
    .taxonomy-tree li.term_772.level_1 li {
        width: 100%;
    }

    #layout-header #banner-image-right {
        right: 10px;
        top: 1px !important;

    }

    #block-tb-megamenu-main-menu.panel, .tb-megamenu, .tb-megamenu .panel-body {
        background-color: transparent;
        margin-bottom: 0px !important;
    }

}

@media (max-width: 766px) and (min-width: 511px) {
    .taxonomy-tree li.term_772.level_1 li {
        width: 50%;
    }
}


@media (max-width: 460px) {

    #main-title {
        
    }
    
    #layout-header #sub-title { /* V.Dzhura */
		display: none;    	
    }
    
	#layout-header #banner-image-right {
	    left: 97px;
	    top: 41px !important;
	}    
}

/*
#-------------------------------------------------------------------------------
TABLEAU presentations fixes
#-------------------------------------------------------------------------------
*/
.tableauPlaceholder {text-align: center;}
.tableauPlaceholder iframe {display: block;}
.tableauPlaceholder .imageReplacement {display: none;margin: 0 auto;}

/*
#-------------------------------------------------------------------------------
SEARCH RESULTS
#-------------------------------------------------------------------------------
*/
.searchResult {display: table;width: 100%;}
.searchResult h3 {margin-bottom: 3px;margin-top: 5px;}
.searchResult .contentType {color: #444;font-size: 12px;}
.searchResult strong {background-color: #FFFF66;}
#block-current-search-standard .panel-heading {padding-left: 0;}

/*
#-------------------------------------------------------------------------------
TAXONOMY MANAGER
#-------------------------------------------------------------------------------
*/
#taxonomy-manager-double-tree-form input.taxonomy-manager-buttons, #taxonomy-manager-form input.taxonomy-manager-buttons {color: #5a5a5a !important;}