body.path-data,
body.page-node-type-donor-data {
  background-color: #ffffff;
}

.max_wrapper.results-country {
  max-width: 980px;
  margin: 0 auto;
  padding: 25px;
  box-sizing: content-box;
}

#custom-data-portal-donor-form .form-item {
  float: left;
}

.page-node-type-donor-data h1#page-title {
  display: none;
}

.page-node-type-donor-data h1.donor-title {
  color: #5a5047;
  font-size: 34px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 40px;
  margin-top: 0;
  margin: 30px 0;
}

.donor-wrap .logo-wrap {
  width: 21%;
  float: left;
}

.donor-wrap .logo-wrap .field--label {
  display: none;
}

.donor-wrap .logo-wrap .field-name-field-country-logo img {
  height: auto;
  max-width: 100%;
}

.donor-wrap .field--type-text-with-summary {
  width: 50%;
  margin: 0 2%;
  float: left;
  color: #000000;
  font-size: 1em;
}

.donor-wrap .field--type-text-with-summary h3 {
  font-size: 1em;
  margin: 2.5em 0 0.8em;
}

.donor-wrap .field--type-text-with-summary h3:first-child {
  font-size: 1em;
  margin: 0 0 0.8em;
}

.donor-wrap .field--type-text-with-summary a,
.donor-wrap .field--type-text-with-summary a:link {
  color: #4a8bcd;
}

.minister-info-wrapper {
  width: 25%;
  margin: 0;
  float: left;
}

.minister-info-wrapper .minister-info-block:nth-child(2) {
  border-top: 1px dotted #e6e6e6;
  margin: 10px 0 0;
  padding: 10px 0 0;
}

.minister-info-wrapper .minister-info-block img {
  height: auto;
  max-width: 100%;
}

.donor-wrap .minister-info-wrapper .caption-wrap {
  color: #000000;
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 18px;
  font-size: 14px;
}

.donor-wrap .blockquote-wrapper blockquote {
  background-image: url(../images/blockquote-start-image.png);
  background-repeat: no-repeat;
  background-position: 0 15px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e6e6e6;
  float: left;
  margin: 20px 0;
  padding: 2% 4%;
  font-style: italic;
  width: 100%;
}

.donor-wrap .blockquote-wrapper blockquote:nth-child(2) {
  padding: 0 4% 2%;
  border-top: 0 none;
  margin: 0 0 20px;
}

