/*=========================================================================
            SOF Common CSS
===========================================================================*/
.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
body.path-data {
  background-color: #ffffff;
}
.path-data .max-wrapper {
  box-sizing: content-box;
  position: relative;
  display: block;
  max-width: 980px;
  margin: 0 auto;
  padding: 25px 10px;
}
.open-data-dashboard-tabs {
  float: left;
  position: relative;
  width: 100%;
  z-index: 1;
}

.open-data-dashboard-tabs > ul > li {
  border-radius: 5px 5px 0 0;
  float: left;
  margin: 0 1px;
  overflow: hidden;
  text-align: center;
  max-width: 180px;
}

.open-data-dashboard-tabs > ul > li > span {
  display: table;
  width: 100%;
}

.open-data-dashboard-tabs > ul > li > span > a {
  display: table-cell;
  height: 64px;
  line-height: 18px;
  padding: 10px 12px;
  vertical-align: middle;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

.open-data-dashboard-tabs > ul > li > ul > li.last > span {
  color: #888888;
  text-align: center;
  cursor: pointer;
  display: block;
  width: 100%;
}

.open-data-dashboard-tabs ul li ul {
  border: 1px solid #dddddd;
  border-radius: 0;
  color: #fff;
  display: none;
  font-size: 16px;
  line-height: 26px;
  padding: 0px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.open-data-dashboard-tabs ul li ul li {
  padding: 5px 10px;
}

.open-data-dashboard-tabs ul li ul li:first-child {
  padding: 10px 10px 5px 10px;
}

.open-data-dashboard-tabs ul li ul li:last-child {
  background-color: #CACACA;
  padding: 0px 10px;
}

.open-data-dashboard-tabs ul li ul li label {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  vertical-align: top;
  line-height: 29px;
  width: 95%;
  margin-bottom: 0;
}

.open-data-dashboard-tabs ul li ul li span.close-arrow {
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

#wp-dashboard-tabs ul li ul li span.close-arrow {
  width: 30px;
  margin: 0 auto;
  background-image: url(../images/close-arrow-wp.png);
}

.open-data-dashboard-tabs ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
}

#wp-dashboard-tabs > ul > li {
  background-color: #797576;
}

#wp-dashboard-tabs > ul > li.active-tab {
  background-color: #105B83;
}

#wp-dashboard-tabs ul li ul {
  background-color: #105B83;
}

#view-country-indicators {
  margin: 20px 0;
  position: relative;
}

.world-population-dashboard-wrapper {
  background-color: #5893B3;
}

.dashboard-banner-wrapper  .dashboard-banner-image-container {
  float: left;
  width: 38%;
}

.dashboard-banner-wrapper  .dashboard-banner-image-container img {
  display: block;
  height: auto;
  width: 100%;
}

.dashboard-banner-wrapper  .dashboard-banner-info-container {
  float: left;
  height: auto;
  padding: 2% 4%;
  position: relative;
  width: 54%;
}

.dashboard-banner-wrapper  .dashboard-banner-info-container p {
  color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 2% 0 0 4%;
}

.dashboard-banner-wrapper .dashboard-banner-info-container .dashboard-icon {
  background-repeat: no-repeat;
  height: 74px;
  left: -38px;
  position: absolute;
  top: 16px;
  width: 74px;
}

.dashboard-icon.wp-dashboard-icon {
  background-image: url("../images/world-population-dashboard-icon.png");
}

.dashboard-outer-box {
  border-color: transparent #cccccc #cccccc #cccccc;
  border-style: none solid solid solid;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 3px 6px #ccc;
  margin: 0;
  border: 1px solid #ccc;
}

#dashboard-map-wrapper {
  float: left;
  width: 100%;
}

#map-inner-container {
  float: left;
  padding: 2%;
  width: 96%;
}

h2.dashboard-map-section-title {
  margin: 0 0 20px;
}

.map-left-section {
  width: 30%;
  margin-bottom: 25px;
}

.filters-title {
  color: #808080;
  font-weight: bold;
  font-size: 14px;
}

