/*========================================================================
            SOF Data Portal page css
==========================================================================*/
/*---SOF Dashboard menus css---*/

#dashboard-left-navigation .menu-title {
  display: none;
}

ul.dashboard-navigation-list {
  margin: 0;
  padding: 0;
  border-bottom: 2px #4a4a4a solid;
}

ul.dashboard-navigation-list * {
  box-sizing: border-box;
}

ul.dashboard-navigation-list li.dashboard-navigation-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.37);
  display: block;
  height: 56px;
  width: 100%;
}

ul.dashboard-navigation-list li.dashboard-navigation-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.37);
}

ul.dashboard-navigation-list li.dashboard-navigation-item a.icon-link {
  background-color: #4a4a4a;
  height: 52px;
  display: block;
  width: 100%;
}

ul.dashboard-navigation-list li.dashboard-navigation-item a.icon-link:hover {
  background-color: #565656;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon {
  overflow: hidden;
  text-align: center;
  width: 100%;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon {
  background-image: url(../images/data-portal-icons.png);
  background-repeat: no-repeat;
  display: block;
  height: 51px;
  width: 100%;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon-navigation-data-home {
  background-position: 0px 2px;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon-navigation-country-page {
  background-position: 0px -56px;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon-navigation-transparency-portal {
  background-position: 0 -112px;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon-navigation-statistics {
  background-position: 0 -169px;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon-navigation-supplies {
  background-position: 0 -226px;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon-navigation-emergency {
  background-position: 0 -282px;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-label {
  position: relative;
  overflow: hidden;
  display: block;
  transition: width 0.3s ease 0s, text-indent 0.35s ease 0s;
  width: 0;
  text-align: center;
  margin-left: 60px;
  margin-top: -52px;
  height: 100%;
  box-sizing: border-box;
}

ul.dashboard-navigation-list li.dashboard-navigation-item #country-select-box {
  display: none;
}

ul.dashboard-navigation-list li.dashboard-navigation-item:hover .dashboard-navigation-label {
  background-color: #565656;
  color: #ffffff;
  float: left;
  height: auto;
  line-height: 58px;
  min-height: 100%;
  padding: 0 10px;
  position: relative;
  text-indent: 0;
  white-space: nowrap;
  width: auto;
}

ul.dashboard-navigation-list li.dashboard-navigation-country-page:hover .dashboard-navigation-label .slimScrollDiv {
  padding-right: 10px;
}

ul.dashboard-navigation-list li.dashboard-navigation-country-page:hover .dashboard-navigation-label,
ul.dashboard-navigation-list li.dashboard-navigation-transparency-portal:hover .dashboard-navigation-label,
ul.dashboard-navigation-list li.dashboard-navigation-statistics:hover .dashboard-navigation-label {
  padding: 25px 15px 25px 25px;
  white-space: normal;
}

ul.dashboard-navigation-list li .dashboard-navigation-label h2.left-navigation-header {
  font-size: 16px;
  color: #ffffff;
  margin: 0 0 15px 0;
}

ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-label h2.left-navigation-header.single-header {
  line-height: 58px;
  margin: 0;
}

ul.dashboard-navigation-list li .dashboard-navigation-label h2.left-navigation-header a {
  font-size: 16px;
  color: #ffffff;
  line-height: 32px;
}

ul.dashboard-navigation-list li .dashboard-navigation-label .area {
  display: inline-block;
  width: 100%;
}

ul.dashboard-navigation-list li .dashboard-navigation-label .area>ul {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
  float: left;
  list-style-type: none;
  padding: 0;
  width: 100%;
}

ul.dashboard-navigation-list li .dashboard-navigation-label .area li {
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 2px;
  text-align: left;
  width: 160px;
}

ul.dashboard-navigation-list li .dashboard-navigation-label .area li:first-child h3 {
  margin: 0px;
}

ul.dashboard-navigation-list li .dashboard-navigation-label .area li h3 {
  color: #df8312;
  font-size: 16px;
  line-height: 18px;
  margin: 15px 0 0;
}

ul.dashboard-navigation-list li .dashboard-navigation-label #area-click-id a {
  background-color: transparent;
  color: #ffffff;
  display: unset;
  height: auto;
  width: auto;
}

ul.dashboard-navigation-list li .dashboard-navigation-label #area-click-id a:hover {
  color: #0090c9;
}

ul.dashboard-navigation-list li .dashboard-navigation-label #area-click-id .area h3 a {
  color: #e49028;
}

ul.dashboard-navigation-list li .dashboard-navigation-label ul {
  padding: 0;
}

/*=======SOF Statistics menu=======*/

ul.statistic-menu-list {
  width: 826px;
}

ul.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

ul.dashboard-navigation-list ul.statistic-menu-list li {
  border: 0 none;
  display: table;
  float: left;
  position: relative;
  height: auto;
  line-height: 18px;
  margin: 0 0 5px 35px;
  text-align: left;
  vertical-align: top;
  width: 240px;
}

/*===================================================
    SOF statistics menu hover effect
=====================================================*/

ul.dashboard-navigation-list ul.statistic-menu-list li a {
  background-color: #3b3b3b;
  color: #000000;
  display: table-cell;
  font-size: 18px;
  padding: 10px 28px 10px 40px;
  height: 66px;
  margin: 0px;
  vertical-align: middle;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li a .statistics-menu-title {
  font-size: 14px;
  position: relative;
}

ul.dashboard-navigation-list ul.statistic-menu-list li a:hover .statistics-menu-title {
  color: #ffffff;
}

ul.dashboard-navigation-list ul.statistic-menu-list li a::before,
ul.dashboard-navigation-list ul.statistic-menu-list li a::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

ul.dashboard-navigation-list ul.statistic-menu-list li a::after {
  background-position: 0 0;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-fgm a::before {
  box-shadow: 0 0 0 60px #b367a5 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-fgm a:hover::before {
  box-shadow: 0 0 0 4px #b367a5 inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-population-projection a::before {
  box-shadow: 0 0 0 60px #38aca1 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-population-projection a:hover::before {
  box-shadow: 0 0 0 4px #38aca1 inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-world-population-dashboard a::before {
  box-shadow: 0 0 0 60px #5893b3 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-world-population-dashboard a:hover::before {
  box-shadow: 0 0 0 4px #5893b3 inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-adolescent-youth-dashboard a::before {
  box-shadow: 0 0 0 60px #e58f28 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-adolescent-youth-dashboard a:hover::before {
  box-shadow: 0 0 0 4px #e58f28 inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-family-planning-dashboard a::before {
  box-shadow: 0 0 0 60px #dadd5a inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-family-planning-dashboard a:hover::before {
  box-shadow: 0 0 0 4px #dadd5a inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-midwifery-dashboard a::before {
  box-shadow: 0 0 0 60px #e5588d inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-midwifery-dashboard a:hover::before {
  box-shadow: 0 0 0 4px #e5588d inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-demographic-data-dashboard a::before {
  box-shadow: 0 0 0 60px #4cb6c1 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-demographic-data-dashboard a:hover::before {
  box-shadow: 0 0 0 4px #4cb6c1 inset;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-geospatial-data-dashboard a::before {
  box-shadow: 0 0 0 60px #a1c2e3 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.statistic-menu-list li.statistics-menu-geospatial-data-dashboard a:hover::before {
  box-shadow: 0 0 0 4px #a1c2e3 inset;
}

/*===================================================
    EOF statistics menu hover effect
=====================================================*/

ul.dashboard-navigation-list ul.statistic-menu-list li a span.menu-icon {
  display: block;
  background-image: url(../images/statistics-menu-icons.png);
  background-repeat: no-repeat;
  height: 53px;
  left: -25px;
  position: absolute;
  top: 8px;
  width: 53px;
}

ul.statistic-menu-list li.statistics-menu-fgm a {
  background-color: #b367a5;
}

ul.statistic-menu-list li.statistics-menu-fgm a span.menu-icon {
  background-position: 0 -115px;
}

ul.statistic-menu-list li.statistics-menu-population-projection a {
  background-color: #38aca1;
}

ul.statistic-menu-list li.statistics-menu-population-projection a span.menu-icon {
  background-position: 0 -229px;
}

ul.statistic-menu-list li.statistics-menu-world-population-dashboard a {
  background-color: #5893b3;
}

ul.statistic-menu-list li.statistics-menu-world-population-dashboard a span.menu-icon {
  background-position: 0 -285px;
}

ul.statistic-menu-list li.statistics-menu-adolescent-youth-dashboard a {
  background-color: #e58f28;
}

ul.statistic-menu-list li.statistics-menu-adolescent-youth-dashboard a span.menu-icon {
  background-position: 0 0;
}

ul.statistic-menu-list li.statistics-menu-family-planning-dashboard a {
  background-color: #dadd5a;
}

ul.statistic-menu-list li.statistics-menu-family-planning-dashboard a span.menu-icon {
  background-position: 0 -57px;
}

ul.statistic-menu-list li.statistics-menu-midwifery-dashboard a {
  background-color: #e5588d;
}

ul.statistic-menu-list li.statistics-menu-midwifery-dashboard a span.menu-icon {
  background-position: 0 -173px;
}

ul.statistic-menu-list li.statistics-menu-demographic-data-dashboard a {
  background-color: #4cb6c1;
}

ul.statistic-menu-list li.statistics-menu-demographic-data-dashboard a span.menu-icon {
  background-position: 0 -342px;
}

ul.statistic-menu-list li.statistics-menu-geospatial-data-dashboard a {
  background-color: #a1c2e3;
}

ul.statistic-menu-list li.statistics-menu-geospatial-data-dashboard a span.menu-icon {
  background-position: 0 -402px;
}

/*=======EOF Statistics menu=======*/

/*=======SOF Transparency menu=======*/

ul.transparency-portal-menu-list {
  width: 1000px;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li {
  border: 0 none;
  display: table;
  float: left;
  position: relative;
  height: auto;
  line-height: 20px;
  margin: 0 0 5px 35px;
  text-align: left;
  vertical-align: top;
  width: 215px;
}

/*===================================================
    SOF statistics menu hover effect
=====================================================*/

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a {
  background-color: #3b3b3b;
  color: #000000;
  display: table-cell;
  font-size: 18px;
  padding: 0 28px 0 40px;
  height: 66px;
  margin: 0px;
  vertical-align: middle;
  width: 100%;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a .transparency-portal-menu-title {
  font-size: 14px;
  position: relative;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a:hover .transparency-portal-menu-title {
  color: #ffffff;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a::before,
ul.dashboard-navigation-list ul.transparency-portal-menu-list li a::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a::after {
  background-position: 0 0;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a::before {
  box-shadow: 0 0 0 60px #fedfb5 inset;
  width: 100%;
}

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a:hover::before {
  box-shadow: 0 0 0 4px #fedfb5 inset;
}

/*===================================================
    EOF statistics menu hover effect
=====================================================*/

ul.dashboard-navigation-list ul.transparency-portal-menu-list li a span.menu-icon {
  display: block;
  background-image: url(../images/transparency-portal-icons.png);
  background-repeat: no-repeat;
  height: 51px;
  left: -25px;
  position: absolute;
  top: 6px;
  width: 51px;
}

ul.transparency-portal-menu-list li.transparancy-portal-menu-programme-expenses a span.menu-icon {
  background-position: 0 0;
}

ul.transparency-portal-menu-list li.transparancy-portal-menu-donor-contributions a span.menu-icon {
  background-position: 0 -53px;
}

ul.transparency-portal-menu-list li.transparancy-portal-menu-total-need a span.menu-icon {
  background-position: 0 -107px;
}

ul.transparency-portal-menu-list li.transparancy-portal-menu-annual-report a span.menu-icon {
  background-position: 0 -158px;
}

/*=======EOF Transparency menu=======*/

/*---EOF Dashboard menus css---*/

/*---SOF Country page css---*/

.hide-element {
  display: none;
}

.dash-sec-content .visibility-one-element,
.visibility-one-element {
  visibility: visible;
}

.dash-sec-content .visibility-zero-element,
.visibility-zero-element {
  visibility: hidden;
}

.donut-chart-legend-color-orange {
  background-color: #f7931d;
}

.donut-chart-legend-color-light-green {
  background-color: #40b879;
}

.donut-chart-legend-color-purple {
  background-color: #7d79a8;
}

.donut-chart-legend-color-yellow {
  background-color: #e8b54a;
}

.donut-chart-legend-color-dark-green {
  background-color: #28a49a;
}

.donut-chart-legend-color-dark-grey {
  background-color: #c0b29e;
}

ul.dashboard-country-page-navigation-list {
  margin: 0;
  padding: 0;
}

.page-open-data-portal ul.dashboard-country-page-navigation-list,
.page-data-statistics ul.dashboard-country-page-navigation-list {
  display: none;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item {
  display: block;
  height: 55px;
  width: 100%;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item a.icon-country-link {
  background-color: #cecece;
  height: 55px;
  display: block;
  width: 100%;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item a.icon-country-link:hover {
  background-color: #565656;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon {
  overflow: hidden;
  text-align: center;
  width: 100%;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon {
  background-image: url(../images/individual-country-page-menu-icons.png);
  background-repeat: no-repeat;
  display: block;
  height: 55px;
  width: 100%;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-data-home-menu {
  background-position: 2px 6px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-transparency-menu {
  background-position: 4px -45px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-adolescent-menu {
  background-position: 4px -95px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-population-menu {
  background-position: 4px -147px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-fgm-menu {
  background-position: 4px -199px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-midwifery-menu {
  background-position: 4px -252px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-family-planning-menu {
  background-position: 4px -304px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-world-population-menu {
  background-position: 4px -356px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-demographic-dividend-menu {
  background-position: 4px -408px;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-label {
  position: relative;
  text-indent: -700px;
  overflow: hidden;
  display: block;
  font-weight: 700;
  transition: width 0.3s ease 0s, text-indent 0.35s ease 0s;
  width: 0;
  text-align: center;
  margin-left: 60px;
  margin-top: -55px;
  height: 100%;
  box-sizing: border-box;
}

ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item:hover .dashboard-country-navigation-label {
  background-color: #565656;
  color: #ffffff;
  float: left;
  line-height: 54px;
  padding: 0 10px;
  text-indent: 0;
  white-space: nowrap;
  width: auto;
}

/*---EOF Country page css---*/

/*---SOF statistics section---*/

.view-port-title {
  float: right;
  border-left: 0;
  text-decoration: transparent;
  margin: 0;
}

.view-port-title>a {
  text-transform: uppercase;
  font-size: 13px;
  padding: 5px 5px 0 0;
  color: #0091ca;
}

.dash-sec-content>ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dash-sec-content>ul.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

#statistics .dash-sec-content li {
  float: left;
  list-style-type: none;
  margin: 0 0.5% 1%;
  position: relative;
  width: 49%;
}

#statistics .dash-sec-content li:nth-of-type(3) {
  width: 32%;
}

#statistics .dash-sec-content li:nth-of-type(4) {
  width: 33%;
}

#statistics .dash-sec-content li:nth-of-type(5) {
  width: 32%;
}

@media (max-width: 480px) {

  #statistics .dash-sec-content li:nth-of-type(3),
  #statistics .dash-sec-content li:nth-of-type(4),
  #statistics .dash-sec-content li:nth-of-type(5) {
    width: 100%;
  }
}

#statistics .dash-sec-content li:nth-child(1) {
  background-color: #e49028;
}

#statistics .dash-sec-content li:nth-child(2) {
  background-color: #39aca1;
}

#statistics .dash-sec-content li:nth-child(3) {
  background-color: #b368a5;
}

#statistics .dash-sec-content li:nth-child(4) {
  background-color: #d9dd5a;
}

#statistics .dash-sec-content li:nth-child(5) {
  background-color: #5893b3;
}

#statistics .dash-sec-content li:nth-child(6) {
  background-color: #e4588e;
}

#statistics .dash-sec-content li img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#statistics .portal-sec-image {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 69%;
}

#statistics .portal-sec-icon {
  display: inline-block;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: 130px;
  left: 20px;
  width: 104px;
}

/*===================================================
    SOF statistics block column hover effect
=====================================================*/

#statistics li a {
  background-color: #3b3b3b;
  color: #000000;
  display: inline-block;
  font-size: 18px;
  padding: 0;
  height: 300px;
  margin: 0px;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
}

#statistics li a .portal-name {
  bottom: 58px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

@media (max-width: 578px) {
  #statistics li a .portal-name {
    bottom: 80px;
  }
}

#statistics li a .portal-name .portal-column-title {
  padding: 0 20px;
  position: absolute;
  z-index: 0;
}

#statistics li a:hover .portal-name .portal-column-title {
  color: #ffffff;
}

#statistics li a {
  position: relative;
}

#statistics li a::before,
#statistics li a::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#statistics li a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

#statistics li a::after {
  background-position: 0 0;
}

#statistics li.adolescent-youth-section a::before {
  box-shadow: 0 106px 0 150px #e49028 inset;
  width: 100%;
}

#statistics li.adolescent-youth-section a:hover::before {
  box-shadow: 0 0 0 4px #e49028 inset;
}

#statistics li.population-projection-section a::before {
  box-shadow: 0 106px 0 150px #38aca1 inset;
  width: 100%;
}

#statistics li.population-projection-section a:hover::before {
  box-shadow: 0 0 0 4px #38aca1 inset;
}

#statistics li.fgm-section a::before {
  box-shadow: 0 106px 0 150px #b367a5 inset;
  width: 100%;
}

#statistics li.fgm-section a:hover::before {
  box-shadow: 0 0 0 4px #b367a5 inset;
}