.donor-wrap .blockquote-wrapper blockquote .description {
  background-image: url(../images/blockquote-end-image.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  font-size: 14px;
  line-height: 22px;
}

.donor-wrap .blockquote-wrapper blockquote cite.author-name {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
}

.donor-wrap .blockquote-wrapper blockquote cite.author-name div {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  margin: 15px 0 0;
}

.donor-wrap .view-unfpa-global-opendata-country {
  clear: both;
}

.donor-wrap .logo-wrap h2 {
  margin: 10px 0px;
  padding: 1em 0 0.5em 0;
  color: #ea8e05;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}

.donor-rank {
  font-size: 27px;
  color: #464646;
  text-align: right;
  width: 52px;
}

.donor-rank sup {
  font-size: 17px;
  vertical-align: super;
}

.donor-ranktext {
  color: #171717;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin-left: 10px;
}

.donor-wrap .core,
.donor-wrap .noncore,
.donor-wrap .all {
  margin: 20px 0px;
}

.donor-page-chart-notes {
  color: #808080;
  border-top: 1px #e6e5e5 solid;
  padding: 15px 0 15px 0;
}

.donor-page-chart-notes p {
  font-size: 10px;
}

.donor-rank,
.donor-ranktext {
  display: inline-block;
  vertical-align: middle;
  max-width: 100px;
}

.donor_newswrap {
  clear: both;
  margin: 55px 0 0;
}

.donor_keywrap {
  margin: 60px 0 30px;
}

.donor_keywrap .key_head {
  font-size: 17px;
  color: #000;
}

.donor_keywrap .key_head_sub {
  color: #3c3a3a;
  font-size: 13px;
  margin-top: 10px;
}

/*.donor_keywrap .wrapper-key-result .wrappper-category,*/
.donor-page-summary-block .donor_newswrap .view-content {
  display: flex;
  flex-wrap: wrap;
}

.donor-page-summary-block .donor_newswrap .views-row {
  /*box-shadow: 0px 0px 6px -2px #5d5d5d;*/
  border: 1px solid #eff1f3;
  flex: 1 0 30%;
  margin: 0 1% 0;
  padding-bottom: 50px;
  position: relative;
  transition: 0.5s ease;
}

.donor-page-summary-block .donor_newswrap .views-row:hover {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.28);
}

.donor-page-summary-block .donor_newswrap .views-row:first-child {
  margin: 0 1% 0 0;
}

.donor-page-summary-block .donor_newswrap .views-row:last-child,
.donor-page-summary-block .donor_newswrap .views-row:nth-child(3) {
  margin: 0 0 0 1%;
}

.donor-page-summary-block .donor_newswrap .pager-nav {
  flex-basis: 100%;
}

.donor-page-summary-block .donor_newswrap .pager-nav ul li a:hover {
  background-color: transparent;
}

.donor_newswrap .box-layout-design .views-field {
  padding: 8px 15px;
}

.donor_newswrap .box-layout-design .views-field.views-field-title+div .wrapper-img-exist,
.donor_newswrap .box-layout-design .views-field.views-field-title+div+div .wrapper-img-none {
  display: block;
  font-size: 1em;
  padding: 8px 15px;
}

.donor_newswrap .box-layout-design .views-field.views-field-title+div span:empty,
.donor_newswrap .box-layout-design .views-field.views-field-title+div+div span:empty {
  display: none;
}

.donor_keywrap .key_count {
  color: #3f9ad3;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.donor_keywrap .key_title {
  font-size: 15px;
  color: #000;
  width: 85%;
}

.donor-wrap .field-collection-container .field-items .even,
.donor-wrap .field-collection-container .field-items .odd {
  width: 48%;
  margin: 0px 1% 0px 0px;
  float: left;
}

.donor-wrap .field-collection-container .field-items .content .field-name-field-case-header-title .even {
  padding: 10px;
  background: #bed9ec;
  width: 98%;
  color: #272626;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.donor-wrap .field-collection-container .field-items .content .field-name-field-description .even {
  width: 98%;
  padding: 10px;
}

.donor-wrap .field-collection-view {
  margin: 0px 10px 0px 0px;
}

.donor-wrap .country-specific-charts-wrapper {
  /* border-bottom: 1px solid #b3b3b3; */
  padding: 0 0 40px;
}

.donor-wrap .country-specific-charts-wrapper .country-specific-block-chart {
  width: 55%;
  float: left;
}

.donor-wrap .country-specific-charts-wrapper .country-specific-donut-chart {
  width: 42%;
  float: left;
}

.donor-wrap .country-specific-charts-wrapper .left-chart-box {
  padding: 0 1% 0 0;
}

.donor-wrap .country-specific-charts-wrapper .right-chart-box {
  padding: 0 0 0 1%;
  border-left: 1px dotted #b3b3b3;
}

.donor-wrap .country-specific-charts-wrapper .right-chart-box #country-specific-donut-chart {
  float: left;
  width: 100%;
  margin: 20px 0;
}

.donor-wrap .block-title {
  margin: 10px 0px 20px;
  color: #ea8e05;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
  font-weight: 700;
}

.donor_newswrap .box-layout-design .views-field-type span>span {
  background-image: url(../images/content-type-icons.png);
  background-repeat: no-repeat;
  color: #e78a03;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 0 26px;
}

.donor_newswrap .box-layout-design .views-row .views-field-body {
  height: 120px;
}

.donor_newswrap .box-layout-design .views-field-type span.News {
  background-position: 0 -25px;
}

.donor_newswrap .box-layout-design .views-field-type span.Publications {
  background-position: 0 -75px;
}

.donor_newswrap .box-layout-design .views-field-type span.Press {
  background-position: 0 2px;
  display: block;
}

.donor_newswrap .box-layout-design .views-field-type span.Updates {
  background-position: 0 -25px;
}