.filter-option {
  margin-top: 5px;
}

.filter-option label {
  color: #808080;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
}

span.all_indicators {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.wpd-pg-title-social-wrapper {
  margin: 0 0 20px;
}

.wpd-pg-title-social-wrapper h1 {
  color: #404040;
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0;
  text-align: left;
  width: 80%;
}

/*=========================================================================
            EOF Common CSS
===========================================================================*/

/* SOWP page*/
.wpd-wrapper {
  overflow: hidden;
  margin: 0 0 20px;
}

.panels-flexible-region {
  width: 100% !important;
}

#sowp-data-block h2 {
  color: #404040;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.25em;
  padding: 1em 0 0.5em 0;
}

#sowp-data-block h2.dashboard-map-section-title {
  margin: 0 0 20px;
  padding: 0;
}

#sowp-data-block .all_chart_wrapper{
  padding: 0px 15px;
}

#sowp-data-block .all_chart_wrapper .data {
  border-right: 1px solid #D3D0E1;
  padding: 0 6px;
  width: 148px;
  margin-bottom: 30px;
  float: left;
  position: relative;
}

#sowp-data-block .all_chart_wrapper .data h3 {
  margin: 0;
  height: 50px;
}

#sowp-data-block .all_chart_wrapper .data.container-1 h3 {
  color: #256EBB;
}

#sowp-data-block .all_chart_wrapper .data.container-2 h3 {
  color: #7C61A6;
}

#sowp-data-block .all_chart_wrapper .data.container-3 h3 {
  color: #28A49C;
}

#sowp-data-block .all_chart_wrapper .data.container-4 h3 {
  color: #81643C;
}

#sowp-data-block .all_chart_wrapper .data.container-5 h3 {
  color: #71B24E;
}

#sowp-data-block .all_chart_wrapper .data.container-6 h3 {
  color: #DD955A;
}

#sowp-data-block .all_chart_wrapper .data.container-5 h4,
#sowp-data-block .all_chart_wrapper .data.container-6 h4 {
  color: #818181;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  height: 80px;
}

#sowp-data-block .swp-pdf-link {
  font-size: 14px;
  position: relative;
  display: inline-block;
  float: left;
  line-height: 16px;
  margin: 20px 0;
  text-transform: uppercase;
  text-decoration: none;
}

#sowp-data-block .swp-pdf-link img {
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 0;
}

#sowp-data-block .swp-pdf-link span {
  display: block;
  min-height: 14px;
  padding: 8px 0 7px 35px;
}

#donutchart-population,
#donutchart-maternal {
  position: relative;
  z-index: 1;
}

#sowp-data-block #maternal-value {
  color: #E8B54A;
  position: absolute;
  font-size: 32px;
  top: 65px;
  left: 134px;
}

#sowp-data-block #maternal-value.big-val {
  font-size: 50px;
  top: 194px;
  left: 38px;
}

#sowp-data-block .values-wrapper .label {
  float: left;
  width: 70%;
}

#sowp-data-block .values-wrapper .value {
  float: left;
  width: 30%;
  text-align: right;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

#sowp-data-block .container-5 .fertility-val,
#sowp-data-block .container-6 .expactancy-val {
  float: left;
  width: 100%;
}

#sowp-data-block .container-5 .fertility-val .fert-left,
#sowp-data-block .container-5 .fertility-val .fert-left-image,
.page-data .container-5 .fertility-val .fert-left-image {
  float: left;
  width: 100%;
}

#sowp-data-block .container-5 .fertility-val .fert-right{
  float: left;
  font-size: 44px;
  color: #37B54A;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 51px;
  width: 100%;
}

#sowp-data-block .container-5 .fertility-val .fert-left .fertility,
.page-data .container-5 .fertility-val .fert-left .fertility,
.page-data .container-5 .fert-left-image .fertility {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  height: 48px;
  margin: 3px 3px 0 0;
  width: 20px;
}

