/*========================================================================
            SOF Data Portal page css
==========================================================================*/
/*---SOF Dashboard menus css---*/
.dashboard-left-navigation-menu {
  background: transparent;
  position: fixed;
  left: 0;
  top: 2px;
  bottom: 0;
  height: 100%;
  width: 60px;
  z-index: 20;
}

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

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

ul.dashboard-navigation-list li.dashboard-navigation-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.37);
  display: block;
  height: 52px;
  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: 52px;
  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: -58px;
  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: 54px;
  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;
}

/*===================================================
    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;
}

/*=======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;
}

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

.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: 5px 0 0 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-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: auto;
  width: 100%;
}

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

#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%;
}

#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;
  font-family: 'robotoregular';
}

#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;
}

.dash-sec-content h2.dash-sec-sub-title {
  color: #000000;
  font-family: 'robotoregular';
  font-size: 22px;
  margin: 0 10px 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-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-icon.jpg") no-repeat scroll center top;
  background-size: 90%;
  float: left;
  height: 86px;
  margin-right: 10px;
  width: 30px;
}

.page-data .all_chart_wrapper .data .expectancy-val-2 .expectancy-left {
  background: rgba(0, 0, 0, 0) url("../images/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-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 .expectancy-val-1 .expectancy-right {
  float: left;
  text-align: right;
  font-size: 60px;
  font-family: 'robotobold';
  color: #0084C4;
  margin-top: 30px;
}

.page-data .all_chart_wrapper .data .expectancy-val-2 .expectancy-right {
  float: left;
  text-align: right;
  font-size: 60px;
  font-family: 'robotobold';
  color: #cd40ab;
  margin-top: 30px;
}

.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-feature-banner-image {
  float: left;
}

#statistics-panel .view-id-unfpa_global_opendata_statistics .views-row .views-field-field-feature-banner-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;
}
.unfpa-global-data-country-header-block .block-container .portal-banner-image{
  width: 47%;
  float: left;
}
.unfpa-global-data-country-header-block .block-container .portal-banner-image img{
  width: 100%;
  display: block;
  height: auto;
}
.unfpa-global-data-country-header-block .block-container .content-container{
  width: 45%;
  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 auto;
  width: 96%;
}

#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-feature-banner-image {
  margin: 0 0 8px;
}

.news-box .views-field-field-feature-banner-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
===========================================================================*/


.dashboard-left-navigation-menu .dashboard-navigation-inside-wrapper {
  position: relative;
  left: 0;
  top: 24%;
}
.dashboard-left-navigation-menu .dashboard-navigation-inside-wrapper.sticky {
  position: relative;
  top: 0%;
  left: 0;
  transition: all 1s ease;
}

.dashboard-left-navigation-menu .dashboard-navigation-inside-wrapper.abs {
  position: relative;
  top: -40%;
  left:0px;
  transition: all 1s ease;
}
.data-dashboard-page .dashboard-left-navigation-menu .dashboard-navigation-inside-wrapper.abs {
  position: relative;
  top: 4%;
  left:0px;
  transition: all 1s ease;
}

/* 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: .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 8x 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: -.8em;
  margin-left: -.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;
}
/* // 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;
}