#statistics li.fammily-planning-section a::before {
  box-shadow: 0 106px 0 150px #dadd5a inset;
  width: 100%;
}

#statistics li.fammily-planning-section a:hover::before {
  box-shadow: 0 0 0 4px #dadd5a inset;
}

#statistics li.world-population-section a::before {
  box-shadow: 0 106px 0 150px #5893b3 inset;
  width: 100%;
}

#statistics li.world-population-section a:hover::before {
  box-shadow: 0 0 0 4px #5893b3 inset;
}

#statistics li.midwifery-dashboard-section a::before {
  box-shadow: 0 106px 0 150px #e5588d inset;
  width: 100%;
}

#statistics li.midwifery-dashboard-section a:hover::before {
  box-shadow: 0 0 0 4px #e5588d inset;
}

/*===================================================
    EOF statistics block column hover effect
=====================================================*/

/*============================================*/

#dashboard-for-individual-country li.list-row .country-dashboard-icons {
  display: inline-block;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: 80px;
  left: 20px;
  width: 30%;
}

/*=======================================*/

#transparency-map.dash-outer-box {
  margin: 0;
}

#transparency-map button.pencil,
.donor-country-selector-block button.pencil {
  outline: none;
}

#transparency-map .thepopover,
.donor-country-selector-block .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;
  width: 90%;
  z-index: 2;
}

#transparency-map .thepopover li {
  width: 210px;
}

#transparency-map .thepopover li a,
.donor-country-selector-block .popover .thepopover li a {
  color: #ffffff;
}

#transparency-map .thepopover li a:hover,
.donor-country-selector-block .popover .thepopover li a:hover {
  color: #0090c9;
}

button.pencil {
  background-image: url(../images/pencil.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
  background-color: transparent;
  border: 0 none;
  color: #0090c9;
  font-size: 14px;
  font-weight: 700;
  padding-left: 18px;
}

.popover .thepopover h3 {
  color: #316789;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 1em;
  margin-top: 0;
}

.popover .thepopover h3 a {
  color: #df8312;
}

.popover .thepopover .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;
}

#open-data-map-scale {
  float: left;
  margin: -125px 0 10px 15px;
  width: 100px;
}

.data-portal-map-title {
  clear: both;
  float: left;
  margin: -160px 0 0 12px;
}

.data-portal-map-title h2 {
  color: #000000;
  font-size: 1.3em;
}

#open-data-map-scale .scale {
  width: 24px;
  margin: 0 10px 1px 0;
  height: 6px;
  clear: left;
  display: inline-block;
}

#open-data-map-scale .highest .scale {
  background: #ef483e;
}

#open-data-map-scale .high .scale {
  background: #f8941d;
}

#open-data-map-scale .medium .scale {
  background: #fde625;
}

#open-data-map-scale .low .scale {
  background: #ec519d;
}

#open-data-map-scale .key {
  font-size: 11px;
  color: #000;
  display: inline-block;
}

#transparency-map .map-text-summary>h2 {
  margin-top: 5px;
}

#transparency-map .map-text-summary a.map-read-more-link:hover {
  color: #30b3e6;
}

/*========================================================================
            EOF Data Portal page css
==========================================================================*/

/*========================================================================
            SOF Country page css
==========================================================================*/

#data-overview:after {
  /* Older browser do not support empty content */
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.dash-sec-content {
  padding: 20px 10px 10px;
  position: relative;
  border: 1px solid #c2c2c2;
}

.dash-sec-content h2.dash-sec-sub-title {
  color: #000000;
  /*font-family: 'robotoregular';*/
  font-size: 22px;
  margin: 0 10px;
}

.page-data .all_chart_wrapper .data {
  border-right: 1px solid #d3d0e1;
  float: left;
  margin-bottom: 10px;
  min-height: 370px;
  padding: 0 6px;
  position: relative;
  width: 146px;
}

.page-data .all_chart_wrapper .data:last-child {
  border-right: 0px none;
}

.page-data .all_chart_wrapper .data #barchart-education .no-data-wrapper {
  color: #818181;
  display: block;
  font-size: 12px;
  text-align: center;
}

.page-data .all_chart_wrapper .data h3 {
  height: 50px;
  margin: 0;
}

.page-data .all_chart_wrapper .data.container-1 h3 {
  color: #366ac0;
}

.page-data .all_chart_wrapper .data.container-2 h3 {
  color: #7f5da9;
}

.page-data .all_chart_wrapper .data.container-3 h3 {
  color: #06a094;
}

.page-data .all_chart_wrapper .data.container-4 h3 {
  color: #785b49;
}

.page-data .all_chart_wrapper .data.container-5 h3 {
  color: #6db247;
}

.page-data .all_chart_wrapper .data.container-6 h3 {
  color: #dda37e;
}

.page-data .all_chart_wrapper .data h4 {
  color: #818181;
  font-size: 12px;
  font-weight: normal;
  height: 60px;
  line-height: normal;
  margin: 0;
}

.page-data .all_chart_wrapper .data .chart-legend {
  list-style: outside none none;
  margin: 10px 0;
  padding: 0;
  position: absolute;
  top: 280px;
  width: 148px;
}

.page-data .all_chart_wrapper .data .chart-legend li#cpr-label #cpr,
.page-data .all_chart_wrapper .data .chart-legend li#unmet-label #unmet {
  float: right;
}

.page-data .all_chart_wrapper .data .chart-legend li {
  list-style: outside none;
  float: left;
  width: 100%;
}

.page-data-world-population .all_chart_wrapper .data .chart-legend .legend-bullet {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}

.page-data-world-population .all_chart_wrapper .data .chart-legend .legend-bullet img {
  display: block;
}

.page-data-world-population .all_chart_wrapper .data .chart-legend .legend-value {
  float: left;
  margin: 0;
  color: #939393;
  font-size: 11px;
  width: 80%;
  line-height: 16px;
}

.page-data .all_chart_wrapper .data .chart-legend p {
  color: #939393;
  font-size: 11px;
  margin: 0;
}