#sowp-data-block .container-5 .fertility-val .fert-left-image .fertility,
.page-data .container-5 .fertility-val .fert-left-image .fertility {
  float: left;
  height: 48px;
  margin: 3px 3px 0 0;
  width: 20px;
}

#sowp-data-block .container-5 .fertility-val .fert-left .fertility > img,
.page-data .container-5 .fertility-val .fert-left .fertility > img,
#sowp-data-block .container-5 .fertility-val .fert-left-image .fertility > img,
.page-data .container-5 .fertility-val .fert-left-image .fertility > img {
  height: auto;
  width: 100%;
}

#sowp-data-block .container-5 .fertility-val .fert-left .fertility-img {
  background-image: url(../images/pregnant-woman.jpg);
}

#sowp-data-block .container-5 .fertility-val .fert-left .fertility-img-quarter {
  background-image: url(../images/pregnant-woman-quarter.jpg);
}

#sowp-data-block .container-5 .fertility-val .fert-left .fertility-img-half{
  background-image: url(../images/pregnant-woman-half.jpg);
}

#sowp-data-block .container-5 .fertility-val .fert-left .fertility-img-three-quarter{
  background-image: url(../images/pregnant-woman-three-quarter.jpg);
}

#sowp-data-block .expectancy-val-1,
#sowp-data-block .expectancy-val-2 {
  float: left;
  margin: 0 15px 5px;
  display: flex;
  align-items: center;
  min-width: 150px;
}

#sowp-data-block .expectancy-val-1 .expectancy-left {
  background: url(../images/man-icon.jpg) bottom no-repeat;
  background-size: contain;
  width: 46px;
  height: 66px;
  float: left;
  margin-right: 10px;
}

#sowp-data-block .expectancy-val-2 .expectancy-left {
  background: url(../images/woman-icon.jpg) top no-repeat;
  background-size: cover;
  width: 46px;
  height: 66px;
  float: left;
  margin-right: 10px;
}
#sowp-data-block .expactancy-img-embed .expectancy-left-image,
.page-data .expactancy-img-embed .expectancy-left-image {
  width: 72px;
  height: 94px;
  float: left;
  margin-right: 15px;
}

#sowp-data-block .expactancy-img-embed .expectancy-left-image img,
.page-data .expactancy-img-embed .expectancy-left-image img {
  height: auto;
  width: 100%;
}

#sowp-data-block .expectancy-val-1 .expectancy-right {
  float: left;
  text-align: right;
  font-size: 50px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #0084C4;
}

#sowp-data-block .expectancy-val-2 .expectancy-right {
  float: left;
  text-align: right;
  font-size: 60px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #CD41AC;
}

#sowp-data-block #map-scale-1 .sowp-scale {
  float: left;
  height: 20px;
  width: 100%;
  background: #000000; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NkNzQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NkNzQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmM3YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

#sowp-data-block .chart-legend {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  position: absolute;
  top: 158px;
  width: 100%;
}

#sowp-data-block .chart-legend li {
  float: left;
  width: 100%;
}

#sowp-data-block .chart-legend .legend-bullet {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  border-radius: 20px;
}

#sowp-data-block .chart-legend .legend-bullet img {
  display: block;
}

/*#sowp-data-block .chart-legend p,*/
#sowp-data-block .chart-legend div.legend-value {
  float: left;
  margin: 0;
  color: #939393;
  font-size: 11px;
  width: 80%;
  line-height: 16px;
}

.page-data-world-population .all_chart_wrapper .data .chart-legend div.legend-value {
  height: auto;
}

#sowp-data-block .chart-legend #cpr,
#sowp-data-block .chart-legend #unmet {
  float: right;
}

#sowp-data-block .map-title h2 {
  color: #256EBB;
}

#sowp-data-block #sowp-tabs-1 {
  float: left;
  clear: both;
  width: 100%;
  margin: 20px 9px;
}

#sowp-data-block #sowp-tabs-1 div {
  float: left;
  margin-right: 2px;
}

#sowp-data-block #sowp-tabs-1 div h3 {
  font-size: 24px;
  margin: 0 0 10px;
}

