/*  homepage map styling */

.filter-left-item .Filtered-By-label, .filter-left-item .accordion-content, .filter-left-item .accordion-inner {
  display: block;
  width: 100%;
  float: none;
}
.country-inner .filter-left-item ul {
  padding: 0;
  display: block;
}
.filter-left-item ul li {
  float: left;
  padding: 0;
}
.mapContent {
  width: 100%;
}
.click-desc {
  position: absolute;
  bottom: 20px;
  z-index: 25;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  color: #c0a265;
}
div#mapWrapper {
  background: transparent;
}
/* End of homepage map styliing */

/*.empty-filter .filter-section, .empty-filter .filter-section+div+.tab-block {*/

.empty-filter .filter-section+div+.tab-block {
  display: none;
}
.empty-filter .accordion-item.filter-left-item:after {
  content: "No data found.";
  color: #003366;
  font-family: "Effra";
  font-weight: 500;
  line-height: 30px;
  font-size: 24px;
  text-align: center;
  display: block;
  margin-top: 70px;
}
body.country-pages .story-title a {
  display: inline-block;
}
body.country-pages .story-title a:hover {
  color: #CA113E;
}
.left-section-wrapper .download {
  display: none;
  margin-bottom: 15px;
}
.left-section-wrapper .download span {
  font-weight: 700;
}
.left-section-wrapper .download a {
  display: block;
  color: #221f20;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  word-wrap: break-word;
  font-family: "Effra";
  cursor: pointer;
}
.livelihood-undefined .livelihoods {
  display: none;
}
.livelihood-undefined .year-counter.counter {
  width: 33.33% !important;
}
.livelihood-undefined .year-counter.counter:nth-child(3) {
  border: 0;
}
.leaflet-top .leaflet-control {
  margin-bottom: 10px;
  margin-top: 0;
}
.leaflet-touch .leaflet-bar a {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 300;
}
.content-section {
  /* overflow:hidden;*/
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.tab-block {
  /*width: calc( 100% - 222px);*/
  float: left;
  /* padding-top: 50px;*/
  padding-bottom: 100px;
}
.tab-head {
  background: #1c5eac;
}
.tab-head ul {
  margin: 0 0 10px 0;
  padding: 4px 20px;
  text-align: right;
}
.tab-head-items {
  color: #bbbdbf;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding: 9px 15px!important;
  position: relative;
}
.tab-head-items:after {
  content: "";
  width: 15px;
  height: 15px;
  display: none;
  position: absolute;
  background: url(img/down_arrow.png) no-repeat center center transparent;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tab-head-items.active:after {
  display: block;
}
.tab-head-items:not(:last-child) {
  border-right: 1px solid rgb(146, 158, 175);
}
.tab-head-items.active {
  color: #ffffff;
}
.tab-head-items span {
  min-height: 18px;
  display: block;
  padding-left: 30px;
}
.chart-tab span {
  background: url(img/chart.png) no-repeat left center transparent;
}
.chart-tab.active span {
  background: url(img/chart_active.png) no-repeat left center transparent;
}
.table-tab span {
  background: url(img/table.png) no-repeat left center transparent;
}
.table-tab.active span {
  background: url(img/table_active.png) no-repeat left center transparent;
}
.tab-inner {
  width: 100%;
  float: left;
}
.tab-inner table {
  width: 100%;
}
.tab-inner:not(.table-wrap) {
  min-height: 450px;
}
.tab-items {
  background: #fff;
  overflow: hidden;
}
.tab-items:not(.active) {
  display: block;
}
.tab-inner.chart {
  padding: 40px 20px;
}
.country-map-popup .tooltiptop::before {
  display: none;
}
.country-map-popup .tooltiptop::after {
  display: none;
}
.livelihood-null .year-counter.counter {
  width: 33.3% ! important;
  border-right: 1px solid #fff;
  padding: 15px 0px;
}
.year-counter.counter {
  width: 25% ! important;
  border-right: 1px solid #fff;
  padding: 15px 0px;
}
.year-counter.counter:last-child {
  border-right: none;
}
/******** left filter***********/

.view-content.pillar {
  padding: 5px 15px;
  /*padding: 5px 0;*/
}
.filter-text {
  background: #1c5eac;
  padding-left: 15px;
}
.filter-left-item {
  padding: 0;
  /*border-bottom: 1px solid #dbdbdb;*/
}
.filter-left-item:last-child {
  border: none;
}
.filter-left-item .accordion-content {
  padding-bottom: 10px;
}
.filter-left-item h5 {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  font-family: "Effra";
  padding: 12px 0 5px;
  color: #003366;
  width: 100%;
  position: relative;
  /*background:url(img/grant-type.png) no-repeat left center transparent;*/
}
body .filter-left-item h5 {
  max-width: 145px;
}
.Grant-Type-label {
  /*background-image:url(img/grant-type.png);*/
}
.Status-label {
  /*background-image:url(img/Status.png)!important;*/
}
.filter-left-item h5:after {
  width: 11px;
  height: 11px;
  background: url(img/plus.png) no-repeat center center transparent;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.filter-left-item.active h5:after {
  background: url(img/minus.png) no-repeat center center transparent;
}
.filter-left-item .accordion-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filter-left-item ul {
  margin: 0;
}
.filter-left-item ul li {
  padding: 3px 10px;
  /*border-bottom: 1px solid #dbdbdb;*/
}
.filter-left-item ul li:last-child {
  border: none;
  /*padding-left: 14px;*/
}
.filter-left-item label {
  color: #000000;
  font-size: 24px;
  font-family: "Effra";
  font-weight: 300;
  position: relative;
  cursor: pointer;
  padding-left: 20px;
}
.radio-icon {
  width: 15px;
  height: 15px;
  background: url(img/radio.png) no-repeat left center transparent;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
input:checked+.radio-icon {
  background: url(img/radio_tick.png) no-repeat left center transparent;
}
.left-bar input:focus+span.radio-icon {
  border: 1px solid #75bdfb;
  border-radius: 50%;
}
.filter-left-item label input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
/********** table *************/

.table-wrap th, .table-wrap td {
  padding: 25px;
  font-size: 24px;
  font-family: "Effra";
  color: #fff;
  font-weight: 300;
  line-height: 30px;
}
.table-wrap thead tr {
  color: #5e718c;
  /*background: #03aadd!important;*/
}
.table-wrap tbody tr {
  background: #ffffff;
  color: #4d4d4d;
}
.table-wrap td {
  vertical-align: top;
  /*border-top: 2px solid #f2f2f2;*/
  border-bottom: 1px solid #f2f2f2;
}
.table-wrap tr td:last-child {
  border-color: #003366;
}
.table-wrap tr:last-child td:last-child {
  border-color: transparent;
}
.table-wrap tbody tr:last-child td:last-child {
  border: none;
}
.table-wrap tr th:first-child {
  width: 320px;
}
.table-wrap tr th:last-child {
  width: 300px;
}
.table-wrap tr th:last-child, .table-wrap tbody tr td:last-child {
  border-right: none;
}
.main-container .bannerimagefull:after, .leaflet-marker-shadow {
  display: none;
}
.map-custom-popup .map-popup-close {
  top: 10px;
  right: 10px;
}
.l-tooltip h3 {
  margin-top: 0;
  font-size: 18px;
  font-family: "Effra";
  color: #003366;
  font-weight: 900;
}
.l-tooltip span {
  display: block;
  width: 100%;
  font-size: 16px;
  font-family: "Effra";
  font-weight: 300px;
  color: #221f20;
}
.partners-inner ul {
  list-style-type: none;
  padding-left: 0;
}
.mobile-map-popup {
  position: fixed;
  width: 90%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc( 80% - 67px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  max-width: none;
  max-height: 90%;
  border-radius: 0;
  padding: 35px 25px;
  /* margin-top: 67px; */
}
.mobile-map-popup .popup-content {
  height: 100%;
  overflow: hidden;
}
.mobile-map-popup .popup-content .partners-inner {
  height: 100%;
  overflow: auto;
}
.partners-list:not(:last-child) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
/*.disable-body-scroll,*/

.disable-body-scroll body {
  overflow: hidden;
}
path[stroke-linejoin="round"] {
  display: none !important;
}
.bottom-address-wrapper {
  margin-top: 20px;
}
.bottom-address-wrapper ul.left-section-address {
  padding: 10px 0;
}
.bottom-address-wrapper .views-row:last-child ul.left-section-address {
  border: none;
}
.tab-block {
  position: relative;
}
.map-image-block {
  /* position: absolute;
    top: 50%;
    left: -300px;
    z-index: 10;
    margin-top: -50px;*/
  width: 250px;
  float: none;
  /*transform: translateY(-50%);*/
}
.block-popup+.map-image-block {
  margin-top: 35px;
}
.map-image-block img {
  max-width: none;
  width: 100%;
}
.page-node-type-country .left-section-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-node-type-country .left-section-wrapper>* {
  width: 100%;
}
.map-image-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/************* leaflet **************/

.marker-cluster div:after, .marker-cluster:after {
  content: "";
  width: 100%;
  position: absolute;
  /*background: red;*/
  opacity: 0.6;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1000;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: grow 2s linear 1s infinite forwards;
  animation: grow 2s linear 1s infinite forwards;
}
.marker-cluster div:after {
  -webkit-animation: grow 2s linear 0s infinite forwards;
  animation: grow 2s linear 0s infinite forwards;
}
/*--- changes ----*/

.th-subtitle {
  display: block;
  font-size: 18px;
  font-weight: 300;
}
.established-block {
  order: 2;
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
}
.has-established .country-section-title-wrapper {
  margin-bottom: 10px !important;
}
.field-content.counter-block.new {
  width: 100%;
}
.no-data-represent .data-representing {
  display: none !important;
}
.no-data-represent .counter.enterprises {
  width: 50% !important;
}
.country-fact-sheet {
  order: 2;
  margin-top: 20px;
}
.country-fact-sheet a {
  /*padding-left: 26px;
  background: url(img/icn-pdf.png) no-repeat left center transparent;*/
  /*min-height: 19px;*/
  /*display: flex;*/
  font-size: 14px;
  line-height: 16px;
  color: #23527c;
  /*align-items: center;*/
  /*align-content: center;*/
}
.country-fact-sheet a:hover {
  color: #221f20;
}
.factsheet-lists {
  list-style-type: none;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}
.factsheet-label {
  font-size: 14px;
  line-height: 19px;
  width: 100%;
  color: #333333;
  display: block;
  margin-bottom: 15px;
  background: url(img/icn-pdf.png) no-repeat left center transparent;
  padding-left: 26px;
}
.factsheet-lists li:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #dbdbdb;
}
@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0)
  }
  25% {
    -webkit-transform: scale(0.25);
    transform: scale(0.25)
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
  75% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
/* Standard syntax */

@keyframes grow {
  0% {
    -webkit-transform: scale(0.0);
    transform: scale(0.0)
  }
  25% {
    -webkit-transform: scale(0.25);
    transform: scale(0.25)
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
  75% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
  background: transparent;
}
.marker-cluster-small:after {
  background-color: rgb(131, 208, 62);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
  background: transparent;
}
.marker-cluster-small div:after {
  background-color: rgb(131, 208, 62);
  /*background-color: transparent;*/
}
.marker-cluster-medium {
  background-color: transparent;
}
.marker-cluster-medium:after {
  background-color: rgb(249, 209, 13);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
  background-color: transparent;
}
.marker-cluster-medium div:after {
  background-color: rgb(249, 209, 13);
  /*background-color: transparent;*/
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
  background-color: transparent;
}
.marker-cluster-large:after {
  background-color: rgb(253, 156, 115);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
  background-color: transparent;
}
.marker-cluster-large div:after {
  background-color: rgb(253, 156, 115);
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}
.country-inner .mobileTitle {
  background: #003366;
}
.mobileCaption {
  color: black !important;
}
/************* **************/

/*New Changes*/

.path-countries .countries-general.country-org {
  padding-left: 0;
  padding-right: 0;
}
.path-countries.country-pages .rowWrapper {
  max-width: 100%;
}
.path-countries.country-pages .story-desc::after {
  content: none;
}
.path-countries .map-wrap.active-1 h2.step-7 {
  display: none;
}
.path-countries .story-desc {
  max-width: 1170px;
  margin: 70px auto;
  margin-bottom: 55px;
  padding: 0 15px;
}
/*Country popup section*/

.page-node-type-country .country-section-title-wrapper .select-country-arrow {
  right: 12px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: auto;
  outline: none;
  transform: translateY(-50%);
}
.page-node-type-country .country__popup {
  left: 0;
  right: 0;
  margin: auto;
  top: 170px;
}
.right-section-wrapper .tab-block {
  width: 100%;
}
/*Country popup section*/

@media screen and (max-width: 1024px) {
  .map-section.map-component {
    background: #0E3A58;
    min-height: 100vh;
    position: relative;
    height: auto;
  }
}
@media screen and (min-width: 992px) {
  .popup-country .views-field-field-flag .field-content:first-child {
    width: 56px;
  }
  .popup-country .views-field-field-flag .field-content:last-child {
    width: calc( 100% - 56px);
  }
}
/*End New Changes*/

@media screen and (max-width: 991px) {
  .view-content.pillar {
    -webkit-box-shadow: 1px 1px 13px 1px #d6d6d6;
    box-shadow: 1px 1px 13px 1px #d6d6d6;
  }
  .filter-section {
    margin-bottom: 10px;
  }
  /***********Table section***********/
  /*.content-section {
        position: relative;
        padding-left: 40px;
        padding-right: 40px;
    }*/
  .left-section {
    position: absolute;
    top: 0;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    /*left: 0;*/
    left: -202px;
  }
  .page-node-type-country .tab-block {
    width: 100%;
  }
  .fltr-btn {
    width: 39px;
    height: 44px;
    position: absolute;
    left: 100%;
    right: auto;
    background: url("img/filter_icon.png") no-repeat center #1c5eac;
    z-index: 1;
  }
  .sh-filter .fltr-btn {
    background-image: url("img/filter_close_icon.png");
    left: auto;
    right: 0;
  }
  .sh-filter .left-section {
    left: 0;
  }
  .table-wrap tr th:first-child {
    width: 220px;
  }
  /***********End Table section***********/
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-node-type-country .field-content.country-section.new-sec {
    max-width: 100%;
  }
  .field-content.counter-block.new {
    width: 590px;
  }
}
@media screen and (max-width: 767px) {
  .page-node-type-country .field-content.country-section.new-sec {
    max-width: 242px;
  }
  .country-pages .story-title {
    margin: 11px 0 11px;
  }
  #map-partner {
    height: 150px !important;
    /*width: 200px!important;*/
  }
  .leaflet-control-container {
    display: none;
  }
  .map-popup-close {
    width: 42px;
    height: 42px;
    right: 0!important;
    top: 0!important;
    padding: 10px;
    background: url(img/close.png) no-repeat center transparent;
  }
  .tab-inner {
    overflow: auto;
  }
  .views-field.views-field-field-flag {
    padding: 10px;
  }
  .country-area .views-field-field-flag a {
    line-height: 17px;
    display: block;
  }
  .page-node-type-country .popup-country {
    top: 150px;
  }
  .views-field.views-field-field-flag img {
    margin-bottom: 4px;
  }
  .tab-inner.table-wrap * {
    display: block;
    border: none!important;
    background: transparent!important;
  }
  .tab-inner.table-wrap thead {
    display: none;
  }
  .tab-inner.table-wrap tr {
    /*margin-bottom:20px;*/
  }
  .mobileCaption {
    display: inline-block!important;
  }
  .mobileTitle {
    color: #5e718c;
    font-weight: 600;
    font-size: 0!important;
    padding: 0!important;
  }
  .tab-inner.table-wrap td {
    border-bottom: 2px solid #f2f2f2!important;
  }
  .tab-inner.table-wrap tr {
    border-bottom: 5px solid #f2f2f2!important;
  }
  .mobileTitle .accordionTitle {
    font-size: 14px!important;
    margin: 0;
    padding: 15px 40px 15px 15px;
    position: relative;
  }
  .mobileTitle .accordionTitle:after {
    content: "";
    background: url(img/a-plus.png) no-repeat center center transparent;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 15px;
    top: calc( 50% - 9px);
  }
  tr.active .mobileTitle .accordionTitle:after {
    background: url(img/a-minus.png) no-repeat center center transparent;
  }
  .tab-inner.table-wrap td:not(.mobileTitle) {
    display: none!important;
  }
  .tab-inner.table-wrap tr.active td:not(.mobileTitle) {
    display: block!important;
  }
  .left-section {
    z-index: 100;
  }
  .content-section {
    overflow: visible;
    float: left;
    width: 100%;
  }
  .partners-list:not(:last-child) {
    margin-right: 30px;
  }
}