.donor_newswrap .box-layout-design .views-field-field-news-image {
  margin: 0 0 8px;
  padding: 0;
  min-height: 180px;
}

.donor_newswrap .box-layout-design .views-field-field-news-image img {
  height: auto;
  width: 100%;
}

.donor_newswrap .box-layout-design .views-field-views-conditional span.wrapper-img-exist {
  display: block;
  min-height: 120px;
}

.donor_newswrap .box-layout-design .views-field-views-conditional-1 span.wrapper-img-none {
  display: block;
  min-height: 304px;
}

.donor_newswrap .box-layout-design .views-field-title a {
  font-family: 'Roboto', sans-serif;
  color: #000000;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1;
}

.donor_newswrap .box-layout-design .views-field-title a:hover {
  color: #4a8bcd;
}

.donor_newswrap .box-layout-design .date-display-single {
  float: left;
  margin: 8px 15px 8px 0;
}

.box-layout-design .item-list {
  float: left;
  width: 100%;
}

.box-layout-design .item-list ul.pager {
  margin: 40px 0 0;
}

.wrapper-donor-chart .donor-title-year-selector-wrapper,
.donor-page-summary-block .wrapper-donor-chart .donor-title-year-selector-wrapper {
  border-bottom: 0;
  padding: 30px 0 0;
}

.wrapper-donor-chart #chart_div,
.wrapper-donor-chart #chart_div_core,
.wrapper-donor-chart #chart_div_non_core,
.wrapper-donor-chart #africa_east_and_southern_chart,
.wrapper-donor-chart #africa_west_and_central_chart,
.wrapper-donor-chart #arab_states_chart,
.wrapper-donor-chart #asia_and_the_pacific_chart,
.wrapper-donor-chart #eastern_europe_and_central_asia_chart,
.wrapper-donor-chart #latin_america_and_the_caribbean_chart {
  margin: 0 0 10px;
}

.donor-page-summary-block .wrapper-donor-chart .donor-title-year-selector-wrapper .donor-chart-titles {
  color: #000000;
  font-size: 16px;
  float: left;
  margin: 0 20px 0 0;
  padding: 6px 0;
  text-transform: none;
  line-height: 20px;
  letter-spacing: 0;
  width: auto;
}

.donor-page-summary-block .wrapper-donor-chart .donor-title-year-selector-wrapper .donor-year-element-wrapper {
  float: left;
}

ul.nav.nav-tabs.latest-tab {
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  height: 100%;
}

ul.nav.nav-tabs.latest-tab>li.tablinks {
  float: left;
  position: relative;
  display: block;
  margin: 0;
}

.nav.nav-tabs li a {
  font-weight: 700;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  color: #919fae;
  font-size: 16px;
  text-decoration: none;
}

li.tablinks.active a {
  color: #000000;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 2px solid #f7941e;
}

.donor-chart-titles {
  color: #000000;
  font-size: 16px;
  margin: 30px 0;
}

.donut-chart-title-wrapper {
  float: left;
  width: 100%;
  margin-left: 20px;
}

.donut-chart-title-wrapper .donor-chart-titles.donut-chart-title {
  display: none;
}

.donut-chart-title-wrapper .donor-chart-titles.donut-chart-title.active {
  display: block;
}

.donor-page-summary-block .donor-title-year-selector-wrapper .donor-year-element-wrapper select#donor-year {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  background-image: url(../images/select-drop-arrow-blue.png);
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #acacac;
  border-radius: 12px;
  color: #000000;
  font-size: 12px;
  height: auto;
  line-height: 20px;
  max-width: 180px;
  outline: medium none;
  padding: 4px 25px 4px 10px;
  top: 0;
  width: auto;
}

.donor-year-element-wrapper select#donor-year::-ms-expand {
  display: none;
}

.donor-wrap {
  position: relative;
  z-index: 9;
}

.donor-wrap .country-list-popover .thepopover {
  background: #565656 none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
  display: none;
  padding: 20px 5% 5px;
  position: absolute;
  top: 30px;
  z-index: 2;
}

