body {
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }

label {
  font-weight: normal;
  margin-bottom: 0; }

.lang-selection {
  margin: 6px 100px 0; }
  .lang-selection ul {
    list-style-type: none;
    text-align: right;
    padding-right: 0; }
  .lang-selection li {
    display: inline-block;
    color: #b3b3b3;
    font-size: 13px;
    font-weight: normal;
    padding: 0 10px;
    border-right: 1px solid #ccc; }
    .lang-selection li label {
      font-weight: normal;
      margin-bottom: 0;
      cursor: pointer; }
    .lang-selection li.active, .lang-selection li:hover {
      color: #0082ca; }
    .lang-selection li:last-child {
      padding-right: 0;
      border: 0; }

.header-logo-text {
  color: #4d4d4d;
  font-size: 33px;
  font-weight: bold;
  background: url(../../../images/header/UN_Aids.png) no-repeat 0 7px;
  padding-left: 154px;
  padding-right: 0; }
  .header-logo-text .navbar-brand {
    font-size: 33px;
    line-height: 15px;
    color: #4d4d4d;
    padding: 15px 0 15px 29px; }

.header-block {
  line-height: 27px; }

.header-menu {
  border: 0;
  box-shadow: none;
  margin: 0 100px 14px;
  align-items: center;
  display: flex; }
  .header-menu .header-menu-list {
    float: right;
    text-align: right;
    padding-right: 0; }
    .header-menu .header-menu-list li {
      display: inline-block;
      float: none;
      padding: 10px 24px; }
      .header-menu .header-menu-list li a {
        font-size: 16px;
        font-weight: bold;
        color: #999999;
        padding: 0;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important; }
        .header-menu .header-menu-list li a:focus {
          color: #999999;
          outline: 0; }
        .header-menu .header-menu-list li a:hover {
          color: #00a99a; }
        .header-menu .header-menu-list li a:after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: -8px;
          height: 3px;
          width: 0;
          margin: 0 auto;
          background: #00a99a;
          transition: width 0.2s linear 0s; }
        .header-menu .header-menu-list li a:hover:after {
          width: 100%; }
      .header-menu .header-menu-list li:last-child {
        padding-right: 0; }
      .header-menu .header-menu-list li.active a {
        color: #00a99a !important; }
        .header-menu .header-menu-list li.active a:after {
          width: 100%; }

body.modal-open #ncpi-data.data-active a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 3px;
  width: 0;
  margin: 0 auto;
  background: #00a99a;
  transition: width 0.2s linear 0s;
  width: 100%; }

.ncpi-footer-inner-section,
#map-qa-section,
#explore-data-section {
  padding: 0 100px; }

.header-menu {
  height: 32px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  background-image: none !important;
  box-shadow: none !important;
  background-color: transparent; }

.header-menu.sticky {
  position: fixed;
  z-index: 1;
  background: #fff;
  width: 100%;
  margin: 0;
  padding: 0 100px 14px;
  top: 0; }

.header-menu.sticky {
  position: fixed;
  z-index: 9;
  background: #fff;
  width: 100%;
  margin: 0;
  padding: 0 100px 0;
  top: 24px;
  border-bottom: 1px solid #00a99a;
  height: 40px; }
  .header-menu.sticky .header-logo-text {
    padding-left: 125px;
    background-size: 23%;
    background-position: 15px 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .header-menu.sticky .header-logo-text a.navbar-brand {
      font-size: 20px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      padding: 17px 0 15px 28px; }
  .header-menu.sticky .header-menu-list li a {
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }

.header-logo-txt-section {
  padding-right: 0;
  display: flex;
  font-size: 33px; }
  .header-logo-txt-section .navbar-brand {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 33px;
    line-height: 15px;
    color: #4d4d4d;
    padding: 15px 0 15px 17px;
    /*15px 0 15px 29px; Task #278470*/
    text-shadow: none; }
  .header-logo-txt-section a {
    display: inline-block; }

.header-menu.sticky .header-logo-txt-section .navbar-brand {
  font-size: 20px;
  padding: 17px 0 15px 28px; }

#ncpi-complaint-reg a,
#ncpi-terms a {
  color: #4d4d4d;
  text-decoration: none; }

.header-logo {
  width: 155px;
  height: 50px;
  background: url(../../../images/header/UN_Aids.png) no-repeat 0 7px;
 /* -webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;*/ }

.header-menu.sticky .header-logo {
  width: 126px;
  background-size: 100%;
  background-position: 0; }

/*09-07-2020*/
.who-header-logo {
  background: url(../../../images/header/WHO-EN-C-H.jpg) no-repeat 0 0;
  background-size: 100%;
  width: 110px;
  height: 40px;
  margin-left: 14px; }

.header-logo-txt-section {
  align-items: center; }

.header-logo-txt-section div.navbar-brand {
  font-size: 21px;
  padding: 0 15px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center; }

@media (min-width: 1300px) {
  .header-menu ul.header-menu-list li {
    padding: 10px; } }
@media (max-width: 1300px) and (min-width: 1024px) {
  div.header-logo-txt-section div.navbar-brand {
    font-size: 18px; }

  .header-menu ul.header-menu-list li {
    padding: 10px 5px !important; } }
@media (max-width: 767px) {
  .header-logo-txt-section {
    display: block; }

  .header-logo-txt-section a:nth-child(3) {
    display: block;
    width: 100%; }

  div.header-logo-txt-section div.navbar-brand {
    padding: 0px 0 15px 0px;
    height: auto;
    font-size: 16px; }

  .who-header-logo {
    height: 50px; }

  .who-header-logo {
    height: 40px; } }
@media (max-width: 1310px) and (min-width: 1024px) {
  div.header-logo-txt-section div.navbar-brand {
    font-size: 16px; } }
@media (max-width: 1024px) and (min-width: 992px) {
  .header-menu {
    margin: 0 14px 14px; }

  .header-logo-txt-section div.navbar-brand {
    font-size: 16px; } }
@media (max-width: 1140px) and (min-width: 1024px) {
  .header-menu {
    margin: 0 20px 14px;
    padding: 0; } }
.header-menu.sticky {
  padding: 0 22px;
  margin: 0 !important; }

.site_lan_ru .header-menu,
.site_lan_ru .header-menu.sticky {
  margin: 0 64px 0; }

.site_lan_fr #map-qa-section .nav-tabs a {
  font-size: 13px; }

#ncpi-footer-container #ncpi-contact,
#ncpi-footer-container #ncpi-copy-right {
  width: auto; }

.site_lan_ru .ncpi-footer-inner-section {
  padding: 0 50px; }

.site_lan_es #map-qa-section .nav-tabs a {
  font-size: 15px; }

.lang-selection.sticky {
  position: fixed;
  z-index: 9;
  background: #fff;
  width: 100%;
  margin: 0;
  padding: 0 100px 0; }

@media (min-width: 1400px) {
  .header-logo-text a.navbar-brand {
    /*	padding: 15px 0 15px 28px;*/ } }
@media (min-width: 1300px) and (max-width: 1370px) {
  .header-logo-text .navbar-brand {
    font-size: 29px; }

  .header-logo-txt-section .navbar-brand {
    font-size: 29px; } }
@media (min-width: 1600px) {
  .header-menu.sticky .header-logo-text .navbar-brand {
    padding: 20px 0 15px 28px; }

  .header-menu.sticky .header-logo-text {
    padding-left: 164px;
    background-position: 15px 12px; } }
