/*****************************

map widget styles

****************************/

.map-block .map-head {
  display: none;
}

.map-block .visualisation-item-inner {
  padding: 30px 40px;
  transition: opacity 0.5s linear 0s;
}

.map-block.visualisation-item {
  width: 100% !important;
  margin-right: 0 !important;
}

.map-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.map-block:not(.is-active) .visualisation-wrap {
  opacity: 0;
}

.map-wrap {
  min-height: 350px;
}

/**************map filters********/

.map-filter-component {
  display: flex;
  width: 100%;
}

.map-filter-left {
  width: 60%;
  padding-right: 30px;
}

.map-filter-right {
  width: 40%;
  padding-left: 30px;
}

.normal-dropdown select {
  height: 32px;
  width: 100%;
  border: 1px solid #c4c4c4;
  padding: 5px 43px 5px 20px;
  background: url(/themes/custom/gff/components/inner-pages/map-widget/css/../img/drop_down_icon.png) no-repeat calc(100% - 20px) center #ffffff;
  outline: 0 !important;
  border-radius: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  color: #666666;
  font-weight: 300;
}

.normal-dropdown select:focus {
  background-image: url(/themes/custom/gff/components/inner-pages/map-widget/css/../img/drop_up_icon.png);
}

.normal-dropdown select::-ms-expand {
  display: none;
}

.indicator-selected {
  margin-top: 4px;
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #1fa29c;
  overflow: hidden;
}

.indicator-selected strong {
  font-size: 16px;
  font-weight: 600;
  color: #4d4d4d;
}

.filter-tab {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.filter-tab ul li {
  padding-left: 0;
  padding-right: 0;
}

.filter-tab ul li:not(:last-child) {
  margin-right: 15px;
}

.filter-tab ul li a {
  padding-bottom: 3px;
  color: #cccccc;
}

.filter-tab a:after {
  bottom: 0;
}

.filter-slider {
  padding-top: 14px;
  padding-left: 10px;
}

.year-select-block:not(.is-active) {
  display: none;
}

.map-wrap .full-width {
  width: 100%;
}

/**********left section*********/

.map-filters {
  margin-top: 20px;
}

/*********map-chart-tab*********/

.map-chart-tab {
  width: 100%;
}

.map-chart-tab ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  width: 100%;
}

.map-chart-tab ul li:not(:last-child) {
  margin-right: 15px;
}

/****************map chart area********/

.map-chart-plot-region {
  display: flex;
  width: 100%;
  margin-top: 40px;
}

.map-chart-title {
  display: block;
  text-align: center;
  font-weight: var(--fw-bold);
  font-size: var(--fs-12);
  color: var(--clr-gray-dark);
  margin-bottom: 10px;
  position: relative;
}