.i18n-fr #sowp-data-block #sowp-tabs-1 div h3 {
  font-size: 22px;
}

.i18n-es #sowp-data-block #sowp-tabs-1 div h3 {
  font-size: 19px;
}

#sowp-data-block #sowp-tabs-1 div h3 a:not(.region-name-title) {
  background: #A6A5A5 none repeat scroll 0 0;
  box-sizing: content-box;
  border-radius: 7px;
  color: #fff;
  display: table-cell;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  padding: 8px 20px;
  text-align: center;
  vertical-align: middle;
  width: 130px;
}

#sowp-data-block #sowp-tabs-1 div h3 a:not(.region-name-title):hover,
#sowp-data-block #sowp-tabs-1 div h3 a:not(.region-name-title).active {
  background: #3E98D1 none repeat scroll 0 0;
}

#sowp-data-block #sowp-tabs-1 h3 a sup {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.sowp-throbber.ajax-progress-throbber .message {
  color: #404040;
  font-size: 20px;
  padding: 30px;
}

.sowp-throbber.ajax-progress-throbber .throbber {
  float: none;
  margin: 250px auto 0 auto;
  width: 66px;
  height: 66px;
  background: url("../images/throbber-circle.gif") no-repeat center center;
}

.sowp-throbber.ajax-progress-throbber {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  vertical-align: middle;
  text-align: center;
  display: none;
}

#sowp-data-block .no-data-wrapper {
  display: table-cell;
  width: 148px;
  height: 320px;
  vertical-align: middle;
  text-align: center;
  color: #818181;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.page-swop #page-title {
  display: none;
}

.swp-chart-imgslider .swp-share {
  border-top: 0;
  margin-top: 0;
  padding-top: 27px;
}

.swp-chart-charts .swp-share {
  position: relative;
  z-index: 1;
  width: auto;
  float: right;
}

/*---country popover css start---*/

#sowp-data-block .popover .thepopover {
  background: #565656 none repeat scroll 0 0;
}

#sowp-data-block .popover .thepopover .triangle-img {
  background: url("../images/popover-triangle.png") no-repeat scroll center center transparent;
}

#sowp-data-block .popover .thepopover h4 {
  color: #df8312;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 1em;
  margin-top: 0;
}

#sowp-data-block .popover .thepopover li a {
  color: #ffffff;
}

#sowp-data-block .popover .thepopover li a:hover {
  color: #0090c9;
}

/*---country popover css end---*/


/*=========================================================================
            SOF Country page - Overview section
===========================================================================*/
/*---SOF Top dashboard bar css---*/
.dash-sec-title {
    background-color: #ebebeb;
    padding: 5px 15px;
    border-bottom: 4px #d2d2d2 solid;
    min-height: 30px;
}

.dashboard-country-wrapper {
  margin-left: 32px;
  min-height: 74px;
  position: relative;
}

.dashboard-country-wrapper.wp-dashboard-country-wrapper {
  background-color: #5893b3;
}

.dashboard-country-wrapper .dashboard-icon {
  background-position: left top;
  background-repeat: no-repeat;
  height: 74px;
  left: -32px;
  position: absolute;
  top: 0;
  width: 74px;
}

.dashboard-icon.wp-dashboard-icon {
  background-image: url("../images/world-population-dashboard-icon.png");
}

.dashboard-country-download-profile-block {
  color: #fff;
  float: right;
  padding: 8px 25px;
}

/*---EOF Top dashboard bar css---*/

.page-data .all_chart_wrapper .data,
#sowp-data-block .all_chart_wrapper .data {
  width: 296px;
  border: 1px solid #d3d0e1;
  margin-right: 11px;
  padding: 0 0 20px 0;
  min-height: 746px;

}

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

.page-data .all_chart_wrapper .data h3,
#sowp-data-block .all_chart_wrapper .data h3 {
  color: #000 !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 21px;
  border-bottom: 1px solid #d3d0e1;
  padding: 2px 6px;
  height: auto;
  line-height: 1.5em;
}