.page-data .all_chart_wrapper .data #maternal-value {
  color: #e8b54a;
  font-size: 40px;
  left: 58px;
  position: absolute;
  top: 194px;
}

.page-data .all_chart_wrapper .data .fertility-val .fert-left {
  float: left;
  width: 100%;
}

.page-data .all_chart_wrapper .data .fertility-val .fert-left .fertility_img {
  background: rgba(0, 0, 0, 0) url("../images/pregnant-woman.jpg") no-repeat scroll center center / cover;
  float: left;
  height: 48px;
  margin: 3px 3px 0 0;
  width: 20px;
}

.page-data .all_chart_wrapper .data .fertility-val .fert-left .fertility_img_quarter {
  background: rgba(0, 0, 0, 0) url("../images/pregnant-woman-quarter.jpg") no-repeat scroll center center / cover;
  float: left;
  height: 48px;
  margin: 3px 3px 0 0;
  width: 20px;
}

.page-data .all_chart_wrapper .data .fertility-val .fert-left .fertility_img_half {
  background: rgba(0, 0, 0, 0) url("../images/pregnant-woman-half.jpg") no-repeat scroll center center / cover;
  float: left;
  height: 48px;
  margin: 3px 3px 0 0;
  width: 20px;
}

.page-data .all_chart_wrapper .data .fertility-val .fert-left .fertility_img_three_quarter {
  background: rgba(0, 0, 0, 0) url("../images/pregnant-woman-three-quarter.jpg") no-repeat scroll center center / cover;
  float: left;
  height: 48px;
  margin: 3px 3px 0 0;
  width: 20px;
}

.page-data .all_chart_wrapper .data .fertility-val .fert-right {
  color: #37b54a;
  float: left;
  font-family: "robotobold", sans-serif;
  font-size: 44px;
  line-height: 51px;
  width: 100%;
}

.page-data .all_chart_wrapper .data .expectancy-val-1,
.page-data .all_chart_wrapper .data .expectancy-val-2 {
  float: left;
  margin: 0 15px 5px;
}

.page-data .all_chart_wrapper .data .expectancy-val-1 .expectancy-left {
  background: rgba(0, 0, 0, 0) url("../images/man-woman-revised-icon.jpg") no-repeat scroll center bottom / cover;
  float: left;
  height: 86px;
  margin-right: 15px;
  width: 30px;
}

.page-data .all_chart_wrapper .data .expactancy-img .expectancy-val-1 .expectancy-left,
.page-data .all_chart_wrapper .data .expactancy-img-embed .expectancy-val-1 .expectancy-left-image {
  background: rgba(0, 0, 0, 0) url("../images/man-woman-revised-icon.jpg") no-repeat scroll center top;
  background-size: 90%;
  float: left;
  height: 94px;
  margin-right: 10px;
  width: 72px;
}

.page-data .all_chart_wrapper .data .expectancy-val-2 .expectancy-left {
  background: rgba(0, 0, 0, 0) url("../images/man-woman-icon.jpg") no-repeat scroll center top / cover;
  float: left;
  height: 86px;
  margin-right: 15px;
  width: 30px;
}

.page-data .all_chart_wrapper .data .expactancy-val .expectancy-right {
  color: #0084c4;
  float: left;
  font-size: 60px;
  margin-top: 30px;
  text-align: right;
}

.page-data .all_chart_wrapper .data .expactancy-img .expectancy-val-1 .expectancy-right,
.page-data .all_chart_wrapper .data .expactancy-img-embed .expectancy-val-1 .expectancy-right {
  color: #0084c4;
  float: left;
  font-family: "robotobold", sans-serif;
  font-size: 60px;
  margin-top: 10px;
  text-align: right;
}

.page-data .all_chart_wrapper .data .expactancy-val .expectancy-val-1 .expectancy-right,
.page-data .all_chart_wrapper .data .expactancy-img-embed .expectancy-val-1 .expectancy-right {
  color: #0382c5;
}

.page-data .all_chart_wrapper .data .expactancy-val .expectancy-val-2 .expectancy-right {
  color: #cf3cae;
}

#browse-data .dash-sec-content iframe {
  min-height: 1265px;
}

/*----------SOF Emergencies block css-------------*/

#emergencies-block .dash-sec-content {
  padding: 20px;
}

#dashboard-buttons-wrapper {
  margin: 0px 0 25px;
}

#dashboard-buttons-wrapper .button {
  background-color: #d8d8d8;
  background-image: url("../images/data-emergencies-block-buttons-icons.png");
  background-repeat: no-repeat;
  border: 0 none;
  border-radius: 6px;
  float: left;
  height: 46px;
  margin: 0 5px 0 0;
  padding: 5px 10px 5px 45px;
  width: auto;
}

#dashboard-buttons-wrapper .button.active {
  background-color: #f49c30;
}

#dashboard-buttons-wrapper .button.map {
  background-position: 0 6px;
}

#dashboard-buttons-wrapper .button.statistics {
  background-position: 4px -40px;
}

#dashboard-buttons-wrapper .button.funding {
  background-position: 0 -81px;
}

#emergencies-block #statistics .emergencies-result-planned-section-block .block-icon {
  background-image: url("../images/data-emergencies-result-planned-section-icons.png");
}

#emergencies-block #statistics .emergencies-result-planned-blocks-wrapper {
  background-color: transparent;
  bottom: unset;
  margin: 40px 0;
  padding: 0;
  position: relative;
  width: 100%;
}

#emergencies-block #statistics .result-title>h2 {
  color: #000;
  font-family: "robotoregular";
  font-size: 1.8em;
  margin: 0 0 5px;
  text-align: left;
}

#emergencies-block #statistics .emergencies-result-planned-section-block .label {
  color: #000000;
}

#emergencies-block #statistics .emergencies-result-planned-section-block .value {
  color: #f69c2c;
}

/*----------EOF Emergencies block css-------------*/

/*========================================================================
            EOF Data Portal page css
==========================================================================*/

/*========================================================================
            SOF Statistics page css
==========================================================================*/

#statistics-panel .stats-pg-news-col {
  float: left;
  width: 40%;
}

#statistics-panel .stats-pg-featured-publication-col {
  float: left;
  width: 30%;
}

#statistics-panel .stats-pg-social-updates-col {
  float: left;
  width: 30%;
}

#statistics-panel .panel-panel .inside {
  margin: 0 10px;
}

#statistics-panel .panel-panel .inside h2 {
  border-bottom: 1px solid #d9dac4;
  color: #5a5047;
  display: block;
  font-size: 22px;
  margin: 0 0 35px;
  padding: 0 0 13px;
  position: relative;
}

#statistics-panel .panel-panel .inside h2 a,
#statistics-panel .panel-panel .inside h2 a:visited {
  color: #5a5047;
}

#statistics-panel .panel-panel .inside h2 a:hover {
  color: #1c97c8;
}

#statistics-panel .stats-pg-social-updates-col h2.col-title {
  display: none;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row {
  border-bottom: 1px dotted #d9dac4;
  display: block;
  margin: 0 0 20px;
  min-height: 120px;
  overflow: hidden;
  padding: 0 0 20px;
  position: relative;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .views-field-views-conditional {
  float: left;
  margin-right: 20px;
  width: 102px;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .views-field-views-conditional img {
  height: auto;
  max-width: 100%;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-field-views-conditional-1 span.field-content a {
  color: #0091ca;
  font-size: 16px;
  line-height: normal;
  margin: 0 0 5px;
  font-weight: bold;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .view-id-vw_publication_field_collection_view .views-row {
  margin: 0;
  padding: 0;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .views-field-field-news-image {
  float: left;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .views-field-field-news-image img {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-shadow: 0 0 3px #cccccc;
  float: left;
  margin: 0 15px 0 0;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .news-body .date_time {
  color: #666;
  font-weight: 700;
  font-size: 13px;
  margin: 0 0 5px;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .news-body p.title a {
  color: #0091ca;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 5px;
  font-weight: bold;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .news-body p.summary {
  font-size: 14px;
}

#browse-data .max_wrapper .module top_content .left {
  border-right: 1px solid #dddddd;
  float: left;
  margin-right: 15px;
  padding-right: 15px;
  width: 45%;
}

#browse-data .max_wrapper .module top_content .left {
  float: left;
  padding-left: 15px;
  width: 45%;
}

.page-data-statistics #statistics-panel .stats-pg-news-col {
  margin: 0 40px 0 0;
}

/*========================================================================
            EOF Statistics page css
==========================================================================*/

/*========================================================================
            SOF Country page - country news header block css
==========================================================================*/

.unfpa-global-data-country-header-block {
  display: block;
  position: relative;
  background-color: #fff;
  margin-bottom: 30px;
}

.unfpa-global-data-country-header-block .block-container {
  background-color: #0091ca;
  display: flex;
  flex-wrap: wrap;
}

.unfpa-global-data-country-header-block .block-container .portal-banner-image {
  width: 47%;
  float: left;
  display: flex;
}

.unfpa-global-data-country-header-block .block-container .portal-banner-image img {
  width: 100%;
  display: block;
  height: auto;
  object-fit: cover;
}

.unfpa-global-data-country-header-block .block-container .content-container {
  /*width: 45%;*/
  width: 53%;
  padding: 4%;
  float: left;
  height: auto;
}

.unfpa-global-data-country-header-block .block-container .content-container h1 {
  margin: 0;
  font-size: 24px;
  color: #fff;
  line-height: 26px;
  letter-spacing: 0.3px;
}

.unfpa-global-data-country-header-block .block-container .content-container p {
  margin: 2% 0 0;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
}

/*=========================================================================
            EOF Country page - country news header block css
===========================================================================*/

/*=========================================================================
            SOF Country page - Dashboard available for country block css
===========================================================================*/

#dashboard-for-individual-country .dash-sec-content ul {
  margin: 0 0 0 15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#dashboard-for-individual-country .dash-sec-content ul li {
  display: table;
  float: left;
  height: 63px;
  margin: 0 60px 10px 25px;
  position: relative;
  width: 45%;
}

#dashboard-for-individual-country .dash-sec-content ul li:nth-child(2n) {
  margin: 0 0 10px 0;
}

/*===================================================
    SOF individual country menu hover effect
=====================================================*/

#dashboard-for-individual-country .dash-sec-content ul li.list-row a {
  background-color: #3b3b3b;
  color: #000000;
  display: table-cell;
  font-size: 18px;
  padding: 0 0 0 50px;
  height: 100%;
  margin: 0px;
  vertical-align: middle;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.list-row a .country-dashboard-portal-title {
  font-size: 14px;
  position: relative;
}

#dashboard-for-individual-country .dash-sec-content ul li.list-row a:hover .country-dashboard-portal-title {
  color: #ffffff;
}

#dashboard-for-individual-country .dash-sec-content ul li.list-row a::before,
#dashboard-for-individual-country .dash-sec-content ul li.list-row a::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.list-row a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

#dashboard-for-individual-country .dash-sec-content ul li.list-row a::after {
  background-position: 0 0;
}

#dashboard-for-individual-country .dash-sec-content ul li.transparency-portal-list-row a::before {
  box-shadow: 0 0 0 60px #aaaaaa inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.transparency-portal-list-row a:hover::before {
  box-shadow: 0 0 0 4px #aaaaaa inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.midwifery-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #e96094 inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.midwifery-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #e96094 inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.adolescent-youth-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #e58f28 inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.adolescent-youth-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #e58f28 inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.family-planning-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #dadd5a inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.family-planning-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #dadd5a inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.population-projection-list-row a::before {
  box-shadow: 0 0 0 60px #38aca1 inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.population-projection-list-row a:hover::before {
  box-shadow: 0 0 0 4px #38aca1 inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.world-population-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #5893b3 inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.world-population-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #5893b3 inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.fgm-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #b367a5 inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.fgm-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #b367a5 inset;
}

#dashboard-for-individual-country .dash-sec-content ul li.demographic-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #4cb6c1 inset;
  width: 100%;
}