@media (min-width: 1200px) and (max-width: 1300px) {
  .header-logo-txt-section div.navbar-brand {
    font-size: 24px; }

  #top-carousel-section div.top-carousel-wrapper {
    max-width: 74%; }

  .header-menu .header-menu-list li {
    padding: 10px 20px; } }
@media (min-width: 1200px) and (max-width: 1250px) {
  .header-menu .header-menu-list li {
    padding: 10px 19px; } }
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .header-logo-txt-section .navbar-brand {
    font-size: 24px;
    line-height: 24px; }

  .header-menu .header-logo {
    width: 126px;
    background-size: 100%;
    background-position: 0; } }
@media (min-width: 1140px) and (max-width: 1400px) {
  .site_lan_fr .header-menu {
    margin: 0 40px 14px; } }
@media (max-width: 1140px) and (min-width: 1024px) {
  .site_lan_fr .header-menu ul.header-menu-list li {
    padding: 10px 4px !important; } }
@media (min-width: 1024px) and (max-width: 1200px) {
  .header-logo-text .navbar-brand {
    font-size: 24px; }

  .header-menu .header-menu-list li {
    padding: 10px 5px; }
    .header-menu .header-menu-list li a {
      font-size: 14px; }

  #ncpi-footer-container #ncpi-contact, #ncpi-footer-container #ncpi-copy-right {
    padding: 0 8px; }

  #ncpi-footer-container span#ncpi-contact > span:not(:last-child) {
    padding: 0 5px; }

  .site_lan_ru .header-menu, .site_lan_ru .header-menu.sticky {
    margin: 0 24px 0; }

  .site_lan_ru .ncpi-footer-inner-section {
    padding: 0; }

  .site_lan_ru #ncpi-footer-container #ncpi-copy-right {
    padding-right: 0; }

  .site_lan_ru #ncpi-footer-container #ncpi-contact {
    padding-right: 10px; }

  .site_lan_ru #ncpi-footer-container span#ncpi-contact > span:not(:last-child) {
    padding: 0 3px; } }
@media (min-width: 992px) and (max-width: 1023px) {
  .header-logo-text .navbar-brand {
    font-size: 23px; }

  .header-menu .header-menu-list li {
    padding: 10px 3px; }
    .header-menu .header-menu-list li a {
      font-size: 14px; } }
@media (max-width: 991px) {
  .header-menu-list {
    display: none;
    padding-right: 0; }

  .header-menu {
    display: block; }

  .mobile-menu {
    border: 2px solid #999999;
    width: 31px;
    height: 29px;
    display: block;
    border-radius: 4px;
    float: right;
    margin-right: 10px;
    margin-top: 10px; }

  .mob-menu-inner {
    color: #999999;
    position: absolute;
    margin-left: 4px;
    margin-top: 12px;
    width: 19px;
    height: 2px;
    background-color: #999999; }
    .mob-menu-inner:before {
      content: '';
      position: absolute;
      top: -6px;
      left: 0;
      width: 19px;
      height: 2px;
      background-color: #999999; }
    .mob-menu-inner:after {
      content: '';
      position: absolute;
      top: 6px;
      left: 0;
      width: 19px;
      height: 2px;
      background-color: #999999; }

  .header-menu ul.header-menu-list {
    width: 100%;
    text-align: left;
    border-top: 1px solid #34A899;
    border-bottom: 1px solid #34A899;
    margin: 10px 0px 0;
    padding-top: 0; }
    .header-menu ul.header-menu-list li {
      width: 100%;
      display: block;
      padding: 10px 15px;
      border-bottom: 1px solid #fff; }
      .header-menu ul.header-menu-list li.active, .header-menu ul.header-menu-list li:hover {
        background: #34A899; }
        .header-menu ul.header-menu-list li.active a, .header-menu ul.header-menu-list li:hover a {
          color: #fff !important; }
      .header-menu ul.header-menu-list li.active a:after,
      .header-menu ul.header-menu-list li a:after {
        content: none; }

  .lang-selection ul {
    padding-right: 10px; } }
@media (min-width: 992px) {
  .mobile-menu {
    display: none; }

  .site_lan_ru .header-logo-txt-section .navbar-brand {
    min-width: 305px; } }
@media (max-width: 767px) {
  div.header-menu {
    margin: 5px 0; }

  .header-logo-text .navbar-brand {
    font-size: 19px; }

  .header-logo-text {
    padding-left: 106px;
    background-size: 32%;
    background-position: 15px 14px;
    float: left; }

  div#top-carousel-section {
    padding: 28px 10px; }
    div#top-carousel-section label.carousel-section-header {
      font-size: 25px;
      line-height: 33px; }

  div.explore-data-head {
    font-size: 30px;
    margin: 0 0 10px; }

  #map-qa-section .nav-tabs li {
    float: none; }

  .header-logo-txt-section div.navbar-brand {
    padding: 15px 0 15px 10px; }

  .header-logo-txt-section {
    float: left; }

  .select-data.modal-open .modal div.modal-title {
    padding-top: 10px; }

  .header-logo-txt-section .navbar-brand {
    font-size: 19px;
    line-height: 19px; }

  .header-menu .header-logo {
    width: 126px;
    background-size: 100%;
    background-position: 0; } }
#top-carousel-section {
  min-height: 240px;
  background-color: #00a99a;
  padding: 49px 20px;
  color: #fff; }
  #top-carousel-section .top-carousel-wrapper {
    max-width: 63%;
    margin: 0 auto;
    float: none;
    text-align: center; }
  #top-carousel-section .carousel-section-header {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 17px;
    font-weight: bold; }
  #top-carousel-section .carousel-section-desc {
    font-size: 18px;
    line-height: 24px; }
  #top-carousel-section .carousel-section-read-btn-lbl {
    font-weight: bold;
    padding-left: 10px;
    display: inline-block; }

.explore-data-head {
  font-size: 36px;
  color: #4d4d4d;
  font-weight: bold;
  text-align: center;
  margin: 58px 0 27px; }

#map-qa-section {
  /* CHECKED */ }
  #map-qa-section .nav-tabs {
    border-bottom: 1px solid #70c8be;
    margin-bottom: 21px;
    border-bottom: 1px solid #ccc; }
    #map-qa-section .nav-tabs li {
      margin-bottom: 0;
      padding: 4px 19px; }
    #map-qa-section .nav-tabs li:not(:first-child):before {
      content: "";
      position: absolute;
      left: 0;
      /* right: 0; */
      height: 47%;
      width: 0;
      margin: 0 auto;
      background: #00a99a;
      border-right: 1px solid #ccc;
      top: 29%; }
    #map-qa-section .nav-tabs a {
      font-size: 21px;
      border: 1px solid #70c8be;
      margin-right: 0;
      color: #4d4d4d;
      margin-right: -1px;
      padding: 4px 19px;
      border-radius: 0;
      padding: 0;
      /*Task #238366*/
      border: 0;
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 500; }
      #map-qa-section .nav-tabs a:hover {
        background-color: transparent; }
        #map-qa-section .nav-tabs a:hover:after {
          width: 100%; }
      #map-qa-section .nav-tabs a:focus {
        background-color: transparent; }
      #map-qa-section .nav-tabs a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -4px;
        height: 2px;
        width: 0;
        margin: 0 auto;
        background: #00a99a;
        transition: width 0.2s linear 0s; }
    #map-qa-section .nav-tabs li.active a {
      /*@include tabActiveStyle;*/ }
      #map-qa-section .nav-tabs li.active a:after {
        width: 100%; }
    #map-qa-section .nav-tabs li:first-child a {
      padding-left: 0; }
  #map-qa-section label.rdBtnLbl {
    margin: 0 16px 0 5px;
    color: #999;
    padding-left: 22px; }
  #map-qa-section .cntry-rgn-radio input[type=radio] {
    visibility: hidden;
    position: absolute; }
  #map-qa-section .cntry-rgn-radio input[type=radio] + label {
    cursor: pointer;
    position: relative; }
  #map-qa-section .cntry-rgn-radio input[type=radio] + label:before {
    content: '';
    background: url(../../../images/Slices/radio-button.png) no-repeat left center #fff;
    display: block;
    position: absolute;
    width: 19px;
    height: 22px;
    z-index: 1;
    top: -2px;
    left: 0;
    transition: 0.3s; }
  #map-qa-section .cntry-rgn-radio input[type=radio]:checked + label:before {
    content: '';
    background: url(../../../images/Slices/radio-button-active.png) no-repeat left center #fff;
    display: block;
    position: absolute;
    width: 19px;
    height: 22px;
    z-index: 1;
    top: -2px;
    left: 0; }
  #map-qa-section #map-radio-btn {
    text-align: right; }