.chart-wrap .map-chart-title {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.chart-wrap .map-chart-title .visualization-actions-block {
  top: 50%;
  position: static;
  margin-top: 0px;
}

.chart-wrap .map-chart-title .title-label {
  padding-right: var(--sp6);
  border-right: 1px solid var(--border-primary);
  margin-right: var(--sp6);
  text-align: left;
}

/****************year slider*********/

.year-slider {
  width: 100%;
}

.map-block g.highcharts-tooltip {
  display: none;
}

/****************legend item overwrite*********/

.map-block .custom-legend-block {
  margin-top: 60px;
}

.map-block .legend-item {
  width: auto;
  margin-right: 15px;
}

.map-block .custom-legend-block .symbol {
  margin-right: 8px;
}

.map-block .popup-component .custom-legend-block {
  margin-top: 20px;
  justify-content: center;
}

.map-block .popup-component .legend-item .serieName {
  width: auto;
}

.map-block .legend-item .serieName {
  width: auto;
}

.map-element .highcharts-legend text {
  font-size: 12px !important;
  color: #4d4d4d !important;
  font-weight: 400 !important;
  font-family: 'Poppins', sans-serif;
}

/**********map popup tables**********/

.map-plot-block .highcharts-coloraxis-labels text:first-child,
.map-plot-block .highcharts-coloraxis-labels text:last-child {
  opacity: 1;
}

/**************color axis************/

.map-legends {
  width: 100%;
}

.color-axis-block {
  width: 280px;
}

.color-axis {
  width: 100%;
  position: relative;
}

.color-axis-inner {
  display: flex;
  width: 100%;
  height: 20px;
  background: #ece9e7;
  position: relative;
}

.color-axis .color-area {
  width: 50%;
}

.color-area-negative {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea8686+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(left, rgba(234, 134, 134, 1) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(234, 134, 134, 1) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(234, 134, 134, 1) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea8686', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}

.color-area-positive {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,33a9a1+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(51, 169, 161, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(51, 169, 161, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(51, 169, 161, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33a9a1', GradientType=1);
  /* IE6-9 */
}

.color-axis-values {
  position: relative;
}

.axis-values-inner:before,
.color-axis-values:before,
.color-axis-values:after {
  content: "";
  height: 6px;
  width: 1px;
  background-color: #dbdbdb;
  position: absolute;
  left: 0;
  top: 1px;
}

.color-axis-values:after {
  left: auto;
  right: 0;
}

.axis-values-inner:before {
  left: 50%;
  margin-left: -0.5px;
}

.axis-values-inner {
  margin-top: 4px;
  border-top: 1px solid #dbdbdb;
  height: 20px;
  padding-top: 5px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.value-label {
  font-size: 12px;
  color: #808080;
  font-weight: 300;
  width: calc(100% / 11);
  text-align: center;
  position: relative;
}

.axis-values-inner .negative-value {
  margin-left: -15px;
}

.axis-values-inner .positive-value {
  margin-right: -15px;
}

.value-label:after {
  content: "";
  height: 6px;
  width: 1px;
  background-color: #dbdbdb;
  position: absolute;
  left: 0;
  top: -5px;
  right: 0;
  margin: 0 auto;
}

/**********map-legend-positive-only*******/

.map-legend-positive-only .color-area-negative {
  display: none;
}

.map-legend-positive-only .color-area-positive {
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ff6462+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(226, 64, 64, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(226, 64, 64, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(226, 64, 64, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff6462', GradientType=1);
  /* IE6-9 */
}

.map-legend-positive-only .value-label {
  opacity: 0;
}

.map-legend-positive-only .value-label:first-child {
  text-align: left;
  opacity: 1;
}

.map-legend-positive-only .value-label:last-child {
  text-align: right;
  opacity: 1;
}

.map-block .map-custom-legends {
  margin-top: 0px;
  margin-bottom: 15px;
  display: none;
}

.map-block .map-custom-legends.is-shown {
  display: block;
}

.maps-legends-button-wrapper {
  margin-bottom: 15px;
  position: static;
}

/********no data********/

.map-have-no-data {
  position: relative;
}

.map-have-no-data .data-not-found {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 500;
  color: #4d4d4d;
}

.data-not-found.map-not-found {
  position: static;
  height: 250px;
}

.overlap-style.map-have-no-data .data-not-found {
  position: absolute;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

.overlap-style.map-have-no-data .map-element {
  min-height: 300px;
}

.all-data-not-found {
  height: 400px;
}

.data-not-found.all-data {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 500;
  color: #4d4d4d;
}

.chart-element.have-no-data {
  position: relative;
}

/*********map sections*********/

.map-block .map-filter-component {
  flex-wrap: wrap;
  align-items: flex-end;
}

.map-block .map-chart-plot-region .map-filter-component {
  align-items: flex-start;
}

.map-block .map-filter-top {
  width: 100%;
  margin-bottom: 24px;
}

.filter-field-label {
  color: #1fa29c;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  display: block;
}

.map-block .map-filter-left {
  padding-bottom: 11px;
}

.map-block .map-chart-plot-region {
  margin-top: 0px;
  flex-wrap: wrap;
}

.map-block .common-filter-component {
  margin-bottom: 15px;
}

.map-block .performance-based-filter {
  margin-bottom: 23px;
}

.map-tab-item-wrapper {
  width: 100%;
}

.map-tab-item-wrapper .map-tab-items {
  width: 100%;
  display: none;
}

.map-tab-item-wrapper .map-tab-items.is-active-section {
  display: flex;
}

.disaggregation-section {
  flex-direction: column;
}

.map-tab-items-inner {
  width: 100%;
}

.map-tab-items-inner .top-tab-section {
  display: flex;
  width: auto;
  justify-content: flex-end;
}

/*********if disaggregation**************/

.map-block .common-filter-component {
  margin-bottom: 0;
}

/*.map-block.have-disaggregation .map-filter-top ,*/

.map-block .map-section.with-main-tabs .map-filter-top {
  margin-bottom: 26px;
}

/*.map-block.have-disaggregation .map-chart-plot-region ,*/

.map-block .map-section.with-main-tabs .map-chart-plot-region {
  margin-top: 25px;
}

/*.map-block.have-disaggregation .map-nav-wrapper ,*/

.map-block .map-section.with-main-tabs .map-nav-wrapper {
  display: block;
}

.disaggregation-chart-element {
  width: 100%;
}

.disaggregation-visulization-item {
  width: 100%;
  padding-top: 23px;
  min-height: 500px;
}

.disaggregation-visulization-item:not(.is-active) {
  display: none;
}

.map-block .disaggregation-chart-legends {
  margin-top: 29px;
}

.disaggregation-chart-legends .visualisation-legends {
  justify-content: center;
}

.disaggregation-title {
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.disaggregation-title .title-label {
  max-width: 600px;
}

.stacking-actions-block.visualization-actions-block {
  position: absolute;
  right: 0;
  top: 0;
}

.stacking-actions-block .visualization-actions ul {
  display: flex;
}

.stacking-actions-block .action-field {
  border: 1px solid #dbdbdb;
  padding: 5px;
}

.stacking-actions-block li:not(:last-child) {
  margin-right: 5px;
}

.disaggregation-content-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.disaggregation-table-block.table-block table th,
.disaggregation-table-block.table-block table tr td {
  border: 1px solid #dbdbdb !important;
  padding-left: 25px;
  padding-right: 25px;
}

.disaggregation-link {
  display: none;
}

.map-block.have-disaggregation .disaggregation-link {
  display: block;
}

.disaggregation-filter-section {
  display: flex;
  justify-content: flex-end;
}

.disaggregation-filter {
  width: 60%;
  padding-right: 30px;
}

.disaggregation-filter .dropdown-section {
  width: calc(50% - 20px);
}

.disaggregation-chart-element.have-no-data {
  position: relative;
  height: 300px;
}

.disaggregation-chart-element .data-not-found {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/themes/custom/gff/components/inner-pages/map-widget/css/../img/Grey_Chart.png) no-repeat center center rgba(255, 255, 255, 0.6);
  background-size: contain;
  font-size: 18px;
  font-weight: 500;
  color: #4d4d4d;
}

.disaggregation-footnotes .footnotes strong {
  font-weight: 500;
}

/***********priority legends*********/

.priority-legend-inner {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 12px;
  color: #4d4d4d;
  align-items: center;
  line-height: 12px;
  padding-left: 12px;
}

.priority-legend-inner .line-field {
  width: 50px;
  height: 1.5px;
  background: #333333;
  margin-right: 10px;
}

.fiscal-year-block {
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  color: #4d4d4d;
  margin-top: 12px;
  display: flex;
  align-items: center;
  line-height: 12px;
  position: relative;
  padding-left: 12px;
}

.asterik-symbol {
  font-size: 16px;
}

.fiscal-year-block .asterik-symbol {
  display: flex;
  align-items: center;
  line-height: 16px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 0px;
}

.performance-based-filter .group-2-col>.group-col {
  width: calc(50% - 20px);
  margin-right: 20px;
}

.performance-based-filter .group-2-col>.group-col:last-child {
  margin-right: 0;
}

.performance-based-filter .dropdown-section .current_value,
.performance-based-filter .dropdown-section .placeholder,
.performance-based-filter .dropdown-section .control-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  display: block;

}

.performance-based-filter .dropdown-section .control-label {
  width: 100%;
}

.tableexport-caption {
  display: none !important;
}

/******* reset filters**********/

.map-filter-component .reset-filters-wrapper {
  display: flex !important;
  justify-content: space-between;
}

.reset-all-filters {
  min-height: 27px;
  display: flex;
  padding-bottom: 10px;
}

/**** quarterly data *********/

.chart-representation {
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-end;
  position: relative;
  right: 0;
  color: #1fa29c;
  top: -10px;
  font-weight: 500;
  margin-bottom: 10px;
}

.chart-representation-btn {
  cursor: pointer;
  padding-left: 18px;
  position: relative;
}

.chart-representation-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6.5px;
  width: 13px;
  height: 13px;
  background: url(/themes/custom/gff/components/inner-pages/map-widget/css/../img/checkbox/check_box_empty.png) no-repeat center center transparent;
}

.chart-representation-btn.is-active:after {
  background-image: url(/themes/custom/gff/components/inner-pages/map-widget/css/../img/checkbox/check_box.png);
}

.time-trend-chart.chart-wrap {
  position: relative;
}

.map-block .performance-based-filter {
  margin-bottom: 13px;
}

#implementation-progress-map .popup-chart-element {
  width: 100%;
  padding-right: 25px;
}

/* remove quarterly check box for some countries */

.map-block[countryid="SLE"] .yearly-quarterly {
  display: none !important;
}

/* ind type text */

.ind-selected-text .tooltip-bottom-note,
.ind-selected-text .time-trend-chart .sort-block,
.ind-selected-text .time-trend-chart .chart-wrap-inner,
.ind-selected-text .chart-wrap .map-chart-title .visualization-actions-block {
  display: none;
}

.trend-chart-show.ind-selected-text .time-trend-chart .chart-wrap-inner {
  display: block;
}

.trend-chart-show.ind-selected-text .chart-wrap-inner {
  max-width: 500px;
  width: 100%;
  margin: 0px auto;
}

.trend-chart-show.ind-selected-text .chart-wrap-inner .chart-element {
  display: flex;
  justify-content: center;
}

.ind-selected-text .chart-wrap .map-chart-title .title-label {
  border: none;
  padding-right: 0;
  margin-right: 0;
}

.ind-selected-text .compare-button-block {
  display: none !important;
}

/* disable-for-single-year */

/* .disable-for-single-year {
  pointer-events: none;
  opacity: 0.5;
}

.reported-years-single-only .tooltip-bottom-note,
.disable-legend-for-single-year+.custom-legend-block {
  display: none;
}
 */

/* subnationals-disabled for single year and no-data in subnational*/

.subnationals-disabled .select-organization-section {
  pointer-events: none;
  opacity: 0.5;
}

/* indicator note */

.indicator-based-note-section {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: #333333;
  /* overflow: hidden; */
  float: left;
  margin-top: 10px;
  width: 100%;
  padding: 0 20px;
}

.indicator-based-note-section p {
  font-weight: 400;
  font-size: 12px;
  font-style: italic;
  color: #333333;
}

.indicator-based-note-section .indicator-based-note-inner {
  padding-left: 27px;
  position: relative;
}

.indicator-based-note-section .indicator-based-note-inner:before {
  content: "";
  background: url(/themes/custom/gff/components/inner-pages/map-widget/css/../img/ind-note.png) no-repeat center center transparent;
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8.5px;
}

.indicator-based-note-section a {
  color: #1fa29c;
  text-decoration: underline;
  font-weight: 600;
}

.indicator-based-note-section a:hover {
  color: #666666;
}

/*********************************

Responsive

*********************************/

/********for low height laptops**********/

@media only screen and (max-height: 650px) {

  /* .map-block:not(.have-disaggregation) .map-filter-top {
    margin-bottom: 19px;
  }*/
  .map-block .map-right-section .custom-legend-block {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1200px) {
  .map-block .visualisation-item-inner {
    padding: 20px;
  }

  .map-left-section,
  .map-filter-left {
    padding-right: 15px;
  }

  .map-right-section,
  .map-filter-right {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .map-block .visualisation-item-inner {
    padding: 0 !important;
    background: transparent;
    box-shadow: none;
  }

  .map-block .filter-by-indicator .filter-field-label {
    display: none;
  }

  .map-tab-item-wrapper {
    width: 100%;
    padding: 25px 20px 10px 20px;
    box-shadow: 0 0 28px 0px rgba(0, 0, 0, 0.2);
  }

  .map-section .map-filter-component,
  .map-chart-plot-region {
    flex-wrap: wrap;
  }

  .map-section .map-filter-right,
  .map-chart-plot-region .map-right-section {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
  }

  .map-section .map-filter-left,
  .map-chart-plot-region .map-left-section {
    /* padding-right: 0; */
    width: 100%;
  }

  .map-chart-plot-region .map-filter-left {
    order: 1;
  }

  .map-chart-plot-region .map-filter-right {
    order: 0;
    margin: 0;
  }

  .map-title-mobile {
    text-align: left;
    margin: 15px 0;
  }

  .map-block .performance-based-filter {
    max-width: 500px;
    margin: 0 auto 30px auto;
  }

  .map-chart-plot-region .map-chart-title:not(.mobile-fields) {
    display: none;
  }

  .map-block .legend-item {
    width: auto;
    margin-right: 15px !important;
  }

  .compare-button-block {
    width: 100%;
    float: left;
    display: flex !important;
    justify-content: flex-start;
    padding-right: 50px;
  }

  .map-block .share-download-options {
    position: absolute;
    left: auto;
    top: auto;
    padding: 0;
    right: 10px;
    bottom: 10px;
  }

  .map-nav-wrapper {
    border: none;
  }

  .map-nav-wrapper ul {
    width: 100%;
    justify-content: center;
  }

  /************chart section popup **************/
  .time-trend-chart.chart-wrap {
    width: 100%;
    max-height: 100%;
    overflow: auto;
  }

  .time-trend-chart .floating-wrapper-component .dropdown-groups {
    max-width: 300px;
  }

  .map-right-section.map-chart-component .visualization-actions-block {
    display: none;
  }

  .map-right-section.map-chart-component .chart-wrap .map-chart-title {
    display: block;
  }

  .map-right-section.map-chart-component {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10001;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0;
  }

  .time-trend-chart-outer {
    height: 100%;
    background: #ffffff;
    width: 100%;
    z-index: 1;
    padding: 50px 10px 30px 10px;
    position: relative;
    display: flex;
    align-items: center;
  }

  .map-right-section.map-chart-component.is-active {
    display: flex;
  }

  .map-chart-component .chart-overlay {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    position: absolute;
  }

  .compare-button-block {
    width: 100%;
    float: left;
    display: flex !important;
    justify-content: flex-start;
    padding-right: 50px;
    margin-top: 20px;
  }

  .compare-button-block .btn {
    border-radius: 0;
  }

  .compare-button-block strong {
    padding-left: 5px;
  }

  .map-block .popup-chart-element {
    height: 250px !important;
  }

  .chart-wrap .map-chart-title .title-label {
    padding: 0;
    margin: 0;
    display: block;
    border: none;
  }

  .map-right-section.map-chart-component .floating-wrapper {
    margin-bottom: 20px;
  }

  .map-block .share-download-options {
    bottom: 10px;
  }

  .priority-legend-inner {
    padding-left: 0;
  }

  /* text - time trend */
  .ind-selected-text.trend-chart-show .map-right-section.map-chart-component {
    position: static;
    display: block;
    background: #fff;
    height: auto;
    padding: var(--cols-padding);
  }

  .ind-selected-text.trend-chart-show .time-trend-chart.chart-wrap {
    max-height: none;
    margin: 0;
    overflow: unset;
  }

  .ind-selected-text.trend-chart-show .time-trend-chart-outer {
    height: auto;
    border-top-right-radius: 0;
    max-height: none;
    max-width: none;
    padding: 0;
  }

  .ind-selected-text.trend-chart-show .time-trend-chart .mCSB_container {
    margin-right: 0 !important;
  }

  .ind-selected-text.trend-chart-show .time-trend-chart .floating-wrapper-component,
  .ind-selected-text.trend-chart-show .time-trend-chart .mCSB_scrollTools,
  .ind-selected-text.trend-chart-show .chart-wrap-inner .share-download-options,
  .ind-selected-text.trend-chart-show .map-left-section,
  .ind-selected-text.trend-chart-show .chart-close,
  .ind-selected-text.trend-chart-show .map-right-section.map-chart-component .chart-overlay {
    display: none !important;
  }

  .ind-selected-text.trend-chart-show .time-trend-chart .highcharts-container {
    width: 100% !important;
  }

  .ind-selected-text.trend-chart-show .time-trend-chart .map-chart-title .title-label {
    text-align: center;
  }

  /***********.disaggregation-section**************/
  .map-tab-items-inner .top-tab-section {
    margin-bottom: 20px;
  }

  .disaggregation-section {
    margin-top: 0;
  }

  .disaggregation-visulization-item {
    padding-top: 0;
    min-height: auto;
    padding-bottom: 30px;
  }

  .map-block .disaggregation-chart-legends {
    margin-top: 20px;
  }

  .disaggregation-title {
    flex-wrap: wrap;
  }

  .stacking-actions-block.visualization-actions-block {
    position: static;
    width: 100%;
    margin: 20px 0 0 0;
    display: flex;
    justify-content: flex-end;
  }

  .disaggregation-chart-legends .visualisation-legends {
    justify-content: flex-start;
    padding-right: 30px;
  }

  .disaggregation-filter {
    width: 100%;
    padding-right: 0;
    max-width: 400px;
    margin: 0 auto 30px auto;
  }

  .disaggregation-filter .dropdown-section {
    width: 100%;
  }

  .disaggregation-chart-element.have-no-data {
    height: 150px;
  }

  /**** reset****/
  .reset-all-filters {
    min-height: 27px;
    display: flex;
    position: absolute;
    top: 25px;
    left: 20px;
  }

  .map-section .map-tab-item-wrapper {
    position: relative;
    background-color: #ffffff;
  }

  /****download image ****/
  .map-right-section .chart-wrap-inner {
    padding-bottom: 50px;
  }

  .popup-download-options.mobile-download-block.hidden {
    display: none !important;
  }

  .map-block .share-download-options.align-top {
    top: -37px;
    bottom: auto;
  }

  /***** quarterly option*******/
  .chart-representation {
    position: static;
    margin-bottom: 15px;
  }

  /* indicator-based-note-section */
  .indicator-based-note-section {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {

  .indicator-selected,
  .indicator-selected strong {
    font-size: 14px;
  }

  .map-wrap {
    min-height: auto;
  }

  .map-section .map-filter-component,
  .map-chart-plot-region {
    flex-wrap: wrap;
  }

  .map-section .map-filter-left,
  .map-chart-plot-region .map-left-section {
    /* padding-right: 0; */
    width: 100%;
  }

  .map-section .map-filter-right,
  .map-chart-plot-region .map-right-section {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
  }

  .map-right-section.map-chart-component {
    margin: 0;
    padding: 10px;
  }

  .map-section .visualisation-tab-navigation {
    margin: 0 auto;
  }

  /*****************invsetment case progress***************/
  .map-block .map-filter-inner {
    margin-top: 20px;
  }

  .map-block .visualisation-item-inner {
    padding: 0 !important;
    background: transparent;
    box-shadow: none;
  }

  .map-block .filter-by-indicator .filter-field-label {
    display: none;
  }

  .map-nav-wrapper ul {
    width: 100%;
    justify-content: center;
  }

  .map-tab-item-wrapper {
    width: 100%;
    padding: 25px 20px 10px 20px;
    box-shadow: 0 0 28px 0px rgba(0, 0, 0, 0.2);
  }

  .map-block .floating-wrapper-component {
    padding-top: 0;
  }

  .map-block .map-section.with-main-tabs .map-chart-plot-region {
    margin-top: 0;
  }

  .map-block .floating-wrapper .dropdown-section {
    margin: 0 !important;
    width: 100%;
  }

  .map-block .floating-wrapper .dropdown-section:not(:first-child) {
    margin-top: 15px !important;
  }

  .map-block .floating-wrapper .dropdown-section.hidden+.dropdown-section {
    margin-top: 0 !important;
  }

  .map-block .floating-wrapper .dropdown-section.disable-click {
    display: none;
  }

  .map-block .year-slider {
    z-index: 0;
  }

  .map-chart-plot-region .map-filter-left {
    order: 1;
  }

  .map-chart-plot-region .map-filter-right {
    order: 0;
    margin: 0;
  }

  .map-filter-right .filter-slider {
    padding-top: 0;
  }

  .map-chart-plot-region .map-chart-title:not(.mobile-fields) {
    display: none;
  }

  .map-title-mobile {
    text-align: left;
    margin: 15px 0;
  }

  .map-chart-plot-region .sol-container {
    z-index: unset;
  }

  .map-nav-wrapper {
    border: none;
  }

  .map-nav-wrapper li:not(:last-child) {
    margin-right: 10px;
  }

  .map-nav-wrapper a {
    font-size: 12px;
    line-height: 1.1;
    display: block;
  }

  .map-block .map-section .performance-based-filter {
    margin-bottom: 0;
    max-width: 400px;
    margin: 0 auto;
  }

  .map-block .map-element .highcharts-legend {
    display: none;
  }

  .compare-button-block {
    margin-top: 0;
    padding-right: 0;
  }

  /***********.disaggregation-section**************/
  .map-tab-items-inner .top-tab-section {
    display: none;
  }

  /**********reset*******/
  .map-section .map-tab-item-wrapper {
    padding-top: 65px;
  }

  .map-block.visualisation-item {
    padding-top: 47px;
  }

  .performance-based-filter .dropdown-section .current_value,
  .performance-based-filter .dropdown-section .placeholder {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: unset;
  }
}

@media only screen and (max-width: 420px) {
  .compare-button-block .compare-btn {
    line-height: 1.2 !important;
    height: auto !important;
    padding: 5px 10px;
  }
}