#dashboard-for-individual-country .dash-sec-content ul li.demographic-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #4cb6c1 inset;
}

/*===================================================
    EOF individual country menu hover effect
=====================================================*/

#dashboard-for-individual-country .dash-sec-content ul li a span.country-dashboard-icons {
  background-image: url(../images/dashboard-country-menu-icons.png);
  background-repeat: no-repeat;
  position: absolute;
  height: 65px;
  left: -28px;
  top: 0px;
  width: 65px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.transparency-portal-icon {
  background-position: 0 0;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.midwifery-icon {
  background-position: 0 -68px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.adolescent-youth-dashboard-icon {
  background-position: 0 -135px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.family-planning-dashboard-icon {
  background-position: 0 -203px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.population-projection-icon {
  background-position: 0 -269px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.world-population-dashboard-icon {
  background-position: 0 -336px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.fgm-dashboard-icon {
  background-position: 0 -401px;
}

#dashboard-for-individual-country .dash-sec-content ul li a span.demographic-dividend-dashboard-icon {
  background-position: 0 -466px;
}

#dashboard-for-individual-country .dash-sec-content ul li.transparency-portal-list-row {
  background-color: #aaaaaa;
}

#dashboard-for-individual-country .dash-sec-content ul li.midwifery-dashboard-list-row {
  background-color: #e96094;
}

#dashboard-for-individual-country .dash-sec-content ul li.adolescent-youth-dashboard-list-row {
  background-color: #e58f28;
}

#dashboard-for-individual-country .dash-sec-content ul li.family-planning-dashboard-list-row {
  background-color: #dadd5a;
}

#dashboard-for-individual-country .dash-sec-content ul li.population-projection-list-row {
  background-color: #38aca1;
}

#dashboard-for-individual-country .dash-sec-content ul li.world-population-dashboard-list-row {
  background-color: #5893b3;
}

#dashboard-for-individual-country .dash-sec-content ul li.fgm-dashboard-list-row {
  background-color: #b367a5;
}

#dashboard-for-individual-country .dash-sec-content ul li.demographic-dashboard-list-row {
  background-color: #4cb6c1;
}

/*=========================================================================
            EOF Country page - Dashboard available for country block css
===========================================================================*/

/*=========================================================================
            SOF Country page- News list block css & Twitter widget css
===========================================================================*/
.news-social-wrapper .news-box {
  float: left;
  width: 67%;
  margin-right: 3%;
}

.news-social-wrapper .social-update-box {
  float: left;
  width: 30%;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item {
  border-bottom: 1px dotted #d9dac4;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item .left {
  float: left;
  margin-right: 20px;
  width: 130px;
  margin-bottom: 10px;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item .left span.date-display-single {
  color: #808080;
  font-size: 11px;
  margin: 0 0 5px;
  padding: 0 0 5px;
  display: block;
  border-bottom: 1px solid #d9dac4;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item img {
  border-radius: 4px;
  float: left;
  margin: 0 20px 0 0;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item .right {
  margin-left: 150px;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item .right .news-title {
  color: #0091ca;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0;
}

.view-unfpa-global-opendata-country.view-display-id-related_news_block .item .left .news-type {
  color: #0091ca;
  font-family: "HelveticaNeueLTStd67MdCn" !important;
  font-size: 19px;
  text-decoration: none;
  text-transform: uppercase;
}

.news-social-wrapper .social-update-box #social_updates h2 {
  font-size: 22px;
  color: #5a5047;
  padding: 0 0 10px;
  margin: 0 0 35px;
  border-bottom: 1px solid #d9dac4;
}

/*
****************************************************/
.news-box {
  margin-bottom: 20px;
}

.news-box .views-row {
  -moz-box-shadow: 0px 3px 6px -2px #5d5d5d;
  -webkit-box-shadow: 0px 3px 6px -2px #5d5d5d;
  box-shadow: 0px 3px 6px -2px #5d5d5d;
  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)";
  float: left;
  zoom: 1;
  padding: 0 0 5px;
  margin: 0 1%;
  width: 32%;
}

.news-box .views-field-type span {
  background-image: url("../images/content-type-icons.png");
  background-repeat: no-repeat;
  background-position: 0 -26px;
  color: #e78a03;
  font-family: "robotolight", sans-serif;
  font-size: 16px;
  padding: 0 0 0 26px;
}

.news-box .views-field {
  margin: 8px 15px;
}

.news-box .views-field-field-news-image {
  margin: 0 0 8px;
}

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

.news-box .views-field-views-conditional {
  font-family: "robotomedium", sans-serif;
  font-size: 16px;
  color: #037da9;
  min-height: 60px;
}

.news-box .views-field-title a {
  position: relative;
  font-family: "robotomedium", sans-serif;
  font-size: 16px;
  color: #0091ca;
  line-height: 20px;
  margin: 0 0 5px;
}

.news-box .views-field-field-blurb,
.news-box .views-emergencies-related-content-wrapper .views-field-views-conditional {
  border-bottom: 1px solid #b7b7b7;
  color: #000000;
  font-family: "robotoregular", sans-serif;
  font-size: 14px;
  min-height: 78px;
  padding-bottom: 10px;
}

.news-box .views-field-field-news-date {
  float: left;
}

.news-box .views-field-field-news-date .date-display-single {
  font-family: "robotoregular", sans-serif;
  font-size: 14px;
}

.news-box .views-field-view-node {
  float: right;
  font-family: "robotomedium", sans-serif;
  font-size: 14px;
  text-align: right;
}

.news-box .item-list,
.news-box .view-footer {
  margin: 20px 0;
  display: inline-block;
}

.news-box .item-list {
  clear: both;
  float: left;
}

.news-box .views-row-first.views-row:last-child {
  margin: 0;
}

.news-box .view-footer {
  float: right;
}

.news-box .views-row:first-child {
  margin: 0 2% 0 0;
}

.news-box .views-row:last-child {
  margin: 0 0 0 2%;
}

.news-box .views-emergencies-related-content-wrapper .views-row {
  -moz-box-shadow: 0px 0px 6px -2px #5d5d5d;
  -webkit-box-shadow: 0px 0px 6px -2px #5d5d5d;
  box-shadow: 0px 0px 6px -2px #5d5d5d;
  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)";
  padding: 10px 0 0;
}

.news-box .views-field-type span {
  background-image: url("../images/content-type-icons.png");
  background-repeat: no-repeat;
  background-position: 0 -26px;
  color: #e78a03;
  font-family: "robotolight", sans-serif;
  font-size: 16px;
  padding: 0 0 0 26px;
}

.news-box .views-field-type span {
  background-position: 0 -102px;
}

.news-box .views-field.views-field-title {
  min-height: 83px;
}

.news-box .views-field-field-news-type .field-content {
  background-image: url("../images/content-type-icons.png");
  background-repeat: no-repeat;
  background-position: 0 -26px;
  color: #e78a03;
  font-family: "robotolight", sans-serif;
  font-size: 16px;
  padding: 0 0 0 26px;
}

.news-social-wrapper .news-box.width-12-Col {
  width: 100% !important;
  margin-right: 0% !important;
}

.news-social-wrapper .news-box.width-8-Col {
  width: 67% !important;
  margin-right: 3% !important;
}

.news-box.width-8-Col .views-row {
  width: 48% !important;
}

.news-box .views-field.views-field-body {
  border-bottom: 1px solid #b7b7b7;
  color: #000000;
  font-family: "robotoregular", sans-serif;
  font-size: 14px;
  min-height: 78px;
  padding-bottom: 10px;
}

.news-box .views-field.views-field-field-news-date {
  float: left;
}

.news-box .views-field.views-field-view-node {
  float: right;
}

/*=========================================================================
            EOF Country page- News list block css & Twitter widget css
===========================================================================*/

/* 22/07/2019 */
.dash-outer-box#data-overview {
  margin: 0 0 30px 0;
}

.overview-charts .graph-row-pyramid {
  display: flex;
  min-height: 540px;
}

.dash-sec-content .graph-row-pyramid .pyramid-graph {
  margin-left: 3%;
}

.dash-sec-content .overview-charts .graph-row-pyramid .gauge-charts {
  width: 30%;
  float: right;
}

.page-data .graph-row-pyramid select {
  background: none;
}

.dash-sec-content .dropdown-wrap div select,
.dash-sec-content .slct-agegroup select {
  background-color: #bddeff;
  color: #4c4c4c;
  font-size: inherit;
  padding: 0.6em 1em;
  padding-right: 2.5em;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: "";
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50px;
  border: 2px #fff solid;
  outline: 0;
  -webkit-box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.18);
}

.dash-sec-content .range-slide-wrapper {
  margin: 20px;
}