.dashboard-all-chart-section-title,
.dashboard-section-title {
  background-color: #4a4a4a;
  color: #ffffff;
  cursor: pointer;
  padding: 5px 20px;
}

.section-title {
  font-size: 20px;
  font-weight: 700;
}

.dashboard-country-outer-box {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 3px 6px #ccc;
  margin: 20px 0 30px;
}

.page-data .all_chart_wrapper .data.container-3,
.page-data .all_chart_wrapper .data.container-6 {
  margin-right: 0px;
  overflow: hidden;
}

#dashboard-all-chart-section .all_chart_wrapper {
  padding: 20px 15px 20px 15px;
}

#dashboard-all-chart-section .all_chart_wrapper a.active.region-name-title {
  pointer-events: none;
  cursor: default;
}

.page-data .all_chart_wrapper .data .chart-block-wrapper,
#sowp-data-block .all_chart_wrapper .data .chart-block-wrapper {
  border-bottom: 2px solid #d3d0e1;
  margin: 0px 10px 5px;
  min-height: 250px;
  position: relative;
}

.page-data-world-population .all_chart_wrapper .data .no-data-wrapper,
#sowp-data-block .all_chart_wrapper .data .no-data-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
}

.fertility-val,
.expactancy-val {
  overflow: hidden;
  min-height: 240px;
}

.page-data .all_chart_wrapper .data .chart-legend {
  margin: 10px 0;
  padding: 0;
  position: absolute;
  top: 158px;
  width: 148px;
}

.page-data .all_chart_wrapper .data .values-wrapper,
#sowp-data-block .values-wrapper {
  overflow: hidden;
  padding: 0 10px;
}

.page-data .all_chart_wrapper .data .values-wrapper section,
#sowp-data-block .values-wrapper section {
  border-bottom: 1px solid #d3d0e1;
  padding-bottom: 5px;
  padding-top: 5px;
  float: left;
  width: 100%;
}

.page-data .all_chart_wrapper .data .values-wrapper div.label,
#sowp-data-block .values-wrapper section div.label {
  border-radius: initial;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  line-height: initial;
  text-align: left;
  width: 70%;
  float: left;
  padding: 0;
  white-space: normal;
}

.page-data .all_chart_wrapper .data .values-wrapper div.value,
#sowp-data-block .values-wrapper section div.value {
  display: block;
  float: left;
  width: 30%;
  font-size: 20px;
  color: #105b83;
  text-align: right;
}

.page-data .all_chart_wrapper .data .common-label,
#sowp-data-block .all_chart_wrapper .data .common-label {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #000;
}

.page-data .all_chart_wrapper .data .education-wrapper.values-wrapper .label,
.page-data .all_chart_wrapper .data .expactancy-wrapper.values-wrapper .label,
#sowp-data-block .all_chart_wrapper .data .education-wrapper.values-wrapper .label,
#sowp-data-block .all_chart_wrapper .data .education-wrapper.values-wrapper .label {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.fertility-val span,
.expactancy-val span {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}

.page-data .all_chart_wrapper .data #maternal-value {
  font-size: 32px;
  top: 65px;
  left: 125px;
}