#viewAllCountries {
  text-align: center; }
  #viewAllCountries .view-all-countries-btn {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 8px 20px;
    margin: 0 auto;
    font-size: 12px; }
    #viewAllCountries .view-all-countries-btn label {
      margin-bottom: 0;
      color: #4d4d4d;
      cursor: pointer; }
    #viewAllCountries .view-all-countries-btn:hover {
      border-color: #00a99a; }
      #viewAllCountries .view-all-countries-btn:hover a label {
        color: #00a99a; }

#ncpi-page-container {
  margin-bottom: 50px; }

@media (max-width: 991px) {
  .ncpi-footer-inner-section, #map-qa-section, #explore-data-section {
    padding: 0; }

  .lang-selection {
    margin: 6px 0px 0; }

  .header-menu {
    margin: 0 0 14px; }

  #top-carousel-section .top-carousel-wrapper {
    max-width: none; }

  div.topiclist-block, div.topic-container {
    margin: 20px 0;
    padding: 0px 15px 10px; }

  div.topics-container:before {
    /*left: 0;
    width: 100%;*/ }

  div.topic-wrapper-block:first-child {
    padding-right: 15px; } }
@media (min-width: 991px) {
  .topic-wrapper-block:last-child {
    padding-left: 35px; } }
.topic-accordion .topic-wrapper .topic-name,
#map-qa-section .topic-wrapper .topic-name {
  border-bottom: 1px solid #dbdbdb;
  padding: 11px 25px 9px 0;
  display: block;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  position: relative; }
  .topic-accordion .topic-wrapper .topic-name:after,
  #map-qa-section .topic-wrapper .topic-name:after {
    content: '';
    background: url(../../../images/header/plus.png) no-repeat left center;
    width: 13px;
    height: 18px;
    /*float: right;
    margin-right: -11px;*/
    display: block;
    position: absolute;
    right: 0;
    top: 30%; }
  .topic-accordion .topic-wrapper .topic-name.active:after,
  #map-qa-section .topic-wrapper .topic-name.active:after {
    background: url(../../../images/header/minus.png) no-repeat left center; }
.topic-accordion .topic-list,
#map-qa-section .topic-list {
  list-style-type: none;
  padding-left: 0; }
.topic-accordion li.topic-question-wrapper:not(:last-child):after,
#map-qa-section li.topic-question-wrapper:not(:last-child):after {
  content: '';
  border-bottom: 1px solid #dbdbdb;
  width: calc(100% - 20px);
  height: 1px;
  display: block;
  margin-left: 20px; }
.topic-accordion .topic-question-container .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden li.topic-question-wrapper:after,
#map-qa-section .topic-question-container .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden li.topic-question-wrapper:after {
  width: calc(100% - 40px); }
.topic-accordion .topic-question-container,
#map-qa-section .topic-question-container {
  display: none;
  list-style-type: none;
  padding: 0 0px 10px;
  background: #F2F2F2;
  max-height: 300px;
  overflow-y: auto; }
  .topic-accordion .topic-question-container.open,
  #map-qa-section .topic-question-container.open {
    /*display: block;*/ }
  .topic-accordion .topic-question-container a,
  #map-qa-section .topic-question-container a {
    color: #4d4d4d; }
  .topic-accordion .topic-question-container span.question-name,
  #map-qa-section .topic-question-container span.question-name {
    padding: 12px 20px;
    display: block; }
    .topic-accordion .topic-question-container span.question-name:hover,
    #map-qa-section .topic-question-container span.question-name:hover {
      background-color: #d6e8e7;
      /*margin-top: -1px;*/
      /*padding-top: 14px;*/ }
    .topic-accordion .topic-question-container span.question-name a,
    #map-qa-section .topic-question-container span.question-name a {
      font-weight: bold;
      font-size: 14px;
      color: #333333;
      text-decoration: none; }
.topic-accordion .topic-question-option-container,
#map-qa-section .topic-question-option-container {
  list-style-type: none;
  /* padding-left: 15px;*/ }
  .topic-accordion .topic-question-option-container li.topic-option-wrapper,
  #map-qa-section .topic-question-option-container li.topic-option-wrapper {
    margin: 2px 0; }

.view-all-questions-btn {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 8px 20px;
  margin: 20px auto;
  font-size: 12px; }
  .view-all-questions-btn label {
    margin-bottom: 0;
    color: #4d4d4d; }
  .view-all-questions-btn:hover {
    border-color: #00a99a; }
    .view-all-questions-btn:hover label {
      color: #00a99a; }

#viewAllQuestions {
  text-align: center; }

.topic-wrapper-block:first-child {
  padding-right: 35px; }

ul.topic-question-option-container > li:last-child {
  margin-bottom: 10px !important; }

#ncpi-footer-container {
  background-color: #E6E6E6;
  padding: 26px 0;
  min-height: 70px; }
  #ncpi-footer-container #ncpi-contact {
    float: right;
    font-size: 12px;
    color: #4d4d4d;
    text-align: right; }
    #ncpi-footer-container #ncpi-contact a {
      color: #4d4d4d;
      text-decoration: none; }
  #ncpi-footer-container #ncpi-copy-right {
    font-size: 12px;
    color: #4d4d4d; }
    #ncpi-footer-container #ncpi-copy-right a {
      color: #4d4d4d;
      text-decoration: none; }
  #ncpi-footer-container span#ncpi-contact > span:not(:last-child) {
    padding: 0 15px; }

body {
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }

label {
  font-weight: normal;
  margin-bottom: 0; }

div.topic-list,
.topic-res-wrapper {
  background: #f2f2f2; }
  div.topic-list #myModal,
  .topic-res-wrapper #myModal {
    top: 20%; }
    div.topic-list #myModal .modal-content,
    .topic-res-wrapper #myModal .modal-content {
      border-radius: 0; }

.topiclist-block,
.topic-container {
  background-color: #fff;
  margin: 50px 100px;
  padding: 30px 20px;
  overflow: hidden;
  padding: 30px;
  margin: 50px 100px 70px; }