.dash-sec-content .ui-widget.ui-widget-content {
  background: #eee;
  background: linear-gradient(to bottom, #ddd -50%, #fff 150%);
  border: 1px solid #ccc;
  border-radius: 16px;
  -moz-border-radius: 16px;
}

.dash-sec-content .ui-widget-header {
  border: 1px solid #619bcf;
  background: #6a6ccf;
  background: #ffae00;
  color: #333333;
  font-weight: bold;
}

.dash-sec-content .ui-state-default,
.dash-sec-content .ui-widget-content .ui-state-default,
.dash-sec-content .ui-widget-header .ui-state-default,
.dash-sec-content .ui-button,
html .dash-sec-content .ui-button.ui-state-disabled:hover,
html .dash-sec-content .ui-button.ui-state-disabled:active {
  border: 3px solid #fff;
  background: #ffffff;
  background: #ff4d29;
  font-weight: normal;
  color: #454545;
}

.dash-sec-content .ui-slider-horizontal .ui-slider-handle {
  top: -0.8em;
  margin-left: -0.6em;
  border-radius: 60px;
  width: 2em;
  height: 2em;
  outline: none;
  cursor: move;
}

.keyresults-wrapper {
  padding: 20px;
  position: relative;
}

.dash-sec-content .graph-row-pyramid .pyramid-graph h3,
.dash-sec-content .bar-life-expect h3,
.dash-sec-content .bar-position h3 {
  font-size: 18px;
  color: #404040;
}

.dash-outer-box .keyresults-wrapper h2,
.dash-sec-content h2.dash-sec-sub-title {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px;
}

/* // country data card css update */
.view-id-unfpa_global_opendata_country .view-content {
  display: flex;
}

.news-box.width-8-Col .views-row {
  position: relative;
  padding-bottom: 65px;
}

.news-box.width-8-Col .views-row .rel-img {
  display: block;
  position: relative;
  overflow: hidden;
  max-height: 210px;
}

.news-box.width-8-Col .views-row .rel-img img {
  display: inline-block;
  height: auto;
  width: 100%;
  transition: -webkit-transform 2.4s linear;
  transition: transform 2.4s linear;
  -ms-interpolation-mode: bicubic;
}

.news-box.width-8-Col .views-row .rel-img img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.news-box.width-8-Col .views-row .ct-title a {
  font-size: 16px;
}

/*---- SOF open data branch css ----*/
.unfpa-global-data-country-header-block .block-container .portal-banner-image img {
  margin: 0;
}

.path-data .region-content {
  /*max-width: 1100px;*/
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data {
  width: 30%;
  margin-right: 0;
  border: none;
  border-right: 1px solid #d3d0e1;
  padding: 0 10px;
  min-height: 370px;
  float: left;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .container-7 {
  border-right: none;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data h3 {
  font-size: 14px;
  height: 50px;
  border: none;
  padding: 0;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .swop-chart-title {
  color: #8a8a8a;
  font-family: "arial", sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 0 5px;
  font-weight: bold;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .chart-block-wrapper {
  margin: 0;
  border: none;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .values-wrapper {
  padding: 0 5px;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data.container-1 h3 {
  color: #366ac0 !important;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data.container-2 h3 {
  color: #7f5da9 !important;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data.container-3 h3 {
  color: #06a094 !important;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data.container-4 h3 {
  color: #785b49 !important;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data.container-5 h3 {
  color: #6db247 !important;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .harmful-pratices-wrapper .label {
  color: #8a8a8a;
  font-family: "arial", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  width: 100%;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .harmful-pratices-wrapper .value {
  width: 100%;
  text-align: left;
}

.path-data #sowp-data-block .dash-outer-box .expectancy-val-1 .expectancy-left {
  height: 65px;
  margin-right: 10px;
  width: 46px;
  background-size: contain;
}

.path-data #sowp-data-block .dash-outer-box .expectancy-val-1 .expectancy-right {
  font-size: 50px;
  margin-top: 0;
  text-align: left;
  line-height: 50px;
}

.path-data #sowp-data-block .expectancy-val-2 .expectancy-left {
  background-size: contain;
}

.path-data #sowp-data-block .expectancy-val-2 .expectancy-right {
  font-size: 50px;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .fertility-val {
  min-height: 70px;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .expactancy-val {
  min-height: 70px;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .chart-block-wrapper {
  min-height: 120px;
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .life-expectancy-rate+.chart-block-wrapper {
  min-height: 70px;
}

.path-data .dashboard-left-navigation-menu {
  background: none;
}

.path-data .news-social-wrapper ul.pager {
  width: 100%;
}

.path-data .news-social-wrapper ul.pager li {
  margin-left: 0;
  margin-right: 15px;
}

.path-data .news-social-wrapper .news-box {
  margin-bottom: 50px;
}

.block-country-key-results {
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
}

.block-country-key-results>h2 {
  font-size: 20px;
  color: #000;
  background-color: #ebebeb;
  padding: 5px 20px;
  border-bottom: 4px #d2d2d2 solid;
  min-height: 30px;
  margin: 0;
}

.block-country-key-results .countries-wrapper {
  /*border: 1px solid #c2c2c2;*/
  padding: 10px;
  position: relative;
}

@media (max-width: 575px) {
  .block-country-key-results .countries-wrapper {
    padding: 0;
    margin-top: 10px;
  }

  .col-countries-item .item-icon {
    top: -28px
  }
}

.block-country-key-results .slid-content-wrap {
  padding: 0 25px;
}

.block-country-key-results .slid-content-wrap .col-countries-item {
  margin: 50px 10px 0 10px;
}

.block-country-key-results .slide-description {
  font-size: 14px;
  color: #808080;
  line-height: 20px;
}

.block-opendata-programme-activities-block .pro-activities {
  font-size: 20px;
  color: #000;
  background-color: #ebebeb;
  padding: 5px 20px;
  border-bottom: 4px #d2d2d2 solid;
  min-height: 30px;
  margin: 0;
}

#donut_chart_tabs {
  /*float: left;*/
  padding-bottom: 0;
  border: none;
  margin-top: 35px;
  box-sizing: border-box;
}

#donut_chart_tabs * {
  box-sizing: border-box;
}

#donut_chart_tabs ul {
  border-bottom: 1px #e5e7e7 solid;
  float: left;
  width: 100%;
  padding: 0;
}

#donut_chart_tabs ul li {
  border-radius: 5px 5px 0 0;
  float: left;
  overflow: hidden;
}

#donut_chart_tabs ul li span {
  line-height: 20px;
  color: #919fae;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  border-bottom: 3px solid transparent;
}

#donut_chart_tabs li.active span {
  background: none !important;
  border-bottom-color: #f7941e;
  color: #000 !important;
}

#donut_chart_tabs li:hover span {
  background: none !important;
  border-bottom-color: #f7941e;
  color: #000;
}

.path-data .news-social-wrapper {
  display: inline-block;
  width: 100%;
  position: relative;
}

.path-data .news-social-wrapper .show-all-link {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 67%;
  text-align: right;
}

.path-data .news-social-wrapper .show-all-link a {
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  color: #1c97c8;
  line-height: 16px;
  background: url("../images/bullet04.png") top 3px right 1px no-repeat;
  padding-right: 20px;
}

.path-data .news-social-wrapper .view-content {
  display: block;
}

.path-data .news-social-wrapper h2.pane-title {
  font-size: 20px;
  margin-top: 4px;
}

.path-data .news-social-wrapper .views-element-container {
  float: left;
  width: 100%;
  margin-right: 3%;
  margin-bottom: 0;
}

.path-data .news-social-wrapper .ct-card {
  padding-bottom: 55px;
}

.path-data .news-social-wrapper .ct-card .ct-news-type {
  font-size: 1em;
  color: #f7941e;
  padding: 25px 25px 0;
}

.path-data .news-social-wrapper .ct-card .ct-card__details--body {
  padding: 0.5em 25px 25px;
}

.path-data .news-social-wrapper .ct-card a.btn {
  border: none;
  padding: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 1px;
  bottom: 25px;
  box-shadow: none !important;
}

.path-data .news-social-wrapper .ct-card a.btn::after {
  bottom: 0;
}

.path-data .news-social-wrapper .ct-card a.btn:hover::after {
  bottom: -2px;
}

.path-data .news-social-wrapper .ct-card .ct-card__details--body .date-display-single {
  font-weight: 300;
  font-size: 14px;
  margin: 0 0 5px;
  display: inline-block;
}

.path-data .news-social-wrapper .ct-card .ct-card__details--body .card-title {
  font-size: 1.15em;
  margin-bottom: 20px;
}

.path-data .news-social-wrapper .social-update-box {
  float: left;
  width: 30%;
}

.path-data .bar-life-expect h3 {
  text-align: left;
}

.path-data .graph-row-pyramid .dropdown-wrap select {
  font-size: 14px;
}

.dash-sec-content .popover {
  max-width: none;
  z-index: 3;
}

.dash-sec-content .popover .area ul {
  width: 100%;
  list-style: none;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}

.dash-sec-content .popover .area ul li a {
  font-size: 12px;
}

.path-data #supplies-block .block-unfpa-global-results .dash-outer-box {
  box-shadow: none;
  margin: 0;
}

.path-data #supplies-block .block-country-key-results .slid-content-wrap {
  margin: 0;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper .row-wrap {
  padding: 0;
}

.path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .icon {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: 0 15px 0 0;
  float: left;
}

.path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .ind-content {
  width: 67%;
  float: right;
  padding: 0;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper h2 {
  display: none;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper .global-result-wrapper .slick-next {
  right: 0;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper .global-result-wrapper {
  width: 98.2%;
  padding: 0;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper .slick-list {
  padding: 0;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper .row-col3 .card-highlights {
  padding: 30px 20px 0 0px;
}

.path-data #supplies-block .block-unfpa-global-results .ind-wrapper .title-exp {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: -0.5px;
  color: #002534;
  font-weight: 600;
}

.path-data .row-col3 .ind-content h3 {
  color: #002534;
}

.path-data .btn_share {
  right: 20px;
  position: fixed !important;
  top: 230px;
}

.path-data .btn_share.movtop {
  top: 120px;
  transition: 0.5s ease-in;
}

.path-data .popup-wrapper .row-backto div.btn-close {
  max-width: 200px;
}

.path-data #transparency #donut_chart_tabs {
  margin: 0 0 30px;
  border: none;
}

.path-data #transparency .bchart_container {
  float: left;
  width: 50%;
  height: 420px;
  position: relative;
}

.path-data #transparency .bchart_wrapper .bchart_container {
  width: 100%;
}

.path-data #transparency .bchart_container .bchart {
  margin-top: 0 !important;
}

.path-data #transparency .transparency-portal-bottom-section {
  clear: both;
  float: left;
  margin-top: 50px;
  width: 100%;
}

.path-data .range-slide-wrapper {
  font-size: 14px;
}

#transparency ul.transparency-portal-section-list {
  margin: 0;
  padding: 0;
}

#transparency ul.transparency-portal-section-list li {
  float: left;
  list-style-type: none;
  margin: 6% 0.5% 0;
  position: relative;
  width: 24%;
}

#transparency ul.transparency-portal-section-list li:last-child {
  margin-right: 0px;
}

#transparency ul.transparency-portal-section-list li a {
  background-color: #3b3b3b;
  color: #000000;
  display: inline-block;
  padding: 0;
  height: 130px;
  margin: 0px;
  width: 100%;
}

#transparency ul.transparency-portal-section-list li a .title-wrapper {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

#transparency ul.transparency-portal-section-list li a .title-wrapper .transparency-portal-section-title {
  bottom: 20px;
  font-size: 16px;
  padding: 0 20px;
  position: absolute;
  z-index: 0;
  line-height: 20px;
}

#transparency ul.transparency-portal-section-list li a:hover .title-wrapper .transparency-portal-section-title {
  color: #ffffff;
}

#transparency ul.transparency-portal-section-list li a {
  position: relative;
}

#transparency ul.transparency-portal-section-list li a::before,
#transparency ul.transparency-portal-section-list li a::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#transparency ul.transparency-portal-section-list li a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

#transparency ul.transparency-portal-section-list li a::after {
  background-position: 0 0;
}

#transparency ul.transparency-portal-section-list li a::before {
  box-shadow: 0 68px 0 122px #ffe0b2 inset;
  width: 100%;
}

#transparency ul.transparency-portal-section-list li a:hover::before {
  box-shadow: 0 0 0 4px #ffe0b2 inset;
}

#transparency ul.transparency-portal-section-list li a span.transparency-portal-section-icon {
  left: 20px;
  position: absolute;
  top: -42px;
}

#node-transparency-portal .countries-wrapper {
  margin-bottom: 50px;
}

.path-data #dashboard-for-individual-country {
  margin-top: 30px !important;
}

.path-data #emergencies-block .emergencies-section {
  border: none;
  box-shadow: none;
  margin-bottom: 20px;
}

.path-data #emergencies-block .emergencies-section .emergencies-section-title {
  display: none;
}

.path-data #emergencies-block .emergencies-section-content {
  padding-top: 0;
  padding-bottom: 0;
}

.path-data #emergencies-block .last-updated-date-div {
  color: #000;
}

.path-data .emergencies-result-achieved-section-block .result-achived-block-info {
  min-height: 250px;
  padding: 6px;
}

.path-data .breadcrumb {
  padding: 20px 0 20px 0;
  background: url("../images/bg_bread.png") left bottom repeat-x;
}

.path-data #sector-tabs {
  padding: 0;
}

.data-prtl-corner-box {
  z-index: 1;
}

/*SOF world-population-dashboard css*/
.path-data #sowp-data-block .map-left-section {
  width: 100%;
  max-width: 315px;
}

.path-data #dashboard-all-chart-section #sowp-tabs-1 {
  padding: 0;
  border-bottom: 1px #e5e7e7 solid;
  margin: 0 0 40px;
}

.path-data #dashboard-all-chart-section #sowp-tabs-1 h3 {
  margin-bottom: 0 !important;
}

.path-data #dashboard-all-chart-section #sowp-tabs-1 h3 a {
  background: none !important;
  color: #0091ca !important;
  border-bottom: 3px solid transparent;
  padding: 0 14px !important;
  border-radius: 0 !important;
  width: auto !important;
  font-weight: 500 !important;
}

.path-data #dashboard-all-chart-section #sowp-tabs-1 h3 a:hover {
  background: none !important;
}

.path-data #dashboard-all-chart-section #sowp-tabs-1 h3 a.active {
  border-bottom-color: #f7941e;
  color: #000 !important;
  background: none !important;
}

.path-data #sowp-data-block {
  font-size: 14px;
}

.path-data #sowp-data-block h2 {
  margin-top: 1em;
}