.donor-wrap .country-list-popover button.pencil {
  outline: none;
  line-height: 16px;
}

.donor-wrap .country-list-popover .triangle-icon {
  background: rgba(0, 0, 0, 0) url("../images/popover-triangle.png") no-repeat scroll center center;
  display: block;
  height: 18px;
  left: 5px;
  position: absolute;
  top: -13px;
  width: 32px;
}

.donor-wrap .country-list-popover .thepopover h4 {
  color: #df8312;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 1em;
  margin-top: 0;
}

.donor-wrap .country-list-popover .thepopover h3 a {
  color: #df8312;
}

.donor-wrap .country-list-popover .thepopover ul {
  float: left;
  list-style: outside none none;
  width: 100%;
  column-count: 4;
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}

.donor-wrap .country-list-popover .thepopover li {
  display: block;
  line-height: 18px;
  margin: 10px 0;
  width: auto;
}

.donor-wrap .country-list-popover .thepopover li a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.donor-wrap .country-list-popover .thepopover li a:hover {
  color: #0090c9;
}

ul.tab-panel-container {
  padding: 0;
  margin: 15px 0 0;
  position: relative;
}

ul.tab-panel-container li {
  background-color: #797576;
  border-radius: 4px 4px 0 0;
  display: block;
  float: left;
  margin: 0 5px 0 0;
  overflow: hidden;
  text-transform: none;
  width: 188px;
}

ul.tab-panel-container li.active-tab {
  background-color: #3f9ad3;
}

li.tab-list-item .tabs-span {
  display: table;
  width: 100%;
}

li.tab-list-item .tabs-span a {
  color: #ffffff;
  display: table-cell;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 18px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}

li.tab-list-item .tab-content-wrapper {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0 3px 6px #ccc;
  -moz-box-shadow: 0 3px 6px #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  left: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 1;
}

li.tab-list-item .tab-content-inside-wrapper {
  padding: 40px 40px 20px;
  display: flex;
  flex-wrap: wrap;
}

.tab-content-wrapper .key-results-wrapper {
  float: left;
  margin: 1%;
  min-height: 115px;
  width: 31.33%;
  display: flex;
}

.tab-content-wrapper .icon-holder {
  float: left;
  vertical-align: top;
  width: 75px;
  height: auto;
}

.tab-content-wrapper .icon-holder img {
  width: 100%;
  height: auto;
  max-width: 60px;
  max-height: 72px;
  margin: 0 auto;
}

.tab-content-wrapper .icon-holder>span {
  display: block;
  height: 100%;
  margin-right: 10px;
  min-height: 115px;
}

ul.tab-panel-container li:first-child .tab-content-wrapper .key-results-wrapper:first-child .icon-holder>span {
  min-height: 80px;
}

.tab-content-wrapper .key-result-info-holder .results-label {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}

.tab-content-wrapper .key-result-info-holder .results-value {
  color: #4197d4;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-top: 5px;
}

#donut_chart_tabs .all {
  margin: 0;
}

.donar-page-key-result-desclaimer.disclaimer-wrapper {
  margin: -10px 0 0;
}

.donar-page-key-result-desclaimer.disclaimer-wrapper {
  margin: -10px 0 0;
}

.page-node-type-donor-data #country-specific-donut-chart svg>g+g>g:last-child {
  pointer-events: none;
}

.charts-tooltip div,
.goog-tooltip div {
  color: #000000;
}

.donar-page-chart-notes.disclaimer-wrapper {
  float: left;
  margin-right: 20px;
  max-width: 40%;
  color: #808080;
}

.donor-wrap .country-specific-charts-wrapper .donar-page-chart-notes.disclaimer-wrapper {
  max-width: none;
  border-top: 1px solid #e6e5e5;
  padding: 15px 0 15px 0;
}

.donor_newswrap .views-row.donor-eql-height {
  position: relative;
  padding-bottom: 50px;
}

.dates-wrapper {
  border-top: 1px solid #b7b7b7;
  font-size: 14px;
  min-height: 40px;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  width: 90%;
}

.dates-wrapper a {
  float: right;
  padding: 0;
}