.topic-result-tabs.nav-tabs {
  border-bottom: 1px solid #70c8be;
  margin-bottom: 21px; }
  .topic-result-tabs.nav-tabs li a {
    font-size: 21px;
    border: 1px solid #70c8be;
    margin-right: 0;
    color: #4d4d4d;
    margin-right: -1px;
    padding: 4px 19px;
    border-radius: 0;
    background: transparent;
    font-size: 18px;
    color: #808080;
    padding: 7px 19px 6px; }
  .topic-result-tabs.nav-tabs li.active a {
    background-color: #70c8be;
    color: #fff; }

.sub-tabs-wrapper .views-wrapper > div {
  float: left;
  margin-right: 20px; }
.sub-tabs-wrapper .views-wrapper .sub-tab-text {
  color: #666666;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .sub-tabs-wrapper .views-wrapper .sub-tab-text:before {
    content: '';
    background: url(../../../images/topics/Chart_Inactive.png) no-repeat center center;
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px; }
.sub-tabs-wrapper .views-wrapper .table-view-tab .sub-tab-text:before {
  background: url(../../../images/topics/Table_Inactive.png) no-repeat center center; }
.sub-tabs-wrapper .views-wrapper .table-view-tab.active .sub-tab-text:before {
  background: url(../../../images/topics/Table_Active.png) no-repeat center center;
  background-color: #f16a73;
  border-color: #f16a73; }
.sub-tabs-wrapper .views-wrapper .chart-view-tab .sub-tab-text:before {
  background: url(../../../images/topics/Chart_Inactive.png) no-repeat center center; }
.sub-tabs-wrapper .views-wrapper .chart-view-tab.active .sub-tab-text:before {
  background: url(../../../images/topics/Chart_Active.png) no-repeat center center;
  background-color: #f16a73;
  border-color: #f16a73; }
.sub-tabs-wrapper .views-wrapper .map-view-tab .sub-tab-text:before {
  background: url(../../../images/topics/Map_Inactive.png) no-repeat center center; }
.sub-tabs-wrapper .views-wrapper .map-view-tab.active .sub-tab-text:before {
  background: url(../../../images/topics/Map_Active.png) no-repeat center center;
  background-color: #f16a73;
  border-color: #f16a73; }
.sub-tabs-wrapper .exports-wrapper {
  float: right; }
  .sub-tabs-wrapper .exports-wrapper > div {
    float: left;
    padding: 0 20px; }
    .sub-tabs-wrapper .exports-wrapper > div:not(:last-child) {
      border-right: 1px solid #ccc; }
  .sub-tabs-wrapper .exports-wrapper .export-download {
    color: #666666;
    font-size: 14px; }
    .sub-tabs-wrapper .exports-wrapper .export-download:before {
      content: '';
      background: url(../../../images/topics/Download.png) no-repeat left 3px;
      display: block;
      width: 26px;
      height: 20px;
      float: left; }
  .sub-tabs-wrapper .exports-wrapper .export-print {
    color: #666666;
    font-size: 14px; }
    .sub-tabs-wrapper .exports-wrapper .export-print:before {
      content: '';
      background: url(../../../images/topics/Print.png) no-repeat left 3px;
      display: block;
      width: 26px;
      height: 20px;
      float: left; }
  .sub-tabs-wrapper .exports-wrapper .export-share {
    color: #666666;
    font-size: 14px;
    padding-right: 0; }
    .sub-tabs-wrapper .exports-wrapper .export-share:before {
      content: '';
      background: url(../../../images/topics/Share.png) no-repeat left 3px;
      display: block;
      width: 34px;
      height: 32px;
      float: left; }

.tab-blocks .table-wrapper .table-div {
  overflow-x: auto; }
.tab-blocks .table-wrapper table {
  border: 1px solid #dbdbdb;
  margin: 0 auto; }
  .tab-blocks .table-wrapper table th {
    padding: 15px 20PX;
    font-size: 13px;
    font-weight: bold;
    color: #4d4d4d;
    line-height: 19px;
    position: relative;
    vertical-align: top;
    min-width: 200px; }
    .tab-blocks .table-wrapper table th:nth-child(odd) {
      background: #b8e1dd; }
    .tab-blocks .table-wrapper table th:nth-child(even) {
      background: #cde8e4; }
    .tab-blocks .table-wrapper table th .th-title-wrapper {
      position: relative;
      padding-right: 15px;
      display: inline-block; }
      .tab-blocks .table-wrapper table th .th-title-wrapper:before {
        content: '';
        background: url(../../../images/topics/Inactive_Up_Arrow.png) no-repeat left 3px;
        display: block;
        width: 8px;
        height: 8px;
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer; }
      .tab-blocks .table-wrapper table th .th-title-wrapper:after {
        content: '';
        background: url(../../../images/topics/Inactive_Down_Arrow.png) no-repeat left 3px;
        display: block;
        width: 8px;
        height: 8px;
        float: right;
        position: absolute;
        right: 0;
        top: 7px;
        cursor: pointer; }
    .tab-blocks .table-wrapper table th.sort-asc .th-title-wrapper:before, .tab-blocks .table-wrapper table th.tablesorter-headerAsc .th-title-wrapper:before {
      background: url(../../../images/topics/Active_Up_Arrow.png) no-repeat left 3px;
      cursor: pointer; }
    .tab-blocks .table-wrapper table th.sort-dec .th-title-wrapper:after, .tab-blocks .table-wrapper table th.tablesorter-headerDesc .th-title-wrapper:after {
      background: url(../../../images/topics/Active_Down_Arrow.png) no-repeat left 3px;
      cursor: pointer; }
  .tab-blocks .table-wrapper table td {
    padding: 5px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #4d4d4d; }
    .tab-blocks .table-wrapper table td:nth-child(odd) {
      background: #f2f2f2; }
    .tab-blocks .table-wrapper table td:nth-child(even) {
      /*background: blue;*/ }

#country-search-section {
  margin-bottom: 13px;
  overflow: hidden;
  clear: both; }
  #country-search-section #txt-topic-search {
    /*float: left;
    min-width: 220px;
    border-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    height: 30px;
    padding: 10px;
    color: #999999;
    font-size: 14px;*/
    display: block;
    margin: 30px auto 0;
    width: 488px;
    border: 0;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 7px;
    outline: 0;
    height: 35px;
    margin: 10px auto 8px;
    background-color: #fff; }
  #country-search-section #img-topic-search {
    /*background: url(../../../images/topics/search-topic.png) no-repeat center center;
    background-color: green;
    width: 30px;
    height: 30px;
    display: block;
    float: left;*/
    position: absolute;
    width: 24px;
    height: 24px;
    top: 30px;
    right: -webkit-calc(50% - 244px);
    right: -moz-calc(50% - 244px);
    right: calc(50% - 244px);
    background: url(../../../images/Slices/Search_0.png) no-repeat center;
    cursor: pointer;
    top: 15px; }

.topiclist-block #country-search-section {
  overflow: hidden; }

.topics-container {
  position: relative;
  padding-top: 30px; }
  .topics-container:before {
    content: '';
    border-top: 1px solid #dbdbdb;
    display: block;
    left: 15px;
    position: absolute;
    width: calc(100% - 30px);
    top: 29px; }

.chart-view-tab,
.table-view-tab {
  cursor: pointer; }

.map-wrapper,
.table-wrapper,
.chart-wrapper {
  display: none; }

.table-wrapper.active,
.chart-wrapper.active,
.map-wrapper.active {
  display: block; }

.sub-tabs-wrapper {
  overflow: hidden;
  /* margin-bottom: 20px;*/ }

.topic-container {
  position: relative; }
  .topic-container .modal-header {
    background-color: #70c8be;
    color: #fff; }
    .topic-container .modal-header .model-title {
      font-size: 24px;
      font-weight: bold;
      padding-left: 10px; }
    .topic-container .modal-header .close-icn {
      float: right;
      font-size: 24px;
      cursor: pointer; }
  .topic-container .region-list-wrapper {
    padding: 30px; }
    .topic-container .region-list-wrapper .region-list-item {
      margin-bottom: 10px;
      cursor: pointer; }
  .topic-container .tab-blocks {
    display: none; }
    .topic-container .tab-blocks .map-wrapper,
    .topic-container .tab-blocks .chart-div,
    .topic-container .tab-blocks #map-div {
      min-height: 400px;
      width: 100%; }
    .topic-container .tab-blocks.active {
      display: block; }
  .topic-container .tab-content {
    margin-bottom: 40px; }

#select-data {
  float: right;
  top: 40px;
  position: absolute;
  border: 1px solid #00a99a;
  padding: 0 0 0 16px;
  /*width: 160px;*/
  border-radius: 7px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 12px;
  color: #000;
  z-index: 9;
  right: 30px;
  cursor: pointer; }
  #select-data #btn-select-data {
    padding: 7px 10px 4px;
    display: block;
    float: left;
    cursor: pointer; }
  #select-data #icn-select-data {
    background: url(../../../images/topics/Select_Arrow.png) no-repeat center center #00a99a;
    display: block;
    width: 35px;
    height: 29px;
    float: right;
    margin-right: -1px;
    margin-top: -1px; }

.map-title,
.table-title,
.chart-title {
  font-size: 25px;
  text-align: center;
  margin-bottom: 32px;
  color: #4d4d4d; }

.note-text,
.source-text {
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 5px;
  /*margin-left: 48px;*/
  font-style: italic;
  padding-top: 6px; }

.topic-list .no-search-result {
  text-align: center;
  padding: 20px 0; }

.no-topic-question {
  padding: 10px;
  color: #4d4d4d; }

#popup-country-list .modal-dialog {
  width: 70%; }
#popup-country-list .region-header {
  padding: 0px 15px 10px;
  color: #808080;
  font-size: 17px;
  font-weight: bold;
  clear: both;
  text-transform: uppercase; }
#popup-country-list .country-list {
  column-count: 5;
  margin-bottom: 30px; }
  #popup-country-list .country-list ul {
    list-style-type: none;
    padding-left: 15px; }
#popup-country-list li.li-country-name {
  font-size: 15px;
  color: #808080;
  cursor: pointer; }