.path-data #sowp-data-block .popover-block .info {
  margin-top: 4px;
}

.path-data #sowp-data-block .wp-dashboard-tabs-container h2 {
  margin-top: 0;
}

/*EOF world-population-dashboard css*/

/*SOF world-population country page css*/
.path-data .wpd-pg-title-social-wrapper h1 {
  font-size: 2em !important;
}

.path-data #dashboard-for-individual-country {
  margin: 0 0 30px;
}

.path-data #dashboard-for-individual-country .dash-sec-content {
  border: 1px solid #c2c2c2;
}

/*EOF world-population country page css*/

/*SOF dashboard country page css*/
.path-data #sowmy-map-scale-wrapper {
  margin-bottom: 27px;
}

.path-data h1.title {
  font-size: 34px;
}

/*EOF dashboard country page css*/

/* SOF sowmy/BR page css */
.path-data .categories-header+#dashboard-for-individual-country {
  max-width: 980px;
  margin: 0 auto 60px;
}

.path-data .categories-header+#dashboard-for-individual-country .dash-sec-title {
  background-color: #ebebeb;
  padding: 5px 15px;
  border-bottom: 4px #d2d2d2 solid;
  min-height: 30px;
  font-weight: 500;
  font-size: 20px;
}

/* EOF sowmy/BR page css */

/* SOF transparency portal css */
.path-data .block-unfpa-global-transparency-portal #sector-tabs {
  margin: 30px auto 0;
  width: inherit;
}

.path-data .block-unfpa-global-transparency-portal #sector-tabs.sticktop {
  position: relative;
  left: auto;
  transform: initial;
  margin: 30px 0 0;
  width: inherit;
}

/* EOF transparency portal css */

/* SOF Donor contributions css */
.path-data .donor-header.country-pg {
  max-width: 1024px;
  margin: 0 auto;
}

.path-data .donor-data-header__content {
  padding-left: 0;
  padding-right: 0;
}

/* EOF Donor contributions css */

/* SOF transparency portal country css */
.block-unfpa-global-transparency-portal.block-dashboard-individual-country {
  max-width: 1100px;
  margin: 0 auto;
}

.block-unfpa-global-transparency-portal.block-dashboard-individual-country .dash-outer-box {
  box-shadow: 0 3px 6px #ccc;
}

.block-unfpa-global-transparency-portal.block-dashboard-individual-country .dash-sec-title {
  background-color: #ebebeb;
  padding: 5px 15px;
  border-bottom: 4px #d2d2d2 solid;
  min-height: 30px;
  font-size: 20px;
  font-weight: 500;
}

.block-unfpa-global-transparency-portal.block-dashboard-individual-country .dash-sec-content {
  border: 1px solid #c2c2c2;
}

.block-unfpa-global-transparency-portal.block-programme-documentation-block {
  max-width: 1100px;
  margin: 40px auto 0;
}

.pane-custom-data-portal-custom-data-country-disclaimer {
  max-width: 1100px;
  margin: 0 auto;
}

.pane-custom-data-portal-custom-data-country-disclaimer .tech-dtl h3 {
  font-size: 14px;
  margin-top: 20px;
}

.pane-custom-data-portal-custom-data-country-disclaimer .tech-dtl ul.c-note li {
  list-style: disc;
}

.pane-custom-data-portal-custom-data-country-disclaimer .tech-dtl ul.c-note li ul {
  padding: 0 0 0 32px;
}

.pane-custom-data-portal-custom-data-country-disclaimer .tech-dtl ul.c-note li li {
  list-style: circle;
}

.page-node-type-ct-data-portal .program-activity-charts-wrapper #donut_chart_tabs {
  border-right: none;
}

.page-node-type-ct-data-portal .indicators-form-wrapper.program-activity-charts-wrapper {
  border-bottom: none;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .page-content {
  max-width: 100%;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .title-wrapper h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .action-wrapper {
  margin: 25px 0 0;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .action-wrapper select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  border: 0;
  background: url("../images/arow-dow-up.png") 95% 16px no-repeat;
  margin: 0;
  position: relative;
  top: 0px;
  z-index: 2;
  cursor: pointer;
  outline: none;
  padding: 0 10px;
  color: #4097bd;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 40px;
  width: 200px;
  border: 1px solid #dcdcdc;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .key-results {
  margin-top: 20px;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .nav-tabs li {
  width: auto;
  font-size: 18px;
  margin: 0;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .nav-tabs a {
  padding: 16px 20px;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .nav-tabs li.active a {
  color: #000;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .nav-tabs li.active a:after {
  background-color: #f7941e;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .tab-pane {
  border: 1px solid #ddd;
  border-top: none;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 3px 6px #ccc;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .tab-pane .key-result-block-info label {
  font-size: 24px;
  margin-top: 5px;
  font-weight: 600;
}

.page-node-type-ct-data-portal .block-emergencies-key-resuls-block .tab-pane .key-result-block-info p {
  font-size: 15px;
  line-height: 20px;
}

.page-node-type-ct-data-portal .block-programme-activities-block .program-activity-charts-wrapper {
  margin-bottom: 40px;
}

.page-node-type-ct-data-portal .block-programme-activities-block .program-activity-charts-wrapper #donut_chart_tabs {
  width: 100% !important;
}

.page-node-type-ct-data-portal .program-activity-charts-wrapper .form-item-year label {
  float: left;
}

.page-node-type-ct-data-portal .program-activity-charts-wrapper #donut_chart_tabs {
  margin-top: 20px !important;
}

/* EOF transparency portal country css */

/* SOF Data country css */
.block.block-unfpa-global-results.block-country-key-results {
  box-shadow: none;
  margin-bottom: 30px;
}

/* EOF Data country css */

@media (max-width: 800px) {
  .path-data .news-social-wrapper .views-element-container {
    width: 100%;
    margin-right: 0;
  }

  .path-data .news-social-wrapper .social-update-box {
    width: 100%;
  }

  .path-data .news-social-wrapper .show-all-link {
    position: relative;
    left: auto;
    width: 100%;
    float: left;
    margin: -40px 0 30px;
  }

  .path-data .block-country-key-results .slid-content-wrap .col-countries-item {
    margin-top: 2%;
  }

  .path-data .emergencies-result-achieved-section-block {
    width: 48%;
    margin-bottom: 80px;
  }

  .path-data .emergencies-result-achieved-section-block .result-achived-block-info {
    min-height: 174px;
  }

  .emergencies-result-achieved-section-block .result-achived-block-info {
    background-color: #eaeaea;
  }

  .emergencies-result-achieved-section-block.active .result-achived-block-info {
    background-color: #3d3d3d;
  }

  .path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .icon {
    margin: 6px 0 0 0;
  }

  #statistics li a::before {
    height: 112px !important;
  }

  .path-data #transparency .bchart_container {
    width: 100%;
  }

  .path-data .emergencies-result-achieved-section-block:nth-last-of-type(2) {
    margin-bottom: 10px;
  }

  .path-data .emergencies-result-achieved-section-block:nth-last-of-type(1) {
    margin-bottom: 10px;
  }

  .path-data .news-social-wrapper ul.pager {
    margin-bottom: 35px;
  }

  .path-data .social-update-box {
    margin-top: 40px !important;
  }

  .path-data .data-all-wrapper .collm-2 {
    max-width: 980px;
    padding: 0 10px;
  }
}

@media (max-width: 700px) {
  .path-data .dash-sec-content .data-prtl-corner-box {
    margin-top: 30px;
  }

  .path-data .news-social-wrapper .ct-card {
    min-width: 48%;
    max-width: 48%;
    margin: 1%;
  }

  .path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data {
    width: 145px;
    padding: 0 5px;
    clear: initial;
  }

  #statistics li a::before {
    height: 120px !important;
  }

  .path-data #transparency ul.transparency-portal-section-list li {
    margin-bottom: 10px;
  }

  ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-label {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .path-data .dash-sec-content .data-prtl-corner-box {
    margin-top: 0;
  }

  .path-data .news-social-wrapper .ct-card {
    min-width: 100%;
    max-width: 100%;
    margin: 1% 0;
  }

  .path-data .news-social-wrapper ul.pager {
    display: block;
    padding-bottom: 10px;
  }

  .path-data .news-social-wrapper ul.pager li {
    margin: 0 0 0 5px;
  }

  .sowmy-wrapper .popover .thepopover ul {
    column-count: 1;
  }

  .sowmy-wrapper .popover .thepopover {
    width: 90%;
  }

  .path-data .emergencies-result-achieved-section-block {
    width: 98%;
  }

  .path-data .emergencies-result-achieved-section-block .result-achived-block-info {
    min-height: inherit;
    padding: 10px 20px 20px;
  }

  #statistics li a::before {
    height: 162px !important;
  }

  .path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .icon {
    margin: 0 auto 15px;
    float: none;
  }

  .path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .ind-content {
    width: 100%;
  }

  .path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .ind-content h3 {
    text-align: center !important;
  }

  .path-data #supplies-block .block-unfpa-global-results .row-wrap .row-col3 .ind-content p {
    text-align: center !important;
  }

  .path-data #transparency ul.transparency-portal-section-list li {
    margin-bottom: 28px;
  }

  .path-data .emergencies-result-achieved-section-block:nth-last-of-type(2) {
    margin-bottom: 80px;
  }

  .path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data {
    border: 1px solid #d3d0e1;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
  }

  .path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data .chart-legend {
    width: 148px !important;
    text-align: left;
    left: 26%;
  }
}

/*---- EOF open data branch css ----*/

.data-all-wrapper {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  width: 100%;
}

.block-opendata-side-menu-block {
  max-width: 60px;
  width: 100%;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  /*top: 50px;*/
  top: 190px;
  z-index: 100;
}

.block-opendata-side-menu-block.top0 {
  top: 0;
  transition: 0.5s ease-in;
}

.collm-2 {
  max-width: 1150px;
  /*1024px*/
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}

@media (min-width: 1100px) and (max-width: 1230px) {
  .collm-2 {
    max-width: 1000px;
  }
}

.path-data .container-fluid,
.page-node-type-ct-data-portal .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.path-data .collm-2 h1 {
  color: #404040;
  font-size: 1.6em;
}

.path-data .collm-2 .news-header__content {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1024px) {
  #dashboard-for-individual-country .dash-sec-content ul li {
    margin: 0 38px 10px 25px;
    width: 45%;
  }
}

.path-data #sowp-data-block .dash-outer-box .all_chart_wrapper .data.container-3 {
  border-right: 0;
}

.graph-row-pyramid .pyramid-graph {
  width: 58%;
}

.graph-row-pyramid .pyramid-graph .source {
  width: 95%;
}

.path-data .block-unfpa-global-transparency-portal .all_chart_wrapper #donut_chart_tabs {
  margin: 15px auto 40px;
  padding: 0 0 20px;
  border-bottom: 1px #e5e7e7 solid;
  max-width: 100%;
}

@media (min-width: 768px) {
  .page-node-type-ct-emergencies-data .container-fluid.page {
    padding-left: 0;
    padding-right: 0;
  }

  .page-node-type-ct-emergencies-data .gp-header {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1100px) {
  .page-node-type-ct-data-portal .max_wrapper.results {
    padding: 0 !important;
  }

  .page-node-type-ct-data-portal .data-all-wrapper {
    padding: 0 !important;
  }

  .path-data .page-data-demographic-dividend.max-wrapper {
    padding: 25px 10px 0;
  }

  .path-data .emergencies-result-achieved-section-block .result-achived-block-info {
    min-height: 270px;
  }

  .path-data .max_wrapper.results {
    padding-left: 0 !important;
  }

  .path-data .block-unfpa-global-transparency-portal #sector-tabs {
    max-width: 100%;
  }

  .path-data .indicators-form-wrapper .re-wrapper:first-child {
    width: 37%;
  }

  .path-data .indicators-form-wrapper #activity-selector {
    width: 56%;
  }

  .path-data .indicators-form-wrapper .re-wrapper.resource-type {
    width: 37%;
    margin-top: 10px;
  }

  .path-data .indicators-form-wrapper #custom-data-portal-form .col-submit {
    margin-top: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1099px) {
  .path-data .data-all-wrapper .collm-2 {
    max-width: 910px;
  }
}