.donor_newswrap .views-row.donor-eql-height .views-field-views-conditional {
  border-bottom: 0px;
}

.donor_newswrap .views-row.donor-eql-height .views-field-views-conditional-1 {
  border-bottom: 0px;
}

#chart_div_core.donor-vbar-chart,
#chart_div_non_core.donor-vbar-chart,
#africa_east_and_southern_chart.donor-vbar-chart,
#africa_west_and_central_chart.donor-vbar-chart,
#arab_states_chart.donor-vbar-chart,
#asia_and_the_pacific_chart.donor-vbar-chart,
#eastern_europe_and_central_asia_chart.donor-vbar-chart,
#latin_america_and_the_caribbean_chart.donor-vbar-chart {
  width: 680px;
  height: 980px;
}

#chart_div.donor-vbar-chart.all-core {
  width: 680px;
  height: 2700px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #chart_div.donor-vbar-chart.all-core {
    height: 2500px;
  }
}

@media only screen and (max-width: 480px) {
  #chart_div.donor-vbar-chart.all-core {
    height: 2500px;
  }
}

.donor-wrap .donor_keywrap li.tab-list-item .tabs-span a {
  height: 74px;
}

.key-result-info-holder {
  width: 70%;
  float: right;
}

/*--Data donor-contribution page vertical bar chart tooltip css start--*/
#country-specific-block-chart .google-visualization-tooltip {
  min-width: 160px !important;
  padding: 5px;
}

#country-specific-block-chart .google-visualization-tooltip ul li span {
  color: #5d686d !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
}

#chart_div.donor-vbar-chart .google-visualization-tooltip,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip,
#chart_div_non_core.donor-vbar-chart .google-visualization-tooltip,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip {
  min-width: 180px !important;
}

.page-node-type-donor-data #chart_div.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #chart_div_core.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #chart_div_non_core.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #arab_states_chart.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip,
.page-node-type-donor-data #latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip {
  min-width: 180px !important;
}

#chart_div.donor-vbar-chart .google-visualization-tooltip ul,
#chart_div.donor-vbar-chart .google-visualization-tooltip ul li,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip ul,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip ul li,
#chart_div_non_core.donor-vbar-chart .google-visualization-tooltip ul,
#chart_div_non_core.donor-vbar-chart .google-visualization-tooltip ul li,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip ul,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip ul li,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip ul,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip ul li,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip ul,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip ul li,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip ul,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip ul li,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip ul,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip ul li,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip ul,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip ul li {
  margin: 0.5em 0 0.5em 0 !important;
}

#chart_div.donor-vbar-chart .google-visualization-tooltip ul li span,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip ul li span,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip ul li span,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip ul li span,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip ul li span,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip ul li span,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip ul li span,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip ul li span,
#chart_div_non_core.donor-vbar-chart .google-visualization-tooltip ul li span {
  color: #5d686d !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

#chart_div.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#chart_div_non_core.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip ul li:first-child span,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip ul li:first-child span {
  display: block !important;
  line-height: 16px;
}

#chart_div.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip ul li:last-child span:first-child {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

#chart_div.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#chart_div_core.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#africa_east_and_southern_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#africa_west_and_central_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#arab_states_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#asia_and_the_pacific_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#eastern_europe_and_central_asia_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span,
#latin_america_and_the_caribbean_chart.donor-vbar-chart .google-visualization-tooltip ul li:last-child span {
  letter-spacing: -0.02em;
}

div#container .max_wrapper.results .popover {
  display: inline-block;
  position: relative;
  width: 100%;
}

.close-thepopover {
  width: 15px;
  height: 15px;
  border: 1px #d8d8d8 solid;
  border-radius: 80%;
  position: absolute;
  right: 12px;
  top: 12px;
  color: #c5c5c5;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

div#active-activities h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0.5em;
  color: #002534;
  text-transform: none;
}

.donor-wrap section.block.block-unfpa-global-donor .popover {
  display: inline-block;
  position: relative;
  width: 100%;
}