#popup-country-list .popup-country-list {
  max-height: 450px;
  overflow: auto;
  margin: 20px 10px 30px; }

.topic-container .global-content {
  margin-top: 15px;
  clear: both; }

@media (min-width: 767px) and (max-width: 991px) {
  #country-search-section #img-topic-search {
    top: 5px; }

  #popup-country-list .modal-dialog {
    width: 90%; }
  #popup-country-list .country-list {
    column-count: 3; } }
@media (min-width: 991px) and (max-width: 1024px) {
  #popup-country-list .modal-dialog {
    width: 90%; }
  #popup-country-list .country-list {
    column-count: 4; } }
@media (max-width: 767px) {
  #country-search-section #txt-topic-search {
    width: 100%; }

  #country-search-section #img-topic-search {
    top: 2px;
    right: 15px; }

  .topics-container {
    padding-top: 0px; }

  .topic-container #select-data {
    float: right;
    position: static;
    border: 1px solid #00a99a;
    width: 160px;
    border-radius: 0px;
    display: block;
    margin-bottom: 24px;
    overflow: hidden;
    text-align: right; }
  .topic-container .topic-result-tabs.nav-tabs {
    border-bottom: 0; }
  .topic-container .sub-tabs-wrapper {
    clear: both; }

  .topics-container:before {
    content: none; }

  #popup-country-list .modal-dialog {
    width: 100%; }
  #popup-country-list .country-list {
    column-count: 2; } }
#select-data-popup {
  padding-right: 0 !important;
  /*.year-section-wrapper{
  	border-right: 1px solid #4d4d4d;
  	padding: 0 40px 0 25px;
  }*/
  /*.popup-topic-wrapper{
  	border-bottom: 1px solid #666666;
  	padding: 10px 0 2px;
  }*/ }
  #select-data-popup .modal-body {
    margin-bottom: 50px; }
  #select-data-popup .modal-dialog {
    width: 100%;
    margin: 93px auto;
    height: calc(100% - 30px); }
  #select-data-popup .modal-content {
    background-color: #000;
    opacity: 0.9;
    color: #fff;
    border-radius: 0;
    border: 0; }
  #select-data-popup .country-wraper {
    color: #fff;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden; }
    #select-data-popup .country-wraper .check-label {
      padding-left: 17px;
      display: inline-block; }
  #select-data-popup .check-item {
    display: inline-block; }
  #select-data-popup .topic-section-wrapper {
    color: #fff; }
  #select-data-popup .country-section-wrapper .sub-countries {
    display: none;
    float: left;
    padding-left: 15px;
    column-count: 2;
    list-style-type: none;
    padding-bottom: 20px; }
  #select-data-popup .popup-year-list-item,
  #select-data-popup .popup-topic-wrapper,
  #select-data-popup .region-wrapper {
    border-bottom: 1px solid #666666;
    padding: 7px 0 2px;
    overflow: hidden;
    display: inline-block;
    width: 100%; }
    #select-data-popup .popup-year-list-item.open .region-list-item .expand-icn,
    #select-data-popup .popup-topic-wrapper.open .region-list-item .expand-icn,
    #select-data-popup .region-wrapper.open .region-list-item .expand-icn {
      background: url(../../../images/select_data/Minus.png) no-repeat right 8px; }
  #select-data-popup .region-list-item {
    margin-bottom: 2px;
    overflow: hidden; }
    #select-data-popup .region-list-item .expand-icn {
      cursor: pointer;
      margin-bottom: 8px;
      background: url(../../../images/select_data/Plus.png) no-repeat right top;
      width: 16px;
      height: 15px;
      display: block;
      float: right; }
  #select-data-popup .popup-topic-wrapper .expand-icn {
    cursor: pointer;
    background: url(../../../images/select_data/Plus.png) no-repeat right 2px;
    width: 16px;
    height: 25px;
    display: block;
    float: right;
    cursor: pointer; }
  #select-data-popup .popup-topic-wrapper.topic-open .expand-icn {
    background: url(../../../images/select_data/Minus.png) no-repeat right 5px; }
  #select-data-popup .popup-question-wrapper {
    max-height: 200px;
    width: 100%; }
    #select-data-popup .popup-question-wrapper .popup-topic-question-container {
      display: none; }
    #select-data-popup .popup-question-wrapper .mCustomScrollBox {
      width: 100%; }
    #select-data-popup .popup-question-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
      background-position: -15px 0; }
    #select-data-popup .popup-question-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
      background-position: -16px -22px; }
  #select-data-popup .popup-topic-question-container {
    list-style-type: none;
    /*clear: both;*/
    padding-left: 10px;
    /*margin-bottom: 10px;*/ }
  #select-data-popup .popup-topic-wrapper.topic-open .popup-question-wrapper {
    /*display: block;  */ }
  #select-data-popup .popup-year-list-wrapper,
  #select-data-popup .popup-topic-list {
    list-style-type: none;
    padding-left: 0; }
  #select-data-popup span.popup-question-name {
    margin-bottom: 5px;
    display: flex; }
  #select-data-popup .btn-apply {
    background-color: #00a99a;
    border: 1px solid #00a99a;
    padding: 12px 50px 11px;
    min-width: 100px;
    margin: 5px auto 0 18px;
    font-size: 11px;
    outline: 0;
    text-transform: uppercase; }
    #select-data-popup .btn-apply:hover {
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
      background-color: transparent;
      color: #fff;
      border: 1px solid #00a99a; }
  #select-data-popup .popup-year-item-wrapper,
  #select-data-popup .popup-topic-name {
    max-width: 90%;
    display: block;
    float: left;
    position: relative;
    padding-left: 22px;
    line-height: 20px; }