@media (max-width: 800px) {
  .page-node-type-ct-data-portal .collm-2 {
    padding: 0 !important;
  }

  .path-data .data-all-wrapper .collm-2 {
    max-width: 650px;
  }

  .path-data .emergencies-result-achieved-section-block .result-achived-block-info {
    min-height: 192px;
  }

  .path-data .dash-sec-content .data.donut_chart_container {
    height: 290px;
  }

  #dashboard-for-individual-country .dash-sec-content ul {
    margin: 0;
    padding: 0 15px 0 20px;
  }

  #dashboard-for-individual-country .dash-sec-content ul li {
    width: 43%;
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .page-node-type-ct-data-portal .container-fluid.page {
    padding: 20px;
  }

  .page-node-type-ct-data-portal .documents-wrapper .row .docs-action-wrapper {
    margin-left: 0;
  }

  .page-node-type-ct-data-portal .documents-wrapper .row .docs-info-wrapper {
    width: 100%;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-icon .icon {
    height: 55px;
  }

  .path-data .dash-sec-content .data.donut_chart_container {
    height: 330px;
  }

  .path-data .indicators-form-wrapper .re-wrapper:first-child {
    width: 100%;
  }

  .path-data .indicators-form-wrapper #activity-selector {
    width: 100%;
  }

  .path-data .indicators-form-wrapper .re-wrapper.resource-type {
    width: 100%;
  }

  .path-data .block-unfpa-global-transparency-portal .all_chart_wrapper #donut_chart_tabs {
    margin-bottom: 0;
  }

  .path-data .data-all-wrapper .collm-2 {
    padding-bottom: 30px;
    box-sizing: border-box;
  }

  .page-node-type-ct-emergencies-data .alone-emergency .container {
    padding: 10px;
  }
}

@media (max-width: 420px) {
  .path-data .data-all-wrapper .collm-2 {
    padding: 0 20px 30px;
  }

  .path-data #dashboard-for-individual-country .dash-sec-content,
  .path-data #dashboard-for-individual-country .dash-sec-content * {
    box-sizing: border-box;
  }

  .path-data #dashboard-for-individual-country .dash-sec-content ul {
    padding: 0 10px 0 35px;
    margin: 0;
  }

  .path-data #dashboard-for-individual-country .dash-sec-content ul li {
    margin: 0 0 10px;
    width: 100%;
  }

  #population-distribution-map .highcharts-container {
    width: 100% !important;
  }

  #population-distribution-map .highcharts-container svg {
    width: 100% !important;
  }

  .page-node-type-ct-emergencies-data .pager {
    padding: 0 95px 0 0;
    display: block;
    margin-right: 0 !important;
  }
}

.data-portal-home.disclaimer-wrapper {
  clear: both;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  display: flex;
}

.slick-slider .slick-slide {
  height: auto;
}

.dash-outer-box .dash-sec-title {
  padding-bottom: 6px;
  padding-bottom: 10px;
}

/*------------------------------------------------------*/
/*--------- SOF Responsive Data Dashboard css ----------*/
/*------------------------------------------------------*/

@media all and (max-width: 1119px) {
  #container #main .max_wrapper {
    padding: 0 10px 0 20px;
  }

  ul.transparency-portal-menu-list {
    width: 520px;
  }

  #transparency ul.transparency-portal-section-list li {
    width: 23.8%;
  }

  .path-data #highcharts-10 {
    margin-left: -20px;
  }
}

@media all and (max-width: 1023px) {
  #statistics .dash-sec-content li a {
    font-size: 17px;
  }

  ul.dashboard-navigation-list li .dashboard-navigation-label .area>ul {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }

  #dashboard-for-individual-country .dash-sec-content ul li {
    width: 43%;
  }

  #transparency ul.transparency-portal-section-list li {
    width: 23.6%;
  }
}

@media all and (max-width: 979px) {
  #statistics li.adolescent-youth-section a::before {
    box-shadow: 0 92px 0 150px #e49028 inset;
  }

  #statistics li.fgm-section a::before {
    box-shadow: 0 92px 0 150px #b367a5 inset;
  }

  #statistics li.world-population-section a::before {
    box-shadow: 0 92px 0 150px #5893b3 inset;
  }

  #statistics li.midwifery-dashboard-section a::before {
    box-shadow: 0 92px 0 150px #e5588d inset;
  }

  #transparency #donut_chart_tabs ul li span {
    font-size: 12px;
  }
}

@media all and (max-width: 860px) {
  #statistics .dash-sec-content li a {
    height: 280px;
  }

  #statistics .portal-sec-icon {
    top: 105px;
  }

  .path-data #highcharts-10 {
    margin-left: 0;
  }
}

@media all and (max-width: 768px) {
  ul.dashboard-navigation-list li .dashboard-navigation-label .area>ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  ul.statistic-menu-list {
    width: 575px;
  }

  .page-node-14309 #main .max_wrapper {
    padding: 0 10px 0 70px;
  }

  #statistics .dash-sec-content li a {
    height: 250px;
  }

  #statistics .portal-sec-icon {
    top: 75px;
  }

  .unfpa-global-data-country-header-block .block-container .portal-banner-image {
    width: 100%;
  }

  .unfpa-global-data-country-header-block .block-container .content-container {
    width: 90%;
    padding: 5%;
  }

  #statistics-panel .stats-pg-news-col,
  #statistics-panel .stats-pg-featured-publication-col,
  #statistics-panel .stats-pg-social-updates-col {
    width: 100%;
  }

  /*---SOF Country page css---*/
  #data-overview .all_chart_wrapper {
    margin: 0 auto;
  }

  .page-data .all_chart_wrapper .data {
    width: 29.3%;
    padding: 0 10px;
  }

  .page-data .all_chart_wrapper .data.container-3 {
    border-right: 1px solid #d3d0e1;
  }

  #dashboard-for-individual-country .dash-sec-content ul li {
    margin: 0 0px 10px 28px;
    width: 94%;
  }

  #dashboard-for-individual-country .dash-sec-content ul li:nth-child(2n) {
    margin: 0 0px 10px 28px;
  }

  .news-social-wrapper .news-box {
    float: none;
    width: 97%;
  }

  .view-unfpa-global-opendata-country.view-display-id-related_news_block .item .left {
    float: none;
    width: 100%;
  }

  .view-unfpa-global-opendata-country.view-display-id-related_news_block .item img {
    float: none;
    margin: 0px;
  }

  .view-unfpa-global-opendata-country.view-display-id-related_news_block .item .right {
    margin-left: 0px;
  }

  .news-social-wrapper .social-update-box {
    float: none;
    width: 100%;
  }

  /*---EOF Country page css---*/

  #transparency ul.transparency-portal-section-list li {
    width: 48.8%;
  }

  #transparency ul.transparency-portal-section-list li:nth-child(2) {
    margin-right: 0;
  }

  .page-data .all_chart_wrapper .data #maternal-value {
    left: 33%;
  }
}

@media (min-width: 768px) {
  .country-result-slide.desktop {
    display: block;
  }

  .country-result-slide.mobile {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .data-portal-map-title {
    float: none;
    margin: 0;
  }

  #container #main .max_wrapper {
    padding: 0;
  }

  .data-all-wrapper ul.dashboard-navigation-list li.dashboard-navigation-item.dashboard-navigation-country-page {
    height: auto;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item #country-select-box {
    margin: 0 0 10px 80px;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    color: #9b9b9b;
    font-weight: 300;
    -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
    -moz-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
    box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
    border: solid 1px #dadada;
    font-family: "robotoregular", sans-serif;
    position: relative;
    width: auto;
    background-image: url(../images/dropdown-box-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 12px;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item #country-select-box select {
    color: #9b9b9b;
    padding: 5px;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: none;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    max-width: 180px;
    font-size: 12px;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-homepage .dashboard-navigation-label h2.left-navigation-header {
    line-height: normal;
    margin: 0;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-country-page .dashboard-navigation-label .slimScrollDiv {
    display: none;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item:hover .dashboard-navigation-label {
    line-height: normal;
  }

  .data-all-wrapper ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon .icon-country-data-home-menu {
    background-position: 4px 6px;
  }

  /*-----SOF responsive data menu css-----*/

  #dashboard-left-navigation ul.dashboard-navigation-list,
  #dashboard-left-navigation ul.dashboard-country-page-navigation-list {
    display: none;
    margin: 0;
  }

  #dashboard-left-navigation {
    background: none transparent;
  }

  #dashboard-left-navigation {
    position: relative;
    width: 100%;
  }

  .data-all-wrapper #dashboard-left-navigation .menu-title {
    background-color: #4a4a4a;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 10px;
  }

  #dashboard-left-navigation .menu-title span.data-menu-arrow,
  #dashboard-left-navigation .menu-title span.country-menu-arrow {
    background-image: url("../images/close-menu-arrow.png");
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    float: right;
    height: 9px;
    margin-top: 6px;
    width: 15px;
  }

  #dashboard-left-navigation .menu-title span.data-menu-arrow.active,
  #dashboard-left-navigation .menu-title span.country-menu-arrow.active {
    background-image: url("../images/open-menu-arrow.png");
    background-repeat: no-repeat;
    background-position: top left;
  }

  .data-all-wrapper ul.dashboard-navigation-list li.dashboard-navigation-item {
    background-color: #797576;
    position: relative;
    padding: 1%;
    width: 98%;
    box-sizing: initial;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item:hover {
    background-color: #6d6d6d;
  }

  .data-all-wrapper ul.dashboard-navigation-list li.dashboard-navigation-item a.icon-link {
    background-color: transparent;
    position: relative;
    z-index: 1;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item a.icon-link:hover {
    background-color: transparent;
  }

  .data-all-wrapper ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-label {
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    width: auto;
    position: absolute;
    top: 0;
    left: 68px;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item:hover .dashboard-navigation-label {
    background-color: transparent;
    color: #ffffff;
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 68px;
    white-space: normal;
    text-indent: 0;
  }

  ul.dashboard-navigation-list .dashboard-navigation-item .dashboard-navigation-label #statistic-navigation,
  ul.dashboard-navigation-list .dashboard-navigation-item .dashboard-navigation-label #transparency-navigation,
  ul.dashboard-navigation-list .dashboard-navigation-item .dashboard-navigation-label #area-click-id {
    display: none;
  }

  ul.dashboard-navigation-list li.dashboard-navigation-item .dashboard-navigation-label h2.left-navigation-header.single-header {
    line-height: 64px;
  }

  ul.dashboard-navigation-list li .dashboard-navigation-label h2.left-navigation-header {
    font-size: 16px;
    line-height: 64px;
  }

  /*-----EOF responsive data menu css-----*/

  /*-----SOF responsive country menu css-----*/

  .data-all-wrapper ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item {
    background-color: #797576;
    margin-bottom: 1px;
    padding: 0 1% 1%;
    width: 100%;
    /*98%*/
  }

  ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item:hover {
    background-color: #6d6d6d;
  }

  .data-all-wrapper ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item a.icon-country-link {
    background-color: transparent;
    overflow: hidden;
  }

  ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item a.icon-country-link:hover {
    background-color: transparent;
  }

  .data-all-wrapper ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-icon {
    float: left;
    width: 58px;
  }

  .data-all-wrapper ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item .dashboard-country-navigation-label {
    background-color: transparent;
    color: #ffffff;
    float: left;
    line-height: 26px;
    padding: 14px 0;
    margin: 0 0 0 5px;
    text-indent: 0;
    text-align: left;
    white-space: normal;
    width: 76%;
  }

  ul.dashboard-country-page-navigation-list li.dashboard-country-navigation-item:hover .dashboard-country-navigation-label {
    background-color: transparent;
    line-height: 26px;
    padding: 14px 0;
    white-space: normal;
    width: 76%;
  }

  /*-----EOF responsive country menu css-----*/

  .news-social-wrapper .news-box,
  .news-social-wrapper .social-update-box {
    width: 100%;
    margin: 0;
  }

  .view-unfpa-global-opendata-country.view-display-id-related_news_block .item .left {
    margin: 0 0 10px;
    width: 100%;
  }

  .view-unfpa-global-opendata-country.view-display-id-related_news_block .item img {
    margin: 0 0 10px;
  }

  .view-unfpa-global-opendata-country.view-display-id-related_news_block .item .right {
    float: left;
    margin-left: 0;
  }

  /*---SOF Country page css---*/
  #data-overview .all_chart_wrapper {
    width: 96%;
  }

  .page-data .all_chart_wrapper .data {
    padding: 0 5px;
    width: 145px;
  }

  /*---EOF Country page css---*/

  .country-result-slide.desktop {
    display: none;
  }

  .country-result-slide.mobile {
    display: block;
  }

  .overview-charts .graph-row-pyramid {
    display: flex;
    flex-wrap: wrap;
  }

  .graph-row-pyramid .pyramid-graph {
    width: 100%;
    margin: 0;
  }

  .dash-sec-content .overview-charts .graph-row-pyramid .gauge-charts {
    width: 100%;
    float: none;
    margin-top: 25px;
  }

  .dash-sec-content .bar-life-expect {
    width: 46%;
    height: 290px;
    float: left;
    margin: 0 2%;
  }

  .dash-sec-content .bar-gender {
    width: 46%;
    min-height: 260px;
    float: left;
    margin: 0 2%;
  }

  .dash-sec-content .range-slide-wrapper .range-year-wrap {
    width: 98%;
  }

  .dash-sec-content .range-selected-text {
    font-size: 15px;
  }

  .page-node-type-ct-data-portal .block-emergencies-key-resuls-block .nav-tabs li {
    width: 30%;
  }

  .page-node-type-ct-data-portal .block-emergencies-key-resuls-block .tab-pane {
    padding-left: 15px;
    padding-right: 15px;
  }

  .path-data #dashboard-for-individual-country .dash-sec-content,
  .path-data #dashboard-for-individual-country .dash-sec-content * {
    box-sizing: border-box;
  }

  #dashboard-for-individual-country .dash-sec-content ul {
    padding: 0 0 0 50px;
  }

  #dashboard-for-individual-country .dash-sec-content ul li {
    margin: 0 0 10px;
    width: 96%;
  }

  #dashboard-for-individual-country .dash-sec-content ul li:nth-child(2n) {
    margin: 0 0 10px;
  }
}