/*=========================================================================
            EOF Country page - Overview section
===========================================================================*/
/*=========================================================================
            SOF Country page - Dashboard available for country block css
===========================================================================*/
#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content {
  padding: 20px 10px 10px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 98%;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li {
  display: table;
  float: left;
  height: 63px;
  margin: 0 60px 10px 28px;
  position: relative;
  width: 45%;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.transparency-portal-list-row {
  background-color: #aaaaaa;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.midwifery-dashboard-list-row {
  background-color: #e96094;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.adolescent-youth-dashboard-list-row {
  background-color: #e58f28;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.family-planning-dashboard-list-row {
  background-color: #dadd5a;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.population-projection-list-row {
  background-color: #38aca1;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.world-population-dashboard-list-row {
  background-color: #5893b3;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li:nth-child(2n) {
  margin: 0 0 10px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.list-row a .country-dashboard-portal-title {
  font-size: 14px;
  position: relative;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.list-row a:hover .country-dashboard-portal-title {
  color: #ffffff;
}

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.list-row a::before {
  transition: box-shadow 0.3s ease 0s;
  z-index: 0;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.list-row a::after {
  background-position: 0 0;
}

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.transparency-portal-list-row a:hover::before {
  box-shadow: 0 0 0 4px #aaaaaa inset;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.midwifery-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #e96094 inset;
  width: 100%;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.midwifery-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #e96094 inset;
}

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.adolescent-youth-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #e58f28 inset;
}

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.family-planning-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #dadd5a inset;
}

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.population-projection-list-row a:hover::before {
  box-shadow: 0 0 0 4px #38aca1 inset;
}

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.world-population-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #5893b3 inset;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.fgm-dashboard-list-row a::before {
  box-shadow: 0 0 0 60px #b367a5 inset;
  width: 100%;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li.fgm-dashboard-list-row a:hover::before {
  box-shadow: 0 0 0 4px #b367a5 inset;
}

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

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

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.transparency-portal-icon {
  background-position: 0 0;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.midwifery-icon {
  background-position: 0 -68px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.adolescent-youth-dashboard-icon {
  background-position: 0 -135px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.family-planning-dashboard-icon {
  background-position: 0 -203px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.population-projection-icon {
  background-position: 0 -269px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.world-population-dashboard-icon {
  background-position: 0 -336px;
}

#dashboard-country-detail-bottom-section .dashboard-country-detail-section-content ul li a span.fgm-dashboard-icon {
  background-position: 0 -402px;
}

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

#graph-container {
  display: block;
}

#image-container {
  display: none;
}
/*=========================================================================
            EOF Country page - Dashboard available for country block css
===========================================================================*/

/*=========================================================================
            SOF Dashboard page - Dashboard available for sowp block css
===========================================================================*/

div.swop-chart-title {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 20px;
  min-height: 65px;
  padding: 0px 10px 5px;
}

form#wp-pdf-form button.image-button {
  background-image: url(../images/save-to-pdf-button.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  border: 0 none;
  height: 34px;
  margin: 0 0 20px;
  outline: 0 none;
  text-indent: -9999px;
  width: 171px;
}

form#wp-pdf-form button.image-button:hover {
  box-shadow: none;
}

.wp-dashboard-disclaimer.disclaimer-wrapper {
  padding: 0 0 1%;
}

.wp-dashboard-disclaimer.disclaimer-wrapper .disclaimer-description-wrapper strong,
.wp-dashboard-disclaimer.disclaimer-wrapper .disclaimer-description-wrapper b {
  font-size: 13px;
}

/*New classes created for inline style sheet*/

.disp-none{
  display: none;
}

.disp-blk{
  display: block;
}

.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;
  width: 72px;
  height: 94px;
  margin-right: 15px;
}

.swop-data-rows {
  display: flex;
  flex-wrap: wrap;
  float: left;
}
#sowp-data-block #sowp-tabs-1::after {
  position: relative;
  content: '';
  clear: both;
  height: 5px;
}

#sowp-data-block .data.container-3 .sexual-wrapper.values-wrapper section div.label {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
#sowp-data-block .data.container-3 .sexual-wrapper.values-wrapper section div.label.bold,
#sowp-data-block .data.container-3 .sexual-wrapper.values-wrapper section span.label.bold{
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #000;
  white-space: normal;
  text-align: left;
  font-size: 14px;
  line-height: initial;
  border-radius: initial;
  padding: 0;
}

