body{
        font-family: 'Open Sans', sans-serif;
        background-color: #f7f8f9;
        color: #1b1d1f;
        font-weight: 400;
        font-size: 14px !important;
    }
.dr-container {
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
    #figure-line-undern{
        width: 100%;
        margin: 0 auto;
    }


    @media (min-width: 768px) {

        #figure-line-undern{
            width: 100%;
        }

    }


    @media (min-width: 992px) {

        #figure-line-undern{
            width:98%;
        }

    }

//
// Lists
//
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;

  &:not(:last-child) {
    margin-right: $list-inline-padding;
  }
}
.text-center {
    text-align: center!important;
}
/* Charts */
.chart-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 60px 15px;
  background:#f1f1f1;
}
.chart-container .chart-renderer {
  text-align: center;
  max-width: 1300px;
  margin: 60px auto 60px auto;
}
.chart-container .chart-title {
  text-align: center;
}
.chart-container .chart-title h2 {
  font-size: 17px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 30px;
}
.chart-container .chart-title h6 {
  color: #6f6f6f;
}
.chart-container h6 a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 800;
  color: #1b1d1f;
}
.chart-container h6 a i {
  margin-right: 5px;
}
.chart-container h6 a:hover {
  text-decoration: none;
}
.highcharts-tooltip > span {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.highcharts-tooltip > span span {
  font-size: 14px !important;
}
.highcharts-tooltip > span span:first-child {
  font-size: 18px !important;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 300;
}

.chart-internal-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.highcharts-legend-item {
  overflow: visible !important;
}
.highcharts-legend-item span {
  font-size: 12px !important;
  color: #1b1d1f !important;
  font-weight: normal !important;
}
.highcharts-legend-item > span {
  overflow: visible !important;
}
.highcharts-legend-item:first-child .undefined {
  background-color: #ff6600;
}
.highcharts-legend-item:last-child .undefined {
  background-color: #4c5d6a;
}

.undefined {
  display: inline-block;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -21px;
  position: relative;
  z-index: 20;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.y-label {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-weight: 800;
  font-size: 11px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 5px;
}

p.note {
  margin-top: 0px;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
p.note.note-white {
  color: #999999;
}

.stacked-label-shift .highcharts-stack-labels text {
  transform: translate(15px, 0);
}

#figure-bar-wasting .highcharts-container, #figure-bar-stunting .highcharts-container, #figure-bar-overweight .highcharts-container {
  overflow: visible !important;
}

.highlighted-value {
  position: relative;
}
.highlighted-value > span {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.column-marker-top {
  width: 28px;
  height: 24px;
  position: absolute;
  left: -45px;
  top: 3px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: url(../images/column-marker-top.svg);
  background-size: contain;
}

.multi-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 30px;
  /* Small devices (tablets, 768px and up) */
}
@media (min-width: 768px) {
  .multi-title {
    margin-bottom: 0;
  }
}
.multi-title .multiple-ico {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.multi-title .multiple-ico.stunting-ico {
  background-image: url(../images/multiple-chart-icons/stunting.svg);
}
.multi-title .multiple-ico.wasting-ico {
  background-image: url(../images/multiple-chart-icons/wasting.svg);
}
.multi-title .multiple-ico.overweight-ico {
  background-image: url(../images/multiple-chart-icons/overweight.svg);
}
.multi-title .multiple-ico.exclusive-ico {
  background-image: url(../images/multiple-chart-icons/exclusive.svg);
}
.multi-title .multiple-ico.anemia-ico {
  background-image: url(../images/multiple-chart-icons/anemia.svg);
}
.multi-title .multiple-ico.obesity-ico {
  background-image: url(../images/multiple-chart-icons/obesity.svg);
}
.multi-title .multiple-title-text h4 {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 0;
  margin-bottom: 5px;
}
.multi-title .multiple-title-text p {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  color: #999999;
  margin: 0;
  line-height: 1.1;
}

.figure-gpd {
  overflow-x: hidden;
}
.legend .point {
  display: inline-block;
  width: 20px;
  height: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
  top: -2px;
}
.legend li {
  margin: 5px;
}
.legend.fig-2 .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.fig-2 li:nth-child(1) .point {
  background-color: #6ac1bd;
}
.legend.fig-2 li:nth-child(2) .point {
  background-color: #ed7926;
}
.legend.fig-2 li:nth-child(3) .point {
  background-color: #bf2b1a;
}
.legend.fig-2 li:nth-child(4) .point {
  background-color: #127e83;
}
.legend.legend-figure-reported-threats {
  color: #999999;
}
.legend.legend-figure-reported-threats .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-figure-reported-threats li:nth-child(1) .point {
  background-color: #6464AB;
}
.legend.legend-figure-reported-threats li:nth-child(2) .point {
  background-color: #00667E;
}
.legend.legend-figure-reported-threats li:nth-child(3) .point {
  background-color: #009BA4;
}
.legend.legend-figure-reported-threats li:nth-child(4) .point {
  background-color: #95C11F;
}
.legend.legend-figure-reported-threats li:nth-child(5) .point {
  background-color: #354D9C;
}
.legend.legend-fies {
  color: #999999;
}
.legend.legend-fies .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-fies li:nth-child(1) .point {
  background-color: #009167;
}
.legend.legend-fies li:nth-child(2) .point {
  background-color: #F39D2E;
}
.legend.legend-fies li:nth-child(3) .point {
  background-color: #c41718;
}
.legend.legend-water-use {
  color: #999999;
}
.legend.legend-water-use .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-water-use li:nth-child(1) .point {
  background-color: #bab0ac;
}
.legend.legend-water-use li:nth-child(2) .point {
  background-color: #75b7b2;
}
.legend.legend-water-use li:nth-child(3) .point {
  background-color: #4e78a7;
}
.legend.legend-water-use li:nth-child(4) .point {
  background-color: #b07aa1;
}
.legend.legend-agricoltural-output, .legend.legend-agricoltural-average {
  color: #999999;
}
.legend.legend-agricoltural-output .point, .legend.legend-agricoltural-average .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-agricoltural-output li:nth-child(1) .point, .legend.legend-agricoltural-average li:nth-child(1) .point {
  background-color: #f6840c;
}
.legend.legend-agricoltural-output li:nth-child(2) .point, .legend.legend-agricoltural-average li:nth-child(2) .point {
  background-color: #4c5d6a;
}
.legend.legend-dadis {
  color: #999999;
}
.legend.legend-dadis .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-dadis li:nth-child(1) .point {
  background-color: #4B904C;
}
.legend.legend-dadis li:nth-child(2) .point {
  background-color: #E49245;
}
.legend.legend-dadis li:nth-child(3) .point {
  background-color: #A72426;
}
.legend.legend-dadis li:nth-child(4) .point {
  background-color: #B7B1AC;
}
.legend.legend-sdg25 {
  color: #999999;
}
.legend.legend-sdg25 .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-sdg25 li:nth-child(1) .point {
  background-color: #B7B1AC;
}
.legend.legend-sdg25 li:nth-child(2) .point {
  background-color: #A72426;
}
.legend.legend-sdg25 li:nth-child(3) .point {
  background-color: #4B904C;
}
.legend.legend-sdg2a1 {
  color: #999999;
}
.legend.legend-sdg2a1 li {
  font-size: 13px;
}
.legend.legend-sdg2a1 .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-sdg2a1 li:nth-child(1) .point {
  background-color: #69379B;
}
.legend.legend-sdg2a1 li:nth-child(2) .point {
  background-color: #A5A5A5;
}
.legend.legend-sdg2a1 li:nth-child(3) .point {
  background-color: #4E73BD;
}
.legend.legend-sdg2a1 li:nth-child(4) .point {
  background-color: #335C8D;
}
.legend.legend-sdg2a1 li:nth-child(5) .point {
  background-color: #DE8142;
}
.legend.legend-sdg2a1 li:nth-child(6) .point {
  background-color: #F5C144;
}
.legend.legend-sdg2a1 li:nth-child(7) .point {
  background-color: #7DAB56;
}
.legend.legend-sdg2a1 li:nth-child(8) .point {
  background-color: #934D21;
}
.legend.legend-smta-abs {
  color: #999999;
}
.legend.legend-smta-abs .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-smta-abs li:nth-child(1) .point {
  background-color: #699BCF;
}
.legend.legend-smta-abs li:nth-child(2) .point {
  background-color: #3D562B;
}
.legend.legend-fish-stocks {
  color: #999999;
}
.legend.legend-fish-stocks .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-fish-stocks li:nth-child(1) .point {
  background-color: #F19235;
}
.legend.legend-fish-stocks li:nth-child(2) .point {
  background-color: #0088A2;
}
.legend.legend-fish-stocks li:nth-child(3) .point {
  background-color: #005168;
}
.legend.legend-sustainable-fisheries {
  color: #999999;
}
.legend.legend-sustainable-fisheries .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-sustainable-fisheries li:nth-child(1) .point {
  background-color: #f6840c;
}
.legend.legend-sustainable-fisheries li:nth-child(2) .point {
  background-color: #4c5d6a;
}
.legend.legend-sustainable-fisheries li:nth-child(3) .point {
  background-color: #999999;
}
.legend.legend-sdg2c1 {
  color: #999999;
}
.legend.legend-sdg2c1 .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-sdg2c1 li:nth-child(1) .point {
  background-color: #335c8d;
}
.legend.legend-sdg2c1 li:nth-child(2) .point {
  background-color: #f6840c;
}
.legend.legend-smallscale-fisheries, .legend.legend-iuu-average {
  color: #999999;
}
.legend.legend-smallscale-fisheries .point, .legend.legend-iuu-average .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-smallscale-fisheries li:nth-child(1) .point, .legend.legend-iuu-average li:nth-child(1) .point {
  background-color: #007dc1;
}
.legend.legend-wild-food-species {
  color: #999999;
}
.legend.legend-wild-food-species .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-wild-food-species li:nth-child(1) .point {
  background-color: #00aaae;
}
.legend.legend-wild-food-species li:nth-child(2) .point {
  background-color: #88c834;
}
.legend.legend-wild-food-species li:nth-child(3) .point {
  background-color: #b6bbbe;
}
.legend.legend-wild-food-species li:nth-child(4) .point {
  background-color: #2e53a8;
}
.legend.legend-wild-food-species li:nth-child(5) .point {
  background-color: #df232b;
}
.legend.legend-wild-food-species li:nth-child(6) .point {
  background-color: #00a64b;
}
.legend.legend-wild-food-species li:nth-child(7) .point {
  background-color: #d7bb8b;
}
.legend.legend-wild-food-species li:nth-child(8) .point {
  background-color: #7fc5eb;
}
.legend.legend-wild-food-species li:nth-child(9) .point {
  background-color: #f3f062;
}
.legend.legend-wild-food-species li:nth-child(10) .point {
  background-color: #4d2892;
}
.legend.legend-reported-trends {
  color: #999999;
}
.legend.legend-reported-trends .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-reported-trends li:nth-child(1) .point {
  background-color: #df232b;
}
.legend.legend-reported-trends li:nth-child(2) .point {
  background-color: #67a9dc;
}
.legend.legend-reported-trends li:nth-child(3) .point {
  background-color: #88c834;
}
.legend.legend-reported-trends li:nth-child(4) .point {
  background-color: #b6bbbe;
}
.legend.legend-reported-undern {
  color: #999999;
}
.legend.legend-reported-undern .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-reported-undern li:nth-child(1) .point {
  background-color: #f6840c;
}
.legend.legend-reported-undern li:nth-child(2) .point {
  background-color: #4c5d6a;
}
.legend.legend-sdg1511 {
  color: #999999;
}
.legend.legend-sdg1511 .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-sdg1511 li:nth-child(1) .point {
  background-color: #a2bb65;
}
.legend.legend-sdg1511 li:nth-child(2) .point {
  background-color: #497a2a;
}
.legend.legend-gdp {
  color: #999999;
}
.legend.legend-gdp .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-gdp li:nth-child(1) .point {
  background-color: #df232b;
}
.legend.legend-gdp li:nth-child(2) .point {
  background-color: #67a9dc;
}
.legend.legend-gdp li:nth-child(3) .point {
  background-color: #88c834;
}
.legend.legend-gdp li:nth-child(4) .point {
  background-color: #b6bbbe;
}
.legend.legend-table {
  color: #999999;
}
.legend.legend-table .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-table li:nth-child(1) .point {
  background-color: green;
}
.legend.legend-table li:nth-child(2) .point {
  background-color: yellow;
}
.legend.legend-table li:nth-child(3) .point {
  background-color: red;
}
.legend.legend-mgcindex {
  color: #999999;
}
.legend.legend-mgcindex .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-mgcindex li:nth-child(1) .point {
  background-color: #a2bb65;
}
.legend.legend-reported-threats {
  color: #999999;
}
.legend.legend-reported-threats .point {
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 5px;
}
.legend.legend-reported-threats li:nth-child(1) .point {
  background-color: #df232b;
}
.legend.legend-reported-threats li:nth-child(2) .point {
  background-color: #01828f;
}
.legend.legend-reported-threats li:nth-child(3) .point {
  background-color: #7fc5eb;
}
.legend.legend-reported-threats li:nth-child(4) .point {
  background-color: #f3f062;
}
.legend.legend-reported-threats li:nth-child(5) .point {
  background-color: #6379c0;
}
.legend.legend-reported-threats li:nth-child(6) .point {
  background-color: #88c834;
}
.legend.legend-reported-threats li:nth-child(7) .point {
  background-color: #b2ddf4;
}
.legend.legend-reported-threats li:nth-child(8) .point {
  background-color: #ac1f79;
}
.legend.legend-reported-threats li:nth-child(9) .point {
  background-color: #b4c5b0;
}
.legend.legend-reported-threats li:nth-child(10) .point {
  background-color: #2e53a8;
}
.legend.legend-reported-threats li:nth-child(11) .point {
  background-color: #f8984f;
}
.legend.legend-reported-threats li:nth-child(12) .point {
  background-color: #8ba3aa;
}

/* Morph Background */
.scene {
  background: #4E2682;
}

.scene path:first-child {
  fill: #6464AB;
}

.scene path:nth-child(2) {
  fill: #00667E;
}

.scene path:nth-child(3) {
  fill: #009BA4;
}

.scene path:nth-child(4) {
  fill: #95C11F;
}

.scene path:nth-child(5) {
  fill: #354D9C;
}

.scene path:nth-child(6) {
  fill: #009640;
}

.scene path:nth-child(7) {
  fill: #45B2D9;
}
.figure-table-prevalence th {
    font-weight: normal;
    text-align: left;
}
}
[lang="ar"] .sdg-indicator-video {
    float: left;
    width: 40%;
}
.goal-Indicators{ margin:0px; padding:0px; margin-bottom: 20px;} 
.goal-icon{ float: left; margin: 0px auto; width:20%;}
.goal-dt{ float: right; margin: 0px auto; width:80%;}

[lang="ar"] .goal-icon{ float: right; margin: 0px auto; width:20%;}
[lang="ar"] .goal-dt{ float: left; margin: 0px auto; width:80%;}
[lang="ar"] .goal-text{ padding-right: 30px;}

.goal-text{ padding-left: 30px;}
.goal-text h2{font-size: 15px; font-weight: 600; margin: 0px;}
.clr{ clear:both;}
.target{ background: #f8f8f8; border-left: 8px solid #000; padding: 15px; overflow: hidden; float: left;  width: 55%; margin-bottom: 20px;}
[lang="ar"] .target{border-right: 8px solid #000; border-left:none !important; float: right; }

.target h2{ font-size: 18px; font-weight: 500;}
.target h3{ font-size: 18px; font-weight: 500;}
.target p.italic{font-style: italic;}
.Target-two{border-color:#d6a103 !important;}
.Target-five{border-color:#ff3a20 !important;}
.Target-six{border-color:#27bde2 !important;}
.Target-twelve{border-color:#c08b2d !important;}
.Target-fourteen{border-color:#0897d9 !important;}
.Target-fifteen{border-color:#56c02a !important;}
.section-button {
    background-color: #0d6cac;
    padding: 6px 10px;
    border-radius: 25px;
    position: relative;
    color: white;
    cursor: pointer;
    padding-left: 35px;
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
}
[lang="ar"] .section-button {
    padding-right: 35px;
    float: left;
}
.doc-icon, #doc-icon {
 max-height: 84px !important; height: auto;
}
.SDG-PDR {color: #099fdc !important;
    background:#f6f6f6 url("/fileadmin/templates/SDG-progress-report/2019/SDGs_Lines_TextButton.jpg") no-repeat center top;
    margin-bottom: 20px;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 550;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.SDG-PDR a {color: #099fdc !important;}
.SDG-PDR a:hover {text-decoration: none;}