@media all and (max-width: 640px) {
  #statistics .portal-name {
    font-size: 16px;
  }

  #open-data-map-scale {
    margin: -20px 0 10px 0;
    float: none;
  }

  #open-data-map-scale .scale {
    width: 10px;
  }

  #transparency ul.transparency-portal-section-list li {
    width: 48.6%;
  }
}

@media all and (max-width: 480px) {
  ul.statistic-menu-list {
    width: 256px;
  }

  ul.dashboard-navigation-list ul.statistic-menu-list li {
    width: 216px;
  }

  #statistics .dash-sec-content li {
    margin: 8px 0 4px 0;
    width: 100%;
  }

  #statistics .dash-sec-content li a {
    height: 300px;
  }

  #statistics li.adolescent-youth-section a::before {
    box-shadow: 0 100px 0 152px #e49028 inset;
  }

  #statistics li.population-projection-section a::before {
    box-shadow: 0 100px 0 152px #38aca1 inset;
  }

  #statistics li.fgm-section a::before {
    box-shadow: 0 100px 0 152px #b367a5 inset;
  }

  #statistics li.fammily-planning-section a::before {
    box-shadow: 0 100px 0 152px #dadd5a inset;
  }

  #statistics li.world-population-section a::before {
    box-shadow: 0 100px 0 152px #5893b3 inset;
  }

  #statistics li.midwifery-dashboard-section a::before {
    box-shadow: 0 100px 0 152px #e5588d inset;
  }

  #statistics .portal-sec-icon {
    top: 110px;
    width: 26%;
  }

  #statistics .portal-name {
    padding: 36px 0px 5px;
  }

  #statistics .portal-name>br {
    display: none;
  }

  /*---SOF Country page css---*/

  #data-overview .all_chart_wrapper {
    width: 100%;
  }

  .page-data .all_chart_wrapper .data {
    width: 80%;
  }

  .page-data .all_chart_wrapper .data {
    margin: 0 auto;
    float: left;
    border-right: none;
    border: 1px solid #d3d0e1;
    padding: 0 10%;
    margin-bottom: 10px;
  }

  .page-data .all_chart_wrapper .data h4 {
    text-align: center;
  }

  .page-data .all_chart_wrapper .data.container-3,
  .page-data .all_chart_wrapper .data:last-child {
    border-right: 1px solid #d3d0e1;
  }

  .page-data .all_chart_wrapper .data .chart-legend {
    bottom: 30px;
    top: auto;
    left: 26%;
  }

  .page-data .all_chart_wrapper .data #maternal-value {
    left: 44%;
  }

  .page-data .all_chart_wrapper .data .fertility-val .fert-left {
    display: block;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 50%;
  }

  .page-data .all_chart_wrapper .data .fertility-val .fert-right {
    display: block;
    float: none;
    text-align: center;
    width: 100%;
  }

  .page-data .all_chart_wrapper .data h3 {
    line-height: 28px;
    text-align: center;
  }

  #dashboard-for-individual-country .dash-sec-content ul {
    padding: 0 0 0 45px;
  }

  #dashboard-for-individual-country .dash-sec-content ul li {
    margin: 0 0px 10px;
    width: 94%;
  }

  #dashboard-for-individual-country .dash-sec-content ul li.list-row a {
    padding-right: 10px;
  }

  /*---EOF Country page css---*/

  #transparency ul.transparency-portal-section-list li {
    width: 100%;
  }

  #transparency-map .thepopover,
  .donor-country-selector-block .popover .thepopover {
    height: 360px;
    overflow-y: scroll;
  }

  .dash-sec-content .bar-life-expect,
  .dash-sec-content .bar-gender {
    width: 100%;
    height: 290px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .dash-sec-content .stickOnmobile .range-slide-wrapper {
    padding: 10px 0px 50px 0px;
  }

  .dash-sec-content .range-slide-wrapper span.range-text {
    float: none;
    text-align: left;
    display: block;
    margin-bottom: 10px;
  }

  .dash-sec-content .range-slide-wrapper .range-year-wrap::before {
    left: 0%;
    font-size: 11px;
  }

  .dash-sec-content .range-slide-wrapper .range-year-wrap::after {
    font-size: 11px;
    right: 0%;
  }

  .dash-sec-content .range-selected-text {
    width: 90%;
    bottom: -66px;
  }

  .dash-sec-content .range-year-wrap .source-info-wrapper {
    position: absolute;
    right: -6px;
    top: -30px;
  }

  .dash-sec-content .range-slide-wrapper .source-info-wrapper .infobx .info-popover {
    left: auto;
    right: -10px;
  }

  #pp_year_slider_range {
    width: 60%;
    margin: 2px auto;
  }

  .dash-outer-box .section-title,
  .emergencies-section-title .section-title {
    float: none;
    font-size: 18px;
    margin-right: 15px;
  }

  .dash-outer-box .dash-sec-title .view-port-title {
    float: none;
    margin-left: 5px;
  }

  .dash-sec-title .view-port-title a {
    display: inline-block;
  }

  .slid-content-wrap .col-countries-item .item-content {
    float: none;
    width: 80%;
    margin: 0 auto;
  }

  .dash-sec-content .graph-row-pyramid .pyramid-graph {
    margin-left: 0%;
  }

  .view-id-unfpa_global_opendata_country .view-content {
    display: flex;
    flex-wrap: wrap;
  }
}

@media all and (max-width: 360px) {
  #statistics .dash-sec-content li a {
    height: 230px;
  }

  #statistics .portal-sec-icon {
    top: 80px;
  }

  .data-portal-map-title {
    margin: 0;
  }

  /*---SOF Country page css---*/

  #data-overview .all_chart_wrapper {
    width: 100%;
  }

  .page-data .all_chart_wrapper .data #maternal-value {
    left: 40%;
  }

  .page-data .all_chart_wrapper #barchart-education svg>#defs+rect+g+g {
    display: none;
  }

  /*---EOF Country page css---*/
}

@media all and (max-width: 320px) {
  .page-data .all_chart_wrapper .data #maternal-value {
    left: 38%;
  }
}

@media (max-width: 767px) {
  .path-data .container-fluid.page {
    padding: 0;
  }

  .path-data .data-all-wrapper .collm-1 {
    padding: 20px 20px 0;
  }

  .path-data .max-wrapper {
    padding-top: 0;
  }

  .data-all-wrapper {
    flex-wrap: wrap;
    width: 100%;
    flex-direction: unset;
  }

  .collm-1 {
    width: 100%;
  }

  .data-all-wrapper .block-opendata-side-menu-block {
    max-width: 100%;
  }

  .collm-2 {
    max-width: 100%;
    padding: 0;
    width: 100%;
  }

  .path-data #transparency .bchart_container {
    width: 90%;
  }
}

@media (max-width: 578px) {
  .dash-sec-content .popover .area ul {
    width: 100%;
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 1.5em;
    padding-left: 1.5em;
  }

  #transparency-map .thepopover li {
    width: 100px;
  }

  .stickOnmobile {
    height: 180px;
  }

  .page-node-type-ct-data-portal .block-emergencies-key-resuls-block .nav-tabs li.active a:after {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .collm-2 {
    max-width: 660px;
  }
}

@media (min-width: 820px) and (max-width: 919px) {
  .collm-2 {
    max-width: 760px;
  }
}

@media (min-width: 920px) and (max-width: 1023px) {
  .collm-2 {
    max-width: 820px;
  }
}

@media (min-width: 1024px) and (max-width: 1099px) {
  .collm-2 {
    max-width: 960px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .overview-charts .graph-row-pyramid {
    display: flex;
    flex-wrap: wrap;
    min-height: 540px;
  }

  .graph-row-pyramid .pyramid-graph {
    width: 100%;
    margin: 0;
  }

  .dash-sec-content .overview-charts .graph-row-pyramid .gauge-charts {
    width: 100%;
    float: none;
    margin-top: 25px;
  }

  .graph-row-pyramid .pyramid-graph .source svg {
    margin-left: 0;
  }

  .dash-sec-content .bar-life-expect {
    width: 46%;
    height: 290px;
    float: left;
    margin: 0 2%;
  }

  .dash-sec-content .bar-gender {
    width: 46%;
    min-height: 260px;
    float: left;
    margin: 0 2%;
  }

  .block-total-fertility-rate {
    padding-top: 35px;
  }
}

/*------------------------------------------------------*/
/*--------- SOF Responsive Data Dashboard css ----------*/
/*------------------------------------------------------*/

@media (max-width: 800px) {
  .page-node-type-ct-data-portal #node-transparency-portal .countries-wrapper {
    margin-bottom: 0;
  }

  .page-node-type-ct-data-portal .block.block-unfpa-global-results.block-country-key-results {
    margin-bottom: 10px;
  }
}

.path-data .block-opendata-side-menu-block.top0 {
  top: 100px;
}

.path-data section {
  padding-top: 0;
  padding-bottom: 0;
}