.data.donut_chart_container,
.bchart-container,
.bchart_container {
  float: left;
  width: 50%;
  height: 420px;
  position: relative;
}

.donut_chart_container {
  float: left;
  width: 50%;
  height: 400px;
  position: relative;
}

.bchart,
.bchart1,
.bchart2,
.bchart3,
.donut-chart,
.donut_chart,
.donut_chart1,
.donut_chart2,
.donut_chart3 {
  width: 100%;
  height: 350px;
  float: left;
  position: absolute;
  visibility: hidden;
  margin-top: 50px;
}

.implementation_chart {
  width: 100%;
  height: 500px;
  float: left;
  position: absolute;
  visibility: hidden;
}

#chart_div,
#chart_div_core,
#chart_div_non_core,
#africa_east_and_southern_chart,
#africa_west_and_central_chart,
#arab_states_chart,
#asia_and_the_pacific_chart,
#eastern_europe_and_central_asia_chart,
#latin_america_and_the_caribbean_chart,
.implementation_chart_container {
  float: left;
  width: 50%;
  height: 500px;
  margin: 0 0 50px 0;
  position: relative;
}

#chart_div,
#chart_div_core,
#chart_div_non_core,
#africa_east_and_southern_chart,
#africa_west_and_central_chart,
#arab_states_chart,
#asia_and_the_pacific_chart,
#eastern_europe_and_central_asia_chart,
#latin_america_and_the_caribbean_chart,
.implementation_chart_container1 {
  float: left;
  width: 50%;
  height: 500px;
  margin: 0 0 50px 0;
  position: relative;
}

#chart_div,
#chart_div_core,
#chart_div_non_core,
#africa_east_and_southern_chart,
#africa_west_and_central_chart,
#arab_states_chart,
#asia_and_the_pacific_chart,
#eastern_europe_and_central_asia_chart,
#latin_america_and_the_caribbean_chart,
.implementation_chart_container2 {
  float: left;
  width: 50%;
  height: 500px;
  margin: 0 0 50px 0;
  position: relative;
}

#donut-chart-tabs,
#donut_chart_tabs,
#donut_chart_tabs1,
#donut_chart_tabs2,
#donut_chart_tabs3 {
  background: url("../images/background_topcontent.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
}

#donut-chart-tabs ul,
#donut_chart_tabs ul,
#donut_chart_tabs1 ul,
#donut_chart_tabs2 ul,
#donut_chart_tabs3 ul {
  float: left;
  list-style: outside none none;
  width: 100%;
  margin: 0;
  padding: 0;
}

#donut-chart-tabs ul li,
#donut_chart_tabs ul li,
#donut_chart_tabs1 ul li,
#donut_chart_tabs2 ul li,
#donut_chart_tabs3 ul li {
  background: url("../images/separatormenutab.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  border-radius: 5px 5px 0 0;
  float: left;
  overflow: hidden;
}

#donut-chart-tabs ul li.active span,
#donut_chart_tabs ul li.active span,
#donut_chart_tabs1 ul li.active span,
#donut_chart_tabs2 ul li.active span,
#donut_chart_tabs3 ul li.active span {
  background: #b0aeaa;
  color: #fff;
}

#donut-chart-tabs ul li span,
#donut_chart_tabs ul li span,
#donut_chart_tabs1 ul li span,
#donut_chart_tabs2 ul li span,
#donut_chart_tabs3 ul li span {
  color: #0091ca;
  display: block;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding: 12px 14px;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
}

#donut_chart_tabs ul li:first-child span {
  padding-left: 5px;
}

#donut_chart_tabs ul li:last-child {
  background: none;
}

#active-activities,
.no-data-big,
.no-data-small {
  color: #5a5047;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: left;
  margin-top: 20px;
}

/* Timeline CSS Ends */
.data.donut-chart-container,
.data.donut_chart_container,
.data.bchart_wrapper {
  float: left;
  height: 420px;
  position: relative;
  width: 48%;
}

.data.bchart_wrapper .bchart-container,
.data.bchart_wrapper .bchart_container,
.data.chart_div_wrapper .chart_div_container,
.data.implementation_chart_wrapper .implementation_chart_container {
  position: absolute;
  width: 100%;
}