.selected-section-wrapper .conditions-wrapper > div .selected-countries {
  margin-bottom: 0;
  /*.selected-country-list-item:last-child{
  	margin-bottom: 42px;
  }*/ }
.selected-section-wrapper .conditions-wrapper > div > span {
  color: #00a99a;
  margin-bottom: 7px;
  display: block;
  font-size: 15px; }
.selected-section-wrapper .selected-title {
  border-bottom: 1px solid #fff;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 18px;
  /*font-weight: bold;*/ }

.year-section-wrapper,
.selected-section-wrapper,
.country-section-wrapper,
.topic-section-wrapper {
  /*padding-bottom: 33px;*/
  /* CHECKED */ }
  .year-section-wrapper .popup-year-list-wrapper,
  .year-section-wrapper .popup-topic-list,
  .year-section-wrapper .popup-region-list,
  .selected-section-wrapper .popup-year-list-wrapper,
  .selected-section-wrapper .popup-topic-list,
  .selected-section-wrapper .popup-region-list,
  .country-section-wrapper .popup-year-list-wrapper,
  .country-section-wrapper .popup-topic-list,
  .country-section-wrapper .popup-region-list,
  .topic-section-wrapper .popup-year-list-wrapper,
  .topic-section-wrapper .popup-topic-list,
  .topic-section-wrapper .popup-region-list {
    overflow: auto; }
  .year-section-wrapper .mCSB_dragger_bar,
  .selected-section-wrapper .mCSB_dragger_bar,
  .country-section-wrapper .mCSB_dragger_bar,
  .topic-section-wrapper .mCSB_dragger_bar {
    background-color: #dadada !important;
    /*#999999 Task #238357 */
    width: 3px !important; }
  .year-section-wrapper .mCSB_draggerRail,
  .selected-section-wrapper .mCSB_draggerRail,
  .country-section-wrapper .mCSB_draggerRail,
  .topic-section-wrapper .mCSB_draggerRail {
    background-color: #fff !important;
    width: 1px !important; }
  .year-section-wrapper span.select-data-option-label,
  .year-section-wrapper span.select-data-question-label,
  .selected-section-wrapper span.select-data-option-label,
  .selected-section-wrapper span.select-data-question-label,
  .country-section-wrapper span.select-data-option-label,
  .country-section-wrapper span.select-data-question-label,
  .topic-section-wrapper span.select-data-option-label,
  .topic-section-wrapper span.select-data-question-label {
    position: relative;
    padding-left: 20px;
    font-size: 14px; }
  .year-section-wrapper span.popup-region-title,
  .selected-section-wrapper span.popup-region-title,
  .country-section-wrapper span.popup-region-title,
  .topic-section-wrapper span.popup-region-title {
    margin: 0 16px 0 5px;
    padding-left: 22px;
    position: relative;
    max-width: 80%;
    /* display: inline-block; */
    float: left; }
  .year-section-wrapper .check-item input[type=checkbox],
  .selected-section-wrapper .check-item input[type=checkbox],
  .country-section-wrapper .check-item input[type=checkbox],
  .topic-section-wrapper .check-item input[type=checkbox] {
    visibility: hidden;
    position: absolute; }
  .year-section-wrapper .check-item input[type=checkbox] + span.popup-year-name,
  .year-section-wrapper .check-item input[type=checkbox] + span.popup-year-item-wrapper,
  .year-section-wrapper .check-item input[type=checkbox] + span.popup-option-name,
  .year-section-wrapper .check-item input[type=checkbox] + span.check-label,
  .year-section-wrapper .check-item input[type=checkbox] + span.popup-topic-name,
  .year-section-wrapper .check-item input[type=checkbox] + span.select-data-question-label,
  .year-section-wrapper .check-item input[type=checkbox] + span.select-data-option-label,
  .year-section-wrapper .check-item input[type=checkbox] + span.popup-region-title,
  .selected-section-wrapper .check-item input[type=checkbox] + span.popup-year-name,
  .selected-section-wrapper .check-item input[type=checkbox] + span.popup-year-item-wrapper,
  .selected-section-wrapper .check-item input[type=checkbox] + span.popup-option-name,
  .selected-section-wrapper .check-item input[type=checkbox] + span.check-label,
  .selected-section-wrapper .check-item input[type=checkbox] + span.popup-topic-name,
  .selected-section-wrapper .check-item input[type=checkbox] + span.select-data-question-label,
  .selected-section-wrapper .check-item input[type=checkbox] + span.select-data-option-label,
  .selected-section-wrapper .check-item input[type=checkbox] + span.popup-region-title,
  .country-section-wrapper .check-item input[type=checkbox] + span.popup-year-name,
  .country-section-wrapper .check-item input[type=checkbox] + span.popup-year-item-wrapper,
  .country-section-wrapper .check-item input[type=checkbox] + span.popup-option-name,
  .country-section-wrapper .check-item input[type=checkbox] + span.check-label,
  .country-section-wrapper .check-item input[type=checkbox] + span.popup-topic-name,
  .country-section-wrapper .check-item input[type=checkbox] + span.select-data-question-label,
  .country-section-wrapper .check-item input[type=checkbox] + span.select-data-option-label,
  .country-section-wrapper .check-item input[type=checkbox] + span.popup-region-title,
  .topic-section-wrapper .check-item input[type=checkbox] + span.popup-year-name,
  .topic-section-wrapper .check-item input[type=checkbox] + span.popup-year-item-wrapper,
  .topic-section-wrapper .check-item input[type=checkbox] + span.popup-option-name,
  .topic-section-wrapper .check-item input[type=checkbox] + span.check-label,
  .topic-section-wrapper .check-item input[type=checkbox] + span.popup-topic-name,
  .topic-section-wrapper .check-item input[type=checkbox] + span.select-data-question-label,
  .topic-section-wrapper .check-item input[type=checkbox] + span.select-data-option-label,
  .topic-section-wrapper .check-item input[type=checkbox] + span.popup-region-title {
    cursor: pointer;
    position: relative; }
  .year-section-wrapper .check-item + span.popup-year-name:before,
  .year-section-wrapper .check-item + span.popup-year-item-wrapper:before,
  .year-section-wrapper .check-item + span.check-label:before,
  .year-section-wrapper .check-item + span.popup-option-name:before,
  .year-section-wrapper .check-item + span.popup-topic-name:before,
  .year-section-wrapper .check-item + span.select-data-question-label:before,
  .year-section-wrapper .check-item + span.select-data-option-label:before,
  .year-section-wrapper .check-item + span.popup-region-title:before,
  .selected-section-wrapper .check-item + span.popup-year-name:before,
  .selected-section-wrapper .check-item + span.popup-year-item-wrapper:before,
  .selected-section-wrapper .check-item + span.check-label:before,
  .selected-section-wrapper .check-item + span.popup-option-name:before,
  .selected-section-wrapper .check-item + span.popup-topic-name:before,
  .selected-section-wrapper .check-item + span.select-data-question-label:before,
  .selected-section-wrapper .check-item + span.select-data-option-label:before,
  .selected-section-wrapper .check-item + span.popup-region-title:before,
  .country-section-wrapper .check-item + span.popup-year-name:before,
  .country-section-wrapper .check-item + span.popup-year-item-wrapper:before,
  .country-section-wrapper .check-item + span.check-label:before,
  .country-section-wrapper .check-item + span.popup-option-name:before,
  .country-section-wrapper .check-item + span.popup-topic-name:before,
  .country-section-wrapper .check-item + span.select-data-question-label:before,
  .country-section-wrapper .check-item + span.select-data-option-label:before,
  .country-section-wrapper .check-item + span.popup-region-title:before,
  .topic-section-wrapper .check-item + span.popup-year-name:before,
  .topic-section-wrapper .check-item + span.popup-year-item-wrapper:before,
  .topic-section-wrapper .check-item + span.check-label:before,
  .topic-section-wrapper .check-item + span.popup-option-name:before,
  .topic-section-wrapper .check-item + span.popup-topic-name:before,
  .topic-section-wrapper .check-item + span.select-data-question-label:before,
  .topic-section-wrapper .check-item + span.select-data-option-label:before,
  .topic-section-wrapper .check-item + span.popup-region-title:before {
    content: '';
    background: url(../../../images/select_data/Select_Data.png) no-repeat left center;
    display: block;
    position: absolute;
    width: 19px;
    height: 22px;
    z-index: 1;
    top: -3px;
    left: 0;
    transition: 0.3s; }
  .year-section-wrapper .check-item.active + span.popup-year-name:before,
  .year-section-wrapper .check-item.active + span.popup-year-item-wrapper:before,
  .year-section-wrapper .check-item.active + span.check-label:before,
  .year-section-wrapper .check-item.active + span.popup-topic-name:before,
  .year-section-wrapper .check-item.active + span.popup-option-name:before,
  .year-section-wrapper .check-item.active + span.select-data-question-label:before,
  .year-section-wrapper .check-item.active + span.select-data-option-label:before,
  .year-section-wrapper .check-item.active + span.popup-region-title:before,
  .selected-section-wrapper .check-item.active + span.popup-year-name:before,
  .selected-section-wrapper .check-item.active + span.popup-year-item-wrapper:before,
  .selected-section-wrapper .check-item.active + span.check-label:before,
  .selected-section-wrapper .check-item.active + span.popup-topic-name:before,
  .selected-section-wrapper .check-item.active + span.popup-option-name:before,
  .selected-section-wrapper .check-item.active + span.select-data-question-label:before,
  .selected-section-wrapper .check-item.active + span.select-data-option-label:before,
  .selected-section-wrapper .check-item.active + span.popup-region-title:before,
  .country-section-wrapper .check-item.active + span.popup-year-name:before,
  .country-section-wrapper .check-item.active + span.popup-year-item-wrapper:before,
  .country-section-wrapper .check-item.active + span.check-label:before,
  .country-section-wrapper .check-item.active + span.popup-topic-name:before,
  .country-section-wrapper .check-item.active + span.popup-option-name:before,
  .country-section-wrapper .check-item.active + span.select-data-question-label:before,
  .country-section-wrapper .check-item.active + span.select-data-option-label:before,
  .country-section-wrapper .check-item.active + span.popup-region-title:before,
  .topic-section-wrapper .check-item.active + span.popup-year-name:before,
  .topic-section-wrapper .check-item.active + span.popup-year-item-wrapper:before,
  .topic-section-wrapper .check-item.active + span.check-label:before,
  .topic-section-wrapper .check-item.active + span.popup-topic-name:before,
  .topic-section-wrapper .check-item.active + span.popup-option-name:before,
  .topic-section-wrapper .check-item.active + span.select-data-question-label:before,
  .topic-section-wrapper .check-item.active + span.select-data-option-label:before,
  .topic-section-wrapper .check-item.active + span.popup-region-title:before {
    content: '';
    background: url(../../../images/select_data/Selected_Data.png) no-repeat left center;
    display: block;
    position: absolute;
    width: 19px;
    height: 22px;
    z-index: 1;
    top: -3px;
    left: 0; }