/*=========================================================================
            SOF Dashboard page country popover css
===========================================================================*/
.popover-block {
  display: inline-block;
  position: relative;
  width: 100%;
}
.popover-block .btn {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #0090C9;
  line-height: 16px;
}
.popover-block .btn:hover,
.popover-block .btn:focus {
  color: #0090C9;
}
.btn.pencil {
  background: url(../images/pencil.png) left 4px no-repeat;
  padding: 0 0 0 20px;
  text-align: left;
  text-transform: none;
}
.popover-block .thepopover {
  display: none;
  z-index: 3;
  position: absolute;
  border-radius: 3px;
  top: 30px;
  background: #FFFFFF;
  -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
  padding: 20px 5% 5px 5%;
  width: 100%;
}
.popover-block .thepopover .pinguelo {
  position: absolute;
  left: 5px;
  top: -13px;
  width: 32px;
  height: 18px;
  background: url(../images/pinguelopopover.png) no-repeat center center;
  display: block;
}
.popover-block .thepopover h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #316789;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 1em;
}
.popover-block .thepopover ul {
  float: left;
  width: 100%;
  list-style: none;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  margin-bottom: 1.5em;
}
.popover-block .thepopover li {
  width: 225px;
  display: inline-block;
}
.popover-block .thepopover li a {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #0091CA;
  line-height: 16px;
}
.popover-block .info {
  color: #000000;
  float: right;
  font-size: 10px;
}

#sowp-data-block .popover-block .thepopover {
  background: #565656 none repeat scroll 0 0;
}

#sowp-data-block .popover-block .thepopover .triangle-img {
  background: url("../images/popover-triangle.png") no-repeat scroll center center transparent;
}

#sowp-data-block .popover-block .thepopover h4 {
  color: #df8312;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 1em;
  margin-top: 0;
}

#sowp-data-block .popover-block .thepopover li a {
  color: #ffffff;
}

#sowp-data-block .popover-block .thepopover li a:hover {
  color: #0090c9;
}

/*=========================================================================
            EOF Dashboard page country popover css
===========================================================================*/

#map-scale-1 {
  width: 18%;
  margin: -80px 0 10px 4%;
  float: left;
  display: none;
}

#map-scale-1 .scale {
  float: left;
  height: 20px;
  width: 100%;
  background: #000000; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NkNzQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NkNzQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmM3YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #000000 0%, #cd7429 50%, #cd7429 50%, #ebc7a9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#cd7429), color-stop(50%,#cd7429), color-stop(100%,#ebc7a9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #000000 0%,#cd7429 50%,#cd7429 50%,#ebc7a9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #000000 0%,#cd7429 50%,#cd7429 50%,#ebc7a9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #000000 0%,#cd7429 50%,#cd7429 50%,#ebc7a9 100%); /* IE10+ */
  background: linear-gradient(to right,  #000000 0%,#cd7429 50%,#cd7429 50%,#ebc7a9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ebc7a9',GradientType=1 ); /* IE6-8 */
}

#map-scale-1 .max {
  font-size:11px;
  float: left;
  color: #000;
  margin-top: 10px;
}

#map-scale-1 .min {
  font-size:11px;
  float:right;
  color: #000;
  margin-top: 10px;
}

#map-scale-1 .no-data-legend {
  font-size: 11px;
  margin-bottom: 5px;
  color: #000;
}

#map-scale-1 .no-data-legend span.country-legend {
  background-color: #bdb4b4;
  width: 20px;
  height: 10px;
  margin-right: 5px;
  display: inline-block;
}

#disclaimer-block #dashboard-page-bottom-container,
#dashboard-page-bottom-container .disclaimer-wrapper {
  padding: 0;
}

.disclaimer-description-wrapper strong,
.disclaimer-description-wrapper b {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.path-data .overley-white {
  z-index: 30;
}

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

.path-data .open-data-dashboard-tabs .iradio_polaris {
  float: left;
}

.path-data #dashboard-map-wrapper .filter-option {
  position: relative;
  padding-left: 25px;
}
.path-data #dashboard-map-wrapper .filter-option .iradio_polaris {
  position: absolute !important;
  left: 0;
  top: -3px;
}
.btn.pencil::after,
.btn.pencil:hover::after {
  height: 0;
}

svg > g > g.google-visualization-tooltip {
  pointer-events: none;
}

.country_details {
  font-size: 21px;
  color: #FFF;
  margin-left: 46px;
  margin-top: 17px;
}