.data.bchart_wrapper .bchart-container.active,
.data.bchart_wrapper .bchart_container.active,
.data.chart_div_wrapper .chart_div_container.active,
.data.implementation_chart_wrapper .implementation_chart_container.active {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.data.chart_div_wrapper,
.data.implementation_chart_wrapper {
  float: left;
  height: 500px;
  margin: 0 0 50px;
  position: relative;
  width: 50%;
}

.data.bchart_wrapper .bchart-container .bchart,
.data.bchart_wrapper .bchart_container .bchart {
  height: 350px;
  width: 100%;
}

.data.chart_div_wrapper .chart_div_container .chart_div,
.data.chart_div_wrapper .chart_div_container .chart_div_core,
.data.chart_div_wrapper .chart_div_container .chart_div_non_core,
.data.chart_div_wrapper .chart_div_container .africa_east_and_southern_chart,
.data.chart_div_wrapper .chart_div_container .africa_west_and_central_chart,
.data.chart_div_wrapper .chart_div_container .arab_states_chart,
.data.chart_div_wrapper .chart_div_container .asia_and_the_pacific_chart,
.data.chart_div_wrapper .chart_div_container .eastern_europe_and_central_asia_chart,
.data.chart_div_wrapper .chart_div_container .latin_america_and_the_caribbean_chart {
  height: 500px;
  width: 100%;
}

.data.implementation_chart_wrapper .implementation_chart_container .implementation_chart {
  height: 500px;
  width: 100%;
}

.data.chart_div_wrapper #chart_div_2015 {
  height: 500px;
  width: 100%;
}

.program-activity-charts-wrapper #donut_chart_tabs {
  border-right: 1px #e5e7e7 solid;
  width: 48% !important;
  float: left;
  background: transparent !important;
  text-align: center;
}

/*--Data donor-contribution page vertical bar chart tooltip css end--*/

.donor_newswrap .views-field-field-feature-banner-image {
  padding: 0 !important;
}

.donor_newswrap .views-field-field-feature-banner-image img {
  width: 100%;
  height: auto;
}

.donor_newswrap .views-field-type {
  padding: 10px 20px 10px !important;
}

.donor_newswrap .views-field-title {
  padding: 10px 20px 20px !important;
}

.donor_newswrap .wrapper-img-exist {
  padding: 0 20px 10px !important;
}

.donor_newswrap .views-row .wrapper-img-none p {
  padding-left: 20px;
  padding-right: 20px;
}

.donor_newswrap .views-field-nothing,
.donor_newswrap .wrapper-img-none {
  padding: 0 !important;
}

.donor_newswrap .dates-wrapper {
  width: 100%;
  text-align: right;
  border: none;
  padding: 0 20px;
  bottom: 10px;
}

.donor_newswrap .dates-wrapper a {
  float: left;
  color: #919fae;
  text-transform: uppercase;
  font-size: 16px;
}

.donor_newswrap .views-row {
  padding-bottom: 65px !important;
  max-width: 32%;
}

.donor-header {
  background: none !important;
}

.page-node-type-donor-data .donor_newswrap .dates-wrapper a {
  background: url("../images/arrow-2nd-right.svg") no-repeat right 3px;
  font-size: 14px;
  padding: 0 23px 0 0;
  transition: all ease 0.2s;
}

.page-node-type-donor-data .donor_newswrap .dates-wrapper a:hover {
  padding: 0 30px 0 0;
}

.page-node-type-donor-data .donor_newswrap .box-layout-design .views-field-type span>span {
  background: none;
  padding-left: 0;
  font-size: 18px;
}

.page-node-type-donor-data .donor_newswrap .views-field-type {
  padding-bottom: 5px !important;
}

@media (max-width: 640px) {
  .donor-wrap .blockquote-wrapper blockquote .description {
    padding: 0 10px;
  }
}

.block-unfpa-global-donor-ranking div.donor-page-chart-notes {
  color: #808080;
  font-size: 10px;
  border-top: 1px #e6e5e5 solid;
  padding: 15px 0 15px 0;
}