span.select-data-option-label {
  position: relative; }

.modal-open #select-data-popup.modal {
  overflow-y: hidden; }
  .modal-open #select-data-popup.modal .modal-header .close {
    margin-top: -2px;
    color: #fff;
    opacity: 1;
    font-size: 0;
    background: url(../../../images/select_data/Close.png) no-repeat right 5px;
    display: block;
    width: 32px;
    height: 32px; }
  .modal-open #select-data-popup.modal .modal-title {
    font-size: 24px;
    padding-top: 27px;
    /*67px; Changed as per MM teams suggestion*/ }
  .modal-open #select-data-popup.modal .modal-header {
    border: 0;
    padding-bottom: 10px; }

.popup-topic-item-wrapper {
  font-size: 15px; }

.selected-years ul,
.selected-years .selected-questions,
.selected-years .selected-countries,
.selected-topics-list ul,
.selected-topics-list .selected-questions,
.selected-topics-list .selected-countries,
.selected-countries-list ul,
.selected-countries-list .selected-questions,
.selected-countries-list .selected-countries {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0; }
  .selected-years ul li,
  .selected-years ul .selected-question-list-item,
  .selected-years ul li.selected-country-list-item,
  .selected-years .selected-questions li,
  .selected-years .selected-questions .selected-question-list-item,
  .selected-years .selected-questions li.selected-country-list-item,
  .selected-years .selected-countries li,
  .selected-years .selected-countries .selected-question-list-item,
  .selected-years .selected-countries li.selected-country-list-item,
  .selected-topics-list ul li,
  .selected-topics-list ul .selected-question-list-item,
  .selected-topics-list ul li.selected-country-list-item,
  .selected-topics-list .selected-questions li,
  .selected-topics-list .selected-questions .selected-question-list-item,
  .selected-topics-list .selected-questions li.selected-country-list-item,
  .selected-topics-list .selected-countries li,
  .selected-topics-list .selected-countries .selected-question-list-item,
  .selected-topics-list .selected-countries li.selected-country-list-item,
  .selected-countries-list ul li,
  .selected-countries-list ul .selected-question-list-item,
  .selected-countries-list ul li.selected-country-list-item,
  .selected-countries-list .selected-questions li,
  .selected-countries-list .selected-questions .selected-question-list-item,
  .selected-countries-list .selected-questions li.selected-country-list-item,
  .selected-countries-list .selected-countries li,
  .selected-countries-list .selected-countries .selected-question-list-item,
  .selected-countries-list .selected-countries li.selected-country-list-item {
    margin-bottom: 0;
    background: url(../../../images/select_data/Close_Selection.png) no-repeat left 3px;
    padding-left: 22px;
    cursor: pointer;
    margin-top: 5px;
    /*&:first-child{
    	margin-top: 0;
    }*/ }
  .selected-years ul ul,
  .selected-years .selected-questions ul,
  .selected-years .selected-countries ul,
  .selected-topics-list ul ul,
  .selected-topics-list .selected-questions ul,
  .selected-topics-list .selected-countries ul,
  .selected-countries-list ul ul,
  .selected-countries-list .selected-questions ul,
  .selected-countries-list .selected-countries ul {
    padding-left: 24px;
    margin: 7px 0; }

.selected-years,
.selected-topics-wrapper,
.selected-country-wrapper {
  /*max-height:150px;*/
  overflow: auto;
  clear: both; }

.selected-years-wrapper.not-empty-list,
.selected-years.not-empty-list,
.selected-topics-wrapper.not-empty-list {
  margin-bottom: 45px; }

.selected-topics-wrapper.not-empty-list.mCS_no_scrollbar {
  margin-bottom: 40px; }

.popup-country-search {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  display: block;
  width: calc(100% - 20px);
  font-weight: bold;
  margin-bottom: 20px;
  outline: 0;
  padding-bottom: 10px; }

.popup-country-search-section {
  position: relative;
  cursor: pointer; }

.popup-country-search-icn {
  background: url(../../../images/select_data/Search.png) no-repeat left 5px;
  display: block;
  width: 27px;
  height: 30px;
  float: right;
  position: absolute;
  right: 20px;
  top: -16px; }

.select-data-region-list-wrapper,
.region-list-wrapper {
  padding-left: 0; }

.selected-country-wrapper.not-empty-list {
  margin-bottom: 45px; }

.topic-res-wrapper .page-label {
  font-size: 25px;
  border-bottom: 1px solid #70C8BE;
  padding-bottom: 4px;
  margin-bottom: 30px;
  color: #808080; }
.topic-res-wrapper .map-title,
.topic-res-wrapper .table-title,
.topic-res-wrapper .chart-title {
  max-width: 70%;
  margin: 0 auto 36px; }
.topic-res-wrapper .topic-container {
  padding: 30px 30px 20px; }

#select-data-popup .country-section-wrapper .mCSB_inside > .mCSB_container {
  margin-right: 0; }
#select-data-popup .country-section-wrapper .select-data-region-list-wrapper,
#select-data-popup .country-section-wrapper .region-list-wrapper {
  padding-right: 20px; }

span.popup-country-search-icn,
span.popup-topic-search-icn {
  cursor: pointer;
  top: -2px; }

.popup-year-title,
input.popup-topic-search {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px; }

.popup-country-search::-webkit-input-placeholder,
.popup-topic-search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }

.popup-country-search::-moz-placeholder,
.popup-topic-search::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

.popup-country-search:-ms-input-placeholder,
.popup-topic-search:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff; }

.popup-country-search:-moz-placeholder,
.popup-topic-search:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.topic-res-wrapper .no-records-found-msg {
  text-align: center; }

.chart-wrapper .question-chart-wrapper:not(:last-child) {
  border-bottom: 1px solid #70c8be;
  margin-bottom: 42px;
  padding-bottom: 20px; }

.topic-container .table-div.slct-data-rslt-tbl th {
  vertical-align: top; }

.topic-container .table-div.slct-data-rslt-tbl th.multi-parent-th {
  vertical-align: middle; }

.topic-container .table-div.slct-data-rslt-tbl .single-parent-th {
  text-align: left; }

.selected-country-wrapper.mCS_no_scrollbar.not-empty-list {
  margin-bottom: 40px; }

#select-data-popup.fade.in {
  opacity: 0.9; }

.selected-count-wrapper {
  clear: both;
  /*float: right;*/
  display: block;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .selected-count-wrapper .slected-country-count,
  .selected-count-wrapper .selected-country-label {
    float: left; }
  .selected-count-wrapper .slected-country-count {
    border: 1px solid #00a99a;
    border-radius: 30px;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #666666; }
  .selected-count-wrapper .selected-country-label {
    font-size: 13px;
    color: #666666;
    margin-right: 10px; }

.selected-section-wrapper .reset-selection {
  color: #00a99a;
  cursor: pointer;
  text-decoration: none;
  margin-left: 15px; }

.clear-years-selection,
.clear-region-selection,
.clear-topic-selection-wrapper {
  float: right;
  color: #00a99a;
  cursor: pointer;
  text-decoration: none;
  font-size: 12px !important;
  padding-top: 2px; }
  .clear-years-selection:hover,
  .clear-years-selection a,
  .clear-region-selection:hover,
  .clear-region-selection a,
  .clear-topic-selection-wrapper:hover,
  .clear-topic-selection-wrapper a {
    color: #00a99a;
    text-decoration: none;
    cursor: pointer; }

.selected-years-title,
.selected-countries-title,
.selected-topics-title {
  float: left; }

.popup-topic-question-option-container {
  list-style-type: none;
  clear: both;
  padding-left: 20px; }

.popup-year-title {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ccc;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  outline: 0;
  padding-top: 1px; }

.popup-year-item-wrapper {
  position: relative; }

#select-data-popup .popup-year-list-item {
  padding: 7px 0; }

.selected-section-wrapper {
  padding-left: 30px; }

li.popup-topic-question-option-wrapper {
  margin-bottom: 5px; }

.country-section-wrapper {
  padding-right: 5px; }

.select-data-left-block {
  border-right: 1px solid #ccc;
  padding-right: 30px; }
  .select-data-left-block .select-data-tab-list {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-bottom: 0px;
    margin-bottom: 30px;
    float: left;
    width: 100%; }
    .select-data-left-block .select-data-tab-list li {
      float: left;
      margin-right: 30px;
      padding-bottom: 8px;
      cursor: pointer;
      position: relative; }
      .select-data-left-block .select-data-tab-list li:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 4px;
        width: 0;
        margin: 0 auto;
        background: #00a99a;
        transition: width 0.2s linear 0s; }
      .select-data-left-block .select-data-tab-list li:hover, .select-data-left-block .select-data-tab-list li.selected {
        /*border-bottom: 3px solid #00a99a;*/
        color: #00a99a; }
        .select-data-left-block .select-data-tab-list li:hover:after, .select-data-left-block .select-data-tab-list li.selected:after {
          width: 100%; }
  .select-data-left-block .select-tab-details {
    clear: both; }
  .select-data-left-block .select-tab-details > div {
    display: none; }
    .select-data-left-block .select-tab-details > div.active {
      display: block; }
  .select-data-left-block .popup-year-section {
    display: none; }

.selected-years li,
.selected-section-wrapper li {
  float: left;
  margin-right: 10px; }

.reset-selection-wrapper {
  padding: 12px 40px 11px;
  margin: 5px auto 0 18px;
  font-size: 11px;
  outline: 0;
  border: 1px solid #00a99a;
  text-transform: uppercase; }
  .reset-selection-wrapper:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #00a99a;
    color: #fff; }
    .reset-selection-wrapper:hover a {
      color: #fff; }

/*14-07-2020*/
.popup-year-list-wrapper .popup-year-list-item.disabled {
  opacity: 0.6;
  cursor: no-drop; }

@media (max-width: 991px) {
  #select-data-popup {
    overflow: auto !important; } }
@media (min-width: 992px) {
  #select-data-popup .modal-content {
    height: calc(100% - 30px); }
  #select-data-popup .modal-title {
    margin: 0 100px; }
  #select-data-popup .modal-body {
    margin: 0 100px; }
    #select-data-popup .modal-body > .row {
      display: flex; } }
@media (min-width: 768px) {
  .popup-year-section,
  .popup-topic-search-section,
  .popup-country-search-section {
    max-width: 65%;
    margin: 0 auto; } }
@media (min-width: 992px) and (max-width: 1024px) {
  .select-data-left-block .select-data-tab-list li {
    font-size: 11px; } }
@media (min-width: 1024px) and (max-width: 1100px) {
  .select-data-left-block .select-data-tab-list li {
    font-size: 12px; } }
@media (max-width: 767px) {
  .sub-tabs-wrapper .exports-wrapper > div {
    padding: 20px 9px 0; }

  .popup-topic-list {
    overflow: auto; }

  .select-data-region-list,
  .selected-topics-wrapper,
  .selected-country-wrapper {
    max-height: 200px;
    overflow: auto; }

  /*#select-data-popup .modal-header {
  	margin-bottom: 15px;
  }	*/
  .topic-section-wrapper > .popup-topic-list {
    max-height: 200px; }

  .modal-open #select-data-popup.modal .modal-title {
    padding-top: 7px; }

  .popup-country-search, .popup-country-search {
    width: 100%; }

  .popup-country-search-icn {
    right: 0; } }
.btn-view {
  text-decoration: underline; }

/*# sourceMappingURL=style1.css.map */