/*color references
Green: #79b044;
Salmon: #dd5638;
Blue Gray: #3e4249;

primary:#337ab7;
nice color:#337ab7;
51 122 183

box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;

*/

/* ====General ===*/
@font-face {
  font-family: "merriweather_sansbold";
  src: url("/static/assets/fonts/merriweathersans-bold-webfont.woff2")
      format("woff2"),
    url("/static/assets/fonts/merriweathersans-bold-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "merriweather_sansitalic";
  src: url("/static/assets/fonts/merriweathersans-italic-webfont.woff2")
      format("woff2"),
    url("/static/assets/fonts/merriweathersans-italic-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "merriweather_sanslight";
  src: url("/static/assets/fonts/merriweathersans-light-webfont.woff2")
      format("woff2"),
    url("/static/assets/fonts/merriweathersans-light-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "merriweather_sanslight_italic";
  src: url("/static/assets/fonts/merriweathersans-lightitalic-webfont.woff2")
      format("woff2"),
    url("/static/assets/fonts/merriweathersans-lightitalic-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "merriweather_sansregular";
  src: url("/static/assets/fonts/merriweathersans-regular-webfont.woff2")
      format("woff2"),
    url("/static/assets/fonts/merriweathersans-regular-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans";
  src: url("/static/assets/fonts/NotoSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

html,
body {
  /* overflow-x: hidden; */
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
}

:root {
  --main-color: #3b7ec1;
  --banner-bg: #dfecfe;
  --box-stroke: rgba(57, 81, 149, 0.32);
  --powder-blue: #e0e5f6;
  --maroon: #af111c;
}

a:hover {
  text-decoration: none;
}

body {
  margin-top: 70px;
  line-height: 1.33;
  font-size: 14px;
  background-color: #f8f8f8;
}

body.fixed {
  position: fixed;
  overflow: hidden;
}

.container-padding {
  padding: 0 50px;
}

/*===Global====*/
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: bold;
  color: #1a1a1a;
  margin-top: 0;
}

h1 {
  font-size: 2em;
}

h4 {
  font-size: 16px;
}

button,
input,
.btn,
a.btn {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.btn {
  font-weight: bold;
}

img {
  max-width: 100%;
}

.view-all a:hover,
.infographics-section a:hover,
.explore-btn a:hover,
.read-all a:hover,
.section-heading a:hover {
  color: #3673af;
}

/*========NAvBar==========*/

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: rgba(221, 86, 56, 0.8);
  /*  opacity: 60%;*/
  color: white;
}

#overview-province .breadcrumb-wrapper.fixed-header {
  padding: 10px;
}

.navbar-default .navbar-nav > li > a {
  color: #337ab7;
  font-size: 18px;
  text-transform: capitalize;
  padding: 15px 12px 15px 0;
}

.navbar-default .navbar-nav > li.nread > a {
  text-transform: initial;
}

/* #timeline-embed .tl-media .tl-media-content-container .tl-media-content img,
#oldphoto-embed .tl-media .tl-media-content-container .tl-media-content img{
  max-width:400px !important;
  height: 350px;
} */
.card .card-heading {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  height: 2em;
  line-height: 2em;
  overflow: hidden;
}

#view-polls {
  width: 100%;
  background: #e2e2e2;
  border-color: #e2e2e2;
  font-weight: 400;
  margin-top: 30px;
}

#view-polls:hover {
  background: #dcdcdc;
}

#timeline .page_redirects {
  padding: 40px 20px;
}

#timeline .page_redirects .redirect_btns {
  margin: 10px 0px 0px;
  padding: 0 50px 40px 50px;
}

#timeline .search-inner {
  width: 100%;
}

#searching {
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 5px 30px 5px 12px;
  font-weight: 400;
  border-radius: 5px;
  background: #e3f0ff;
  position: relative;
}

#searching:hover {
  background: #e2e2e2;
}

#indicator-search-btn img,
#keyword-search-btn img {
  max-width: 18px;
  padding-left: 0;
}

.modal.fade.contact.in .modal-body {
  max-height: 450px;
}

.daily_wrapper {
  border-radius: 15px;
  background-color: rgb(244, 245, 247);
  box-shadow: 0px 0px 13.5px 1.5px rgb(207 206 205 / 40%);
  width: 390px;
  transform: translateY(-50%);
  right: 50;
  clear: both;
  padding: 20px;
  top: 50%;
  margin-top: 40px;
  position: absolute;
  height: 480px;
  overflow: visible;
}

#dataviz-section li.selected.active .indicator {
  background: var(--main-color);
}

.daily_wrapper .polls-scroll {
  max-height: 212px;
  overflow-y: auto;
  /* height: 210px; */
}

.logged_in {
  color: #2f659a;
  margin-left: -10px;
}

/* .polls-form .mCustomScrollBox {
  height: auto;
} */
.daily_wrapper img {
  max-height: 250px;
  margin-bottom: 15px;
  width: auto;
}

.daily_wrapper .mCSB_scrollTools {
  right: -6px !important;
  top: 15px !important;
  bottom: 10px !important;
  opacity: 1 !important;
}

.daily_wrapper .top-text {
  overflow: hidden;
  margin-bottom: 10px;
}

.daily_wrapper .top-text p {
  float: left;
  font-size: 18px;
  font-weight: 500;
}

.daily_wrapper .top-text span {
  float: right;
  font-size: 12px;
  color: #4b4b4b;
 
  margin-top: 6px;
}

.daily_wrapper .daily_text h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: rgb(26, 26, 26);
  line-height: 1.3;
}

.daily_wrapper .daily_text {
  padding-bottom: 20px;
  border-bottom: 1px solid #cecece;
}

.grey {
  color: #5d5d5d;
}

.daily_wrapper .daily_text .grey,
.research-dev {
  margin: 10px 0;
}

.font-12 {
  font-size: 12px;
}

.intro-section .font-12.grey {
  margin-bottom: 0;
}

.blue {
  color: #fff;
}

.blue.title-text {
  color: var(--main-color);
}

.form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

.hero span {
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  text-transform: uppercase;
  padding-bottom: 0px;
  position: relative;
  color: #fff;
  text-shadow: none;
  margin-bottom: 25px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f8f8f8;
}

.polls-section {
  margin: 20px 0 0;
  overflow: hidden;
}

.polls-section.main-polls {
  overflow: hidden;
  width: 600px;
  margin: 40px auto;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  padding: 20px;
  border-radius: 15px;
}

.polls-section .poll-text {
  float: left;
  font-weight: 600;
  font-size: 18px;
}

.polls-section .options {
  margin-bottom: 25px;
  padding-right: 10px;
  /* max-height: 160px;
  min-height: auto;
  overflow-y: auto; */
}

.polls-section .iam {
  border-top: 1px solid #669acd2e;
  padding: 20px 0;
}

.polls-section span {
  margin: 0 0px 10px;
  font-size: 18px;
  display: block;
  font-weight: bold;
}

.share-social .social-icon-block .at-share-btn-elements {
  flex-direction: row;
  margin-top: 10px;
  justify-content: flex-start;
}

.share-social .social-share {
  z-index: 2;
  font-size: 18px;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.left-block svg g,
.right-block svg g,
svg g {
  font-family: "Open Sans";
}

.share-social .social-icon-block .at-style-responsive .at-share-btn {
  margin-bottom: 0;
  margin-left: 0;
}

.share-social
  .social-icon-block
  .at-style-responsive
  .at-share-btn:not(:last-child) {
  margin-right: 10px;
}

.polls-section .question {
  border-radius: 4px;
  min-height: 65px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-right: 10px;
}

.gender-wrapper {
  display: flex;
}

.gender-wrapper .gender {
  margin-right: 25px;
  display: flex;
  /* align-items: center; */
}

.gender-wrapper .gender input {
  margin-right: 5px;
  /* margin-top: 2px; */
}

.glossary-table-search-block .list-group {
  margin-bottom: 10px;
}

.cdd-detail#discussion-thread .at-share-btn-elements {
  margin-top: -25px;
}

.glossary-table-search-block .tooltip-msg {
  position: absolute;
  top: -45px;
  width: 175px;
  left: 15px;
  background: #3b7ec1;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.polls-form input[type="submit"] {
  background: var(--main-color);
  color: #fff;
  font-weight: 400;
  border: 1px solid var(--main-color);
  padding: 5px 20px;
  border-radius: 4px;
  width: 100%;
  transition: 0.3s all ease;
}

.polls-form input[type="submit"]:hover {
  background: #3673af;
  border-color: #3673af;
}

.polls-section .buttons #view-results {
  float: right;
  border: none;
  background: #e2e2e2;
  font-weight: 400;
  width: 100%;
  transition: 0.3s all ease;
}

.polls-section .buttons #view-results:hover {
  background: #dcdcdc;
}

.polls-form .options input {
  position: absolute;
  left: 6px;
}

.options .label-wrapper {
  background: #caced254;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding-left: 25px;
  position: relative;
}

.options .label-wrapper:last-child {
  margin-bottom: 0;
}

.progressbar-section {
  background: #fff;
  border-radius: 4px;
  min-height: 150px;
  padding: 20px 15px;
  box-shadow: 1px 1px 8px 1px #e4e4e4;
}

.timeline .social-share {
  position: absolute;
  right: 22px;
  top: 0px;
  opacity: 0;
  transition: 0.5s all;
}

.daily_wrapper .social-share {
  position: absolute;
  right: 22px;
  top: 20px;
  opacity: 0;
  transition: 0.5s all;
}

.daily_wrapper .social-icon-block .at-style-responsive .at-share-btn {
  padding: 2px;
}

.timeline .social-share {
  opacity: 1;
  display: flex;
  margin-top: 20px;
}

.timeline .social-icon-block .at-share-btn-elements {
  flex-direction: row;
}

.daily_wrapper .social-icon-block .at-share-btn-elements {
  flex-direction: row;
}

.daily_wrapper:hover .social-share {
  opacity: 1;
}

.daily_wrapper .at-style-responsive .at-share-btn {
  padding: 2px;
  margin: 0 3px 5px;
}

#section-resources .redirect_btns > a {
  padding: 8px 15px;
}

._news.news-wrapper {
  border-bottom: 0;
}

#welcome {
  margin-top: 130px;
}

#welcome .row {
  margin-right: 0px;
  margin-left: 0px;
}

#newsletter-form {
  position: relative;
}

#welcome .welcome-title {
  font-size: 40px;
  text-align: center;
  color: #337ab7;
}

#welcome .welcome-body {
  background-color: #337ab7;
  color: white;
  margin-top: 30px;
  padding: 40px 30px 10px 30px;
  min-height: 250px;
  text-align: center;
  font-size: 22px;
}

.chart-container {
  padding: 0 10px;
  box-shadow: 0px 2px 2px -1px #eaeaea;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-top: 20px !important; */
}

.chart-container .table-responsive {
  width: 100%;
  margin-top: 20px;
}

#welcome .btn-danger {
  margin-top: 10px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

#welcome .btn-danger:hover {
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.6);
}

#site-sections {
  margin: 30px 30px 30px 80px;
}

#model .model-content {
  padding: 8px !important;
}

.main-search-holder .search_text {
  font-size: 16px;
  margin-bottom: 25px;
}

/*Carousel
=================================*/

/*
Fade content bs-carousel with hero headers

Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.btn:focus {
  outline: 0;
}

.fade-carousel {
  position: relative;
  /* margin-top: 30px; */
  /* height: 90vh;*/
}

.fade-carousel .carousel-inner .item {
  height: 550px;
  /* height: auto;*/
  overflow: hidden;
  /*width: 10vw;*/
}

.fade-carousel .carousel-indicators > li {
  margin: 0 2px;
  background-color: transparent;
  border-color: #fff;
  opacity: 1;
}
.right_img {
  border-right: 1px solid #efefef;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: #fff;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.hero h1 {
  font-size: 6em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
  opacity: 0;
  -webkit-transition: 2s all ease-in-out 0.1s;
  -moz-transition: 2s all ease-in-out 0.1s;
  -ms-transition: 2s all ease-in-out 0.1s;
  -o-transition: 2s all ease-in-out 0.1s;
  transition: 2s all ease-in-out 0.1s;
}

.fade-carousel .carousel-inner .item.active .hero {
  opacity: 1;
  -webkit-transition: 2s all ease-in-out 0.1s;
  -moz-transition: 2s all ease-in-out 0.1s;
  -ms-transition: 2s all ease-in-out 0.1s;
  -o-transition: 2s all ease-in-out 0.1s;
  transition: 2s all ease-in-out 0.1s;
}

/********************************/
/*            header           */
/********************************/

.header-wrap {
  display: flex;
  align-items: center;
  margin: auto;
  min-height: 74px;
  justify-content: flex-end;
}

.header-wrap ul {
  display: inline-flex;
  align-items: center;
  padding: 0;
  padding-left: 25px;
  padding-right: 15px;
}

.header-wrap ul li {
  padding: 0 10px;
  list-style: none;
  font-size: 18px;
  color: #4d4d4d;
}
.header-wrap ul li a {
  color: #4d4d4d;
}

/* .header-wrap ul li:first-child {
  border-right: 2px solid;
} */

.header-wrap p.social-share img {
  margin: 0 6px;
}

.header-wrap p.social-share {
  padding: 10px 10px 0;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #080d15;
  opacity: 0.7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
  width: 300px;
  height: 80px;
  padding: 10px 40px;
  font-size: 30px;
}

.btn.btn-hero {
  color: #f5f5f5;
  background-color: transparent;
  border-color: transparent;
  border: none;
  outline: none;
  margin: 10px auto;
}

.btn.btn-hero:hover,
.btn.btn-hero:focus {
  -webkit-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 1);
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*opacity:0.7;*/
}

/* #demography-container #svg5{margin-top: 130px !important;}*/
#demography-container .row-vis .table .unit {
  margin: 0;
}

.dropdown-content-community-child {
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  max-height: 0px;
  transition: all 0.5s ease 0.1s;
}

.dropdown-content-community ul {
  column-count: 1;
}

.btn-group.bootstrap-select.form-control.data-form button:hover,
.btn-group.bootstrap-select.form-control.data-form button:focus {
  border-color: #ccc;
  background: #fff;
  outline: 0 !important;
}

#compare-modal .bootstrap-select.btn-group .dropdown-menu.inner {
  padding: 2px 10px !important;
}

#compare-modal .ajax-loader {
  position: absolute !important;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

#compare-modal .bootstrap-select.btn-group .dropdown-menu.inner li a {
  background: #f1f1f1;
}

#compare-modal .bootstrap-select.btn-group .dropdown-menu.inner li a span {
  color: #333;
  word-wrap: break-word;
  white-space: initial;
}

#compare-modal .bootstrap-select.btn-group .dropdown-menu.open {
  width: 100%;
}

#compare-modal
  .bootstrap-select.btn-group
  .dropdown-menu.inner
  li:hover
  a
  span {
  color: var(--main-color);
}

#compare-modal
  .bootstrap-select.btn-group
  .dropdown-menu.inner
  li.selected.active
  a {
  background: var(--main-color);
}

#compare-modal
  .bootstrap-select.btn-group
  .dropdown-menu.inner
  li.selected.active
  a
  span {
  color: #fff;
}

#compare-modal .bootstrap-select.btn-group .dropdown-menu.inner li a {
  padding-left: 10px;
  border-bottom: 1px solid #fff;
}

#compare-modal
  .bootstrap-select.btn-group
  .dropdown-menu.inner
  li
  a
  span.glyphicon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#compare-modal .cmp-validation-msg {
  margin-top: 10px;
}

.dropdown-child.expand-menu .dropdown-content-community-child {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  max-height: 5000px;
  margin-left: 10px;
}

.download-block button:hover,
.download-block .dropright button:hover {
  border: 1px solid var(--main-color);
  background: var(--main-color);
  color: #fff;
}

.btn-container {
  position: relative;
}

#glossary .download-block {
  float: right;
  position: absolute;
  right: 0;
  z-index: 999;
  top: 20px;
}

.error-result {
  margin: 20px 0 10px;
}

.dropdown-content-community .content-community {
  column-count: 1;
}

.dropdown-child .sub-menu-down img {
  width: 16px;
  transform: rotate(-90deg);
  transition: all 0.2s;
}

.dropdown-child.expand-menu .sub-menu-down img {
  transform: rotate(0deg);
  margin-top: 1px;
}

.dropdown-child {
  position: relative;
}

.dropdown-child .sub-menu-down {
  position: absolute;
  left: 65px;
  top: 9px;
  cursor: pointer;
}

.signup .btn.btn.btn-primary {
  border-radius: 10px;
  padding: 8px 25px;
}

.dropdown-content-community ul {
  padding-left: 0;
  list-style: none;
}

.content-community {
  padding: 0;
  list-style: none;
}

#geo-profile-select option {
  color: #000;
}

select#geo-profile-select {
  color: #fff !important;
}

.diagnose-filter.sticky {
  position: fixed;
  z-index: 99;
  top: 125px;
  width: 100%;
  transition: all 0.5s;
  background: #f4f4f4;
  box-shadow: 1px 1px 6px 1px #e4e4e4a6;
}

.service-block {
  width: 85%;
  margin: auto;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 4px;
  background: #efefef;
  border: 1px solid #efefef;
  margin-top: 8em;
  overflow: hidden;
  margin-top: -1px;
}

.service-block p {
  font-size: 40px;
  text-align: center;
}

.contact_form {
  padding: 10px 30px;
  overflow: hidden;
}

.contact_form .message label,
.contact_form #id_message {
  margin-left: 0px;
}

.overview_pag {
  margin: 40px 0;
}

.overview-table {
  background: #fff;
}

.overview-table > thead > tr > th,
.overview-table > tbody > tr > th,
.overview-table > tfoot > tr > th,
.overview-table > thead > tr > td,
.overview-table > tbody > tr > td,
.overview-table > tfoot > tr > td {
  vertical-align: inherit;

  border-top: none;
  border: 1px solid #fff;
  text-align: center;
  font-weight: 500;
}
.overview-table > thead > tr > th:last-child,
.overview-table > tbody > tr > td:last-child {
  border-right: 1px solid var(--powder-blue);
}
.search-page .pagination {
  margin: 30px 0;
}

.table.overview-table > thead > tr > th,
.table.overview-table tbody tr td {
  padding: 15px;
}
.table.overview-table.block1 tbody tr td,
.table.overview-table.block1 thead tr th {
  padding: 0;
}
.overview-table > thead > tr > th {
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}
.table.overview-table.block1 img {
  width: 40px;
  display: block;
  margin: auto;
  margin-bottom: 10px;
  height: 40px;
  object-fit: contain;
}

.overview-table > tbody > tr {
  height: auto !important;
  border-bottom: none !important;
}

.overview-table > thead > tr > th {
  position: relative;
}

.search-holder2.timeline-section button {
  height: 40px;
}

.slider .tooltip.top {
  z-index: 9;
}
.overview-details {
  padding: 40px 0;

  margin: 20px 0;
  position: relative;
}

.overview-table > tbody > tr:last-child > td {
  border-bottom: none;
}

.overview-table > tbody > tr > td {
  text-align: center;
}
.block1 > thead > tr > th {
  color: #4d4d4d !important;
}
/* .block1>thead>tr>th:first-child {
  color: #045fa0;
}

.block1>thead>tr>th:nth-child(2) {
  color: #30ace2;
}

.block1>thead>tr>th:nth-child(3) {
  color: #8fc045;
}

.block1>thead>tr>th:nth-child(4) {
  color: #e22786;
}

.block1>thead>tr>th:last-child {
  color: #e22786;
} */

.overview_block .section-label {
  text-align: center;
  margin-bottom: 0;
  color: #fff;
}

.green-block {
  border: 1px solid #daffa9;
  overflow: hidden;
}

.green-block .text-block {
  color: #8fc045;
}

.blue-block .text-block {
  color: #045fa0;
}

.blue-block {
  border: 1px solid #d3dfe8;
  overflow: hidden;
}

.mb-20 {
  margin-bottom: 30px;
}
.health-block .section-label:before {
  content: "";
  /* background: url(/static/assets/img/overview/health.png) no-repeat; */
  position: absolute;
  left: 23%;
  display: block;
  padding: 15px;
}

.educational-block .section-label {
  color: #0f74ba;
}

.educational-block .section-label:before {
  content: "";
  /* background: url(/static/assets/img/overview/educational.png) no-repeat; */
  position: absolute;
  left: 20%;
  display: block;
  padding: 15px;
}

.note-block p {
  text-align: center;
}

.note-block span.note {
  text-transform: uppercase;
  color: blue;
  font-weight: bold;
}

.note-block span.note1,
span.note1 {
  color: #ff0000;
  text-transform: uppercase;
  padding-right: 5px;
  font-weight: normal;
  font-size: 16px;
}

span.note1 {
  padding-right: 0;
}

.overview_block .text-block span.note1 {
  position: absolute;
}

.overview-table p,
.overview_block p {
  font-size: 16px;
  color: var(--navy-blue);
}
.overview-table p.indicator-val {
  font-size: 18px;
}
.overview_block .overview-table > thead > tr > th {
  background: #fff;
}
.overview_block.Ethnicity-block .overview-table > thead > tr > th,
.overview_block.language-block .overview-table > thead > tr > th {
  padding-bottom: 0;
}
.overview_block.Ethnicity-block .overview-table > tbody > tr > td,
.overview_block.language-block .overview-table > tbody > tr > td {
  padding-top: 0;
}
.educational-block .overview-table > thead > tr > th {
  color: var(--navy-blue) !important;
}

.health-block .overview-table > thead > tr > th {
  color: var(--navy-blue) !important;
}

.educational-block .overview-table > tbody > tr > td:nth-child(3),
.educational-block .overview-table > thead > tr > th:nth-child(3) {
  color: #333;
  background: #e0e5f6;
  font-weight: 500;
}

.educational-block .overview-table > tbody > tr > td:nth-child(2),
.educational-block .overview-table > thead > tr > th:nth-child(2) {
  color: #333;
  background: #e0e5f6;
  font-weight: 500;
}

.educational-block .overview-table > tbody > tr > td:first-child {
  text-transform: uppercase;
  text-align: left;
  padding-left: 15px !important;
  font-weight: normal;
}

.health-block .overview-table > tbody > tr > td:first-child {
  text-transform: uppercase;
  text-align: left;
  padding-left: 13px !important;
  font-weight: normal;
}

.health-block .overview-table > tbody > tr > td {
  text-align: left;
}

.infography-section .social-icon-block .at-share-btn-elements {
  flex-direction: row;
}

.health-block .overview-table > tbody > tr > td:not(:nth-child(1)),
.health-block .overview-table > thead > tr > th:not(:nth-child(1)) {
  background: var(--powder-blue);
}

.development-block .overview-table > tbody > tr > td:first-child {
  text-transform: uppercase;
  text-align: left;
  width: 60%;
  font-size: 14px;
  padding-left: 15px !important;
  font-weight: normal;
}

.development-block .overview-table > tbody > tr > td:last-child {
  background-color: var(--powder-blue);
}

.development-block .overview-table > tbody > tr > td:last-child > p {
  width: 50%;
  margin: auto;
  text-align: left;
  font-size: 14px;
}

#insights .related-links .row.mg-15 {
  margin: 0 -15px;
}

.educational-block .overview-table > thead > tr > th,
.health-block .overview-table > thead > tr > th {
  font-weight: normal !important;
  text-transform: none;
  font-size: 14px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.educational-block .overview-table > tbody > tr > td > p,
.health-block .overview-table > tbody > tr > td > p {
  font-size: 14px;
}

.overview_block .overview-table > thead > tr > th:after {
  content: "";
  display: none;
}

.development-block .overview-table > thead > tr > th {
  color: #5b9e01;
}
.banner-wrappper .align-center {
  display: flex;
  align-items: center;
}
.development-block .overview-table {
  margin-bottom: 15px;
}

.overview_block .overview-table > thead > tr > th {
  font-weight: normal;
  font-size: 16px;
}
.box-stroke .overview-table > thead > tr > th,
.box-stroke .overview-table p {
  font-size: 14px;
}

.box-stroke table.overview-table {
  margin-bottom: 0;
  height: 76px;
  overflow: auto;
}
.map-inside-banner div#right-map {
  z-index: 0;
}
.overview_block .section-label,
.bottom-block .section-label {
  color: var(--navy-blue);
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.part-1.overview_block .section-label {
  font-weight: 400;
}
.fixed-header.sticky {
  position: fixed;
  z-index: 99 !important;
  top: 75px;
  width: 100%;
  transition: all 0.5s;
  border-top: 1px solid var(--main-color);
}

#overview-province .fixed-header.sticky {
  z-index: 999 !important;
}

.overview_pag.row .col-sm-12 {
  padding: 0;
}

/* .indicator-val{
  font-family: Roboto,sans-serif;
} */
.row.dataset-row {
  margin: 0;
  padding: 0 15px;
}

#indModal {
  padding-right: 0 !important;
}

#indModal .modal-content {
  width: 100%;
}

.search {
  margin-right: 30px;
  max-width: 400px;
  position: relative;
  /* z-index: 9; */
}

.search-header .form-inline {
  margin-bottom: 0;
}

.search-header .form-inline .form-control {
  width: 100%;
  height: 40px;
}

.search-header input[type="submit"] {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  font-weight: 400;
  height: 40px;
  color: #333;
  transition: 0.3s all ease;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

#section-resources .search-bar input,
#section-resources .search-bar select {
  height: 40px;
}

.search-header input[type="submit"]:hover {
  border-color: var(--main-color);
  background: var(--main-color);
  color: #fff;
}

.overview_block {
  background: #fff;
  text-align: center;
}

.overview_block span.text {
  bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.right_img img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.overview_block .text-block {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--navy-blue);
}
.img-text {
  display: flex;
  text-align: center;
  justify-content: center;
}
.img-text .indicator-val {
  font-size: 14px;
}
.overview_block .section-label {
  position: relative;
}

.household-section {
  margin-top: 30px;
}

/*.household-section .blue-block */

.green-block .section-label {
  color: #8fc045;
  position: relative;
}

.green-block .green_text,
.blue-block .blue_text {
  padding-left: 50px;
  font-weight: 500;
}

/*.blue-block .blue_text{padding-left: 63px;}*/
.blue-block .section-label {
  color: #045fa0;
  position: relative;
}

.part1 .section-label,
.part1 .text-block {
  font-weight: 400;
  font-size: 18px;
}
.box-title.section-label {
  line-height: normal;
  font-size: 16px;
  font-weight: normal;
  color: var(--navy-blue);
  border-bottom: 1px solid var(--box-stroke);
  margin-bottom: 0;
}
.introjs-overlay {
  z-index: 999 !important;
}

.introjs-tooltipReferenceLayer {
  z-index: 999 !important;
}

.introjs-helperNumberLayer {
  top: -22px !important;
  left: -26px !important;
}

.Ethnicity-block .overview-table > thead > tr > th:before {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  top: 21px;
  width: 1px;
  height: 150%;
  /* background: #d0eff2; */
}

.language-block .overview-table > thead > tr > th:before {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  top: 21px;
  width: 1px;
  height: 150%;
}

/* .overview_block .section-label:after {
  content: "";
  display: block;
  border: 1px solid;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
} */

#restart_motion {
  background: #f5f5f5;
  border: none;
  border-radius: 50%;
  padding: 10px;
  bottom: -1px;
  left: 15px;
  transform: translate(10px, 90px);
  display: block;
  height: 35px;
  width: 38px;
}

#country-content .row-vis {
  padding-top: 0;
}

.timeline .search-holder2 .search-inner .search-input-wrapper {
  display: flex;
}

.bottom-block span {
  text-transform: uppercase;
  font-size: 16;
}

.reveneu-block {
  text-align: center;
  /* width: 50%; */
  margin: auto;
  position: relative;
}

.reveneu-block img {
  height: 67px;
}

.bottom-block img {
  margin-top: 5px;
  width: 140px;
  height: 140px;
  object-fit: contain;
}

.expenditure-block {
  text-align: center;
  position: relative;
}

.link-email {
  pointer-events: none;
}

.bottom-block {
  background: #fff;
  margin-bottom: 20px;
}

.bottom-block .bottom_text {
  text-align: center;

  /*margin-bottom: 22px;*/
  padding: 40px 8px;
  position: relative;
}

.bottom-block .text_section {
  font-weight: bold;
  margin-bottom: 0;
  padding-top: 20px;
}

#cidrop {
  padding-right: 20px;
  background-position-x: 96% !important;
}

.bottom-block .text_section1 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: bold;
}
.bottom-block .indicator-val-year.text_section1 {
  font-size: 14px;
  font-weight: 500;
  color: gray;
}
.bottom-block .text-1:before {
  content: "";
  display: inline;
  border: 1px solid #00c29c;
  position: absolute;
  top: -59px;
  left: 120px;
  height: 59px;
}

.compare-profile .modal-body {
  overflow-y: hidden;
}

.expenditure-block.box-icon img,
.reveneu-block.box-icon img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.overview_pag #map:after {
  content: "";
  border: 1px solid #efefef;
  position: absolute;
  display: inline;
  height: 75%;
  right: 0px;
  top: 55px;
}

.overview_block .right_img1:after {
  content: "";
  border: 1px solid #d3dfe8;
  position: absolute;
  display: inline;
  height: 80%;
  right: 0px;
  top: 10px;
}

#overview-province .form-control {
  height: 40px;
}

.my-class {
  width: 100%;
  background: red;
}

#overview-province .form-control button {
  height: 100%;
  border: 0px;
  border-radius: 5px;
  background: #f3f3f2;
}

#overview-province .top-btn:hover {
  /* background: var(--main-color); */
  background: transparent;
  border-color: transparent;
  color: var(--main-color);
}

.description-wrapper .res_decp iframe {
  width: 100% !important;
}

#overview-province .form-control button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.breadcrumb-wrapper.fixed-header {
  background: #e2e2e2;
  margin: 0 0;
  z-index: 2;
}

.loc-block .change_btn {
  margin-right: 20px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  color: #333;
  padding: 5px 25px;
  height: 35px;
  transition: 0.2s all;
}

.loc-block .change_btn:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  background: none;
  box-shadow: none;
}

.buttons-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.breadcrumb-wrapper.fixed-header .row {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.breadcrumb-wrapper.fixed-header #form {
  margin-top: 0;
}

.analysis-section .geo_btn {
  color: #3373b9;
  background: transparent;
  border-radius: 40px;
  padding: 7px 45px;
  font-weight: 400;
  text-transform: uppercase;
  border-color: #e53d25;
}

.analysis-section .geo_btn:hover {
  background: #e53d25;
  color: #fff;
}

.analysis-section .geo_btn:hover a {
  color: #fff;
}

.download-block .dropdown-menu {
  width: 400px;
}

#insightsCarousel {
  /* height: 100%; */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#insightsCarousel .img-wrap img {
  height: 100%;
  object-fit: contain;
  margin: auto;
  display: block;
  cursor: pointer;
}

#insightsCarousel .img-wrap {
  cursor: pointer;
}

#dataviz-section .analysis-section .geo_btn:hover a {
  color: #fff;
  text-decoration: none;
}

.analysis-bottom {
  text-align: center;
}

.analysis-bottom h3 {
  line-height: 1.25;
  font-weight: normal;
  font-size: 28px;
}

.analysis-bottom span {
  font-weight: bold;
}

.overview_pag .analysis-section,
#demography-container .analysis-section {
  margin-bottom: 40px;
  background: var(--powder-blue);

  padding: 40px 20px;
}

.overview_pag .analysis-section {
  margin: 20px 0 0;
}
.analysis-bottom-img img {
  width: 100px;
}
.analysis-section .right-section .analysis-bottom {
  padding-right: 24px;
}
.analysis-section img {
  height: 150px;
  object-fit: contain;
}
.analysis-section .left-section .analysis-bottom {
  padding-left: 25px;
}

#demography-container .analysis-section .right-section .analysis-bottom-img {
  float: left;
  margin-right: 20px;
}

#demography-container .analysis-section .left-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}

#compare-modal .modal-body,
#compare-modal .modal-content {
  overflow: visible;
}

#demography-container .analysis-section .left-section .analysis-bottom-img {
  float: right;
}

#demography-container .analysis-section .right-section {
  border-right: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal.contact .modal-footer .btn.btn-default {
  text-transform: capitalize;
}

.modal.contact.in .modal-content {
  width: 100%;
}

/* #overview-province .form-control button:after{
            content: '';
           display: block;
          border-bottom: 2px solid;
           width: 8%;
          padding-top: 7px;
      }*/

/********************************/
/*          Media Queries       */
/********************************/
/*@media screen and (min-width: 980px){
    .hero { width: 100%; }
}*/
@media screen and (max-width: 640px) {
  .hero h1 {
    font-size: 4em;
  }
}

#data-show {
  margin: 30px 15px 20px 15px;
}

.card-text-title {
  font-size: 30px;
}

.compare-filter.sticky {
  position: fixed;
  z-index: 99;
  top: 135px;
  width: 100%;
  transition: all 0.5s;
  background: #f8f8f8;
  box-shadow: 1px 1px 6px 1px #e4e4e4a6;
}

#data-show .data {
  display: table;
  font-size: 40px;
  font-weight: bold;
  color: white;
  text-align: center;
  line-height: 30px;
  height: 140px;
  width: 140px;
  background: #3e4249;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#cmp-section-list .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  background: #fff !important;
}

#data-show .data:hover {
  background: #009249;
}

#discussion-thread .media h1.media-heading {
  margin-bottom: 0;
  /* border-bottom: 1px solid #ccc;
  padding-bottom: 15px; */
}
/* .post_full.cdd-details{
  border-bottom: 1px solid #ccc;
} */
.post_content h3:not(:first-child) {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 15px;
}

#discussion-thread .media img.insight-img,
#discussion-thread .media iframe {
  margin-bottom: 20px;
}

#discussion-thread .insight-date {
  margin-bottom: 0;
}

#data-show .data .total-data {
  display: table-cell;
  vertical-align: middle;
}

.geo.country-profile .ajax-loader {
  z-index: 999;
}

.total-data span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.contact-title {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: bold;
  /*padding: 10px;*/
  color: #3e4249;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#glossary-indicator-table,
#tableDiscussionSection {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  margin-top: 10px;
  margin-bottom: 20px;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  border-top: 1px solid #eaeaea !important;
}

.download-block .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

address {
  font-size: 14px;
  /*padding-left: 30px;*/
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 24px;
}

#map-section {
  padding-top: 10px;
  margin: 50px 10px;
}

#contact-header {
  font-size: 40px;
  text-align: center;
}

#ind_num {
  padding-left: 5px;
  margin-left: 15px;
  height: 34px;
  border-radius: 20px;
  display: inline;
  padding: 6px 25px;
  font-size: 14px;
  font-weight: 400;
}

.pager {
  padding-bottom: 20px;
}

#map {
  width: 100%;
  height: 400px;
  background-color: grey;
  margin: 40px 0;
}

#contact {
  padding-top: 20px;
}

.download-block .dropdown-menu,
.glossary-table-search-block .dropdown-menu {
  padding: 10px;
}

.search-box .download-block {
  float: right;
  padding-left: 0;
}

#contact-form {
  margin-top: 30px;
  margin-left: 30px;
}

.header-tag {
  text-align: center;
}

.dropright .dropdown-menu {
  width: 400px;
}

/*======drop down menu ====*/

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  left: -7em;
  box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.4);
}

.dropdown-content-community {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
}

.page-banner.glossary {
  height: auto;
  padding: 20px 0;
  margin: 0;
}

#glossary .page-banner {
  height: auto;
  padding: 20px 0;
  margin: 0;
}

#glossary-indicator-table_wrapper tbody tr:hover {
  background-color: #f5f5f5;
}

#glossary-indicator-table_wrapper tr:nth-child(even) {
  background-color: #edf4fb;
}

#glossary-indicator-table thead tr,
#tableDiscussionSection thead tr {
  background: var(--main-color);
  color: #fff;
}

#glossary-indicator-table thead .sorting_asc,
#glossary-indicator-table thead .sorting,
#glossary-indicator-table thead .sorting_desc,
#tableDiscussionSection thead .sorting_asc,
#tableDiscussionSection thead .sorting,
#tableDiscussionSection thead .sorting_desc {
  background-image: url(../img/sort.png) !important;
  background-size: 18px;
  background-position-x: 96%;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}

#glossary-indicator-table thead tr th:first-child.sorting_asc,
#glossary-indicator-table thead tr th:first-child.sorting_desc,
#glossary-indicator-table thead tr th:first-child.sorting {
  background-image: none !important;
}

#glossary-indicator-table thead .sorting_asc,
#glossary-indicator-table thead .sorting,
#glossary-indicator-table thead .sorting_desc {
  background-position-y: 75%;
  padding: 5px 25px 5px 5px;
}

#glossary-indicator-table thead tr td {
  font-weight: 400;
}

#glossary-indicator-table_wrapper,
#tableDiscussionSection_wrapper {
  margin-bottom: 40px;
}

#tableDiscussionSection tfoot tr th {
  font-weight: 400;
}

.data-section #search-discussion-summary {
  height: 40px;
}

#search-discussion-summary {
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  border-radius: 4px;
}

#year-range-slider {
  position: relative;
  margin-top: 15px;
}

#indicator-search-box-compare .input-group-btn {
  position: absolute;
  right: 15px;
  z-index: 99;
}

#indicator-search-box-compare {
  width: 100%;
}

#indicator-search-box-compare .btn.btn-default.indicator-search-btn {
  background-color: #3b7ec1;
  background-image: none;
  width: auto;
  left: -20px;
  color: white;
}

.indicator-search-box-error-compare {
  font-size: 12px;
  margin: 5px 0;
}

#cmp-section-list .btn-default {
  border: 0;
}

#compare-modal .form-control {
  border: 1px solid #ccc;
  border-color: #ccc;
  background: #fff;
  outline: 0 !important;
  height: 40px;
  border-radius: 4px;
  box-shadow: none;
}

#year-range-slider .min-range,
#year-range-slider .max-range {
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  font-weight: 400;
}

#year-range-slider .max-range {
  font-size: 12px;
  position: absolute;
  bottom: -25px;
  font-weight: 400;
  right: 0;
}

#option-select .btn-group.btn-group-sm {
  position: absolute;
  top: 0;
}

.newsletter-wrapper.show-popup .form-horizontal .error-validation {
  width: 100%;
  color: red;
  display: inline-block;
  margin-left: 0;
  text-align: left;
  position: relative;
  bottom: 0;
  right: 0;
  margin-bottom: 5px;
}

.data-section #search-discussion-summary:focus {
  z-index: 1;
}

.search-section #indicator-search-box span.input-group-btn {
  top: 5px;
}

.info h2 {
  color: #fff;
}

#indModal {
  padding-right: 0;
}

#indModal .modal.in .modal-content {
  width: 100%;
}

.input-group-btn button,
.input-group-btn button:hover {
  background: transparent;
}

.btn.btn-default.indicator-search-btn {
  background-image: url(/static/assets/img/search-blue.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 100%;
  background-size: 16px;
  background-color: #fff;
  border: 0;
  background-position-y: 50%;
  background-position-x: 0%;
}
.container-curtain-wrap{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
  transition: 3s all;
  

}
.container-curtain-wrap.open{
  z-index: -1;
}
.indicator-search-box-error-search {
  font-size: 12px;
  margin-top: 5px;
}

.glossary-table-search-block #backBtn {
  background: #2e6bac;
  font-weight: 400;
  padding: 6px 30px;
  color: #fff;
  height: 40px;
  background: var(--main-color) url(/static/assets/img/back-btn1.png) no-repeat
    25%;
}

.container.compare-filter {
  padding: 0;
}

.geo.compare-profile .row {
  margin: 0;
}

.glossary-table-search-block #backBtn:hover {
  background: #dd5638 url(/static/assets/img/back-btn1.png) no-repeat 25%;
}

/* .download-block .dropright button,
#submit-comment button {
  background-color: var(--main-color);
  font-weight: 400;
  color: #fff;
  padding: 6px 30px;
  border-radius: 20px;
  border-color: var(--main-color);
} */
#discussion-thread .panel.panel-default {
  margin: 10px 0 40px;
}

.glossary-heading {
  display: flex;
  align-items: center;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: var(--main-color);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
}

/* .dropdown-content-community li {
  margin-top: 15px;
} */
/* .dropdown-content-community li:first-child {
  padding-bottom: 8px;
  margin-bottom: 5px;
} */
.dropdown-content-community li a {
  color: var(--main-color);
  text-decoration: none;
  text-align: left;
  /* border-bottom: 1px solid var(--main-color); */
}

/* .dropdown-content-community li a:hover {
  border-bottom: 1px solid #dd5638;
} */
.dropdown.expand .dropdown-content-community a {
  margin-top: 10px;
}

.dropdown.expand .dropdown-child .dropdown-content-community-child a {
  margin-top: 0;
}

.dropdown.expand
  .dropdown-child.expand-menu
  .dropdown-content-community-child
  a {
  margin-top: 10px;
}

#discussion-thread .panel-default > .panel-heading {
  background: var(--main-color);
  color: #fff;
  border: 1px solid var(--main-color);
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  /*background-color: rgba(51,22,183,0.5);*/
  background-color: #dd5638;
  color: white;
}

.dropdown-content-community a:hover {
  color: #dd5638;
}

.dropdown-content-community a:hover ~ dropdown {
  color: white;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
  color: white;
}

.geo.compare-profile .dropdown-menu.inner li.selected.active a {
  background-color: var(--main-color) !important;
}

.geo.compare-profile.fixed-header #embed-info {
  background: #fff;
  border-color: #fff;
  color: #333;
  width: 100%;
  display: block;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  transition: 0.2s all;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.geo.compare-profile.fixed-header #embed-info:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*
.dropdown:hover .dropbtn {
    background-color: #337ab7;
}
*/
.news-selector .card-main img {
  width: 100%;
  max-height: 600px;
  object-fit: cover;
}

.user-image {
  position: relative;
}

/*==========profiles===========*/

.overlay-image {
  position: relative;
  margin-bottom: 20px;
  /*width:80px;
    height:80px*/
}

#popup_options {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  font-size: 16px;
  font-weight: 600;
  height: auto;
  width: 100%;
  padding: 10px 15px;
}

.signup-text {
  font-size: 14px;
  text-align: center;
}

.img-section-nread img {
  height: 200px;
  width: 100%;
  object-fit: contain;
  box-shadow: 0px 2px 7px 1px #f1eded;
}

.nread-detail-block {
  margin: 20px 0px 16px;
}

.signup .alert.alert-error {
  padding: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 13px;
  color: #e72a2a;
}

.df-container {
  background-color: #0080800d !important;
}

/* .breadcrumbs a{
  color: #fff;
} */
.breadcrumbs {
  background: #e2e2e2;
  padding: 12px 9px 8px 30px;
  border-bottom: 1px solid #e7e7e7;
  /* color: #fff; */
}

/* .pdf{
  margin-bottom: 30px;
} */
.signup .alert.alert-error li {
  list-style: none;
  margin-left: 15px;
  position: relative;
}

.practice-norecord {
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 30px 0;
}

.signup .alert.alert-error li:before {
  content: "•";
  color: #e72a2a;
  display: inline-block;
  font-size: 22px;
  left: -16px;
  position: absolute;
  top: -6px;
}

#popup_title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.active_popup.search-list #popup_title {
  position: relative;
  top: 0;
  left: unset;
  transform: translateX(0);
  margin-bottom: 0;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}

.modal-login label {
  font-weight: 600;
}

.modal-login form {
  margin-bottom: 0;
}

.modal-login input#id_login,
.modal-login input#id_password {
  background: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  margin-bottom: 10px;
}

.modal-login .close {
  font-size: 30px;
  font-weight: 400;
  margin-top: 0px;
  opacity: 1;
  color: #333;
  position: absolute;
  top: 5px;
  right: 20px;
}

.modal-login .modal-footer {
  padding: 15px 0 0;
}

.modal-login button[type="submit"] {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  border-radius: 10px;
  font-weight: 400;
  height: 40px;
  width: 100px;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.modal-login button[type="submit"]:hover {
  background: #3673af;
  transition: 0.3s all ease;
  color: #fff;
  border-color: #3673af;
}

#profile-update .overlay-image {
  border: 1px solid #ddd;
  margin: auto;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

#profile-update .overlay-image img {
  width: 176px;
  height: 176px;
  border: 0;
}

#id_remember {
  margin-left: 5px;
  display: inline-block;
}

#dataviz-section a.leaflet-control-zoom-in,
#dataviz-section a.leaflet-control-zoom-out {
  color: #333;
}

.resource-list.slick-initialized .slick-slide {
  height: auto !important;
}

.resource-list .slick-slide,
.dataset-row .slick-slide {
  text-align: left;
}

.dataset-row .slick-slide {
  height: auto;
}

.inlay {
  position: absolute;
  top: 90%;
  z-index: 1;
  right: 15px;
  font-size: 26px;
  color: #337ab7;
  /*  display:none;*/
}

.inlay:hover {
  /*display:block;*/
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 255, 0.5);
}

div#navbar-container {
  width: 100%;
  padding: 10px 50px;
}

.logo img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.logo.nread img {
  width: 100px;
}

#change-pp-wrapper {
  position: relative;
  top: 10px;
  display: table;
  min-height: 40px;
  width: 100%;
}

#change-pp {
  display: table-cell;

  background: #337ab7;
  color: white;
  text-align: center;
  vertical-align: middle;
}

#change-pp a {
  text-decoration: none;
  color: white;
}

#change-pp a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.banner {
  background: url("http://lorempixel.com/850/280/nature/4/") 50% 0 repeat fixed;
  min-height: 250px;
  /*bottom:-200px;*/
}

.compare-profile .profile-pic img {
  width: 200px;
  height: 200px;
  display: block;
  margin: auto;
  border: 5px solid rgba(255, 255, 255, 0.4);
}

.user-info .title {
  font-weight: bold;
  font-size: 20px;
  color: rgb(51, 130, 196);
  padding-top: 0;
}

#section h3 {
  margin-bottom: 20px;
  color: var(--main-color);
  font-weight: 600;
  text-transform: uppercase;
}

.user-info .title .glyphicon {
  font-size: 14px;
}

#tableDiscussionSection_length select {
  padding: 5px 10px;
}

#profile-update {
  margin: 40px 0;
}

#profile .user-detail {
  margin: 40px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
}

#profile-update .panel-default > .panel-heading {
  text-transform: uppercase;
  background-color: #3373b9;
  border-color: #ddd;
  color: #fff;
}

#profile-update .form-group label {
  font-weight: 600;
  color: #333;
  padding-top: 2px;
  margin-left: 10px;
}

#profile-update .form-group {
  margin-bottom: 20px;
}

#profile-update .form-group.anonymous-option {
  margin-left: 0;
}

button.btn.save-profile {
  background: var(--main-color);
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 400;
  padding: 8px 15px;
  border: 1px solid var(--main-color);
  transition: 0.3s all ease;
}

button.btn.save-profile:hover {
  background: #3673af;
  border-color: #3673af;
}

#feedback-form .form-group label {
  color: #333;
}

#feedback-form .form-group {
  margin-bottom: 15px;
}

#id_remainAnonymous {
  float: left;
}

.user-info .details span {
  display: block;
  margin-bottom: 10px;
}

.my-discussion-table #tableDiscussionSection_length {
  float: right;
  margin-top: -50px;
}

#tableDiscussionSection_length label {
  margin-bottom: 10px;
}

.profile-pic {
  margin-right: 20px;
}

.profile-pic img {
  width: 80px;
  border-radius: 50%;
  border: 1px solid #c5c5c5;
  margin-bottom: 10px;
  width: 200px;
  height: 200px;
  display: block;
  margin: auto;
  border: 5px solid rgba(255, 255, 255, 0.4);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: none !important;
  border: 0 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  outline: 0;
}

/**********************************************
Discussion

*/
#summary {
  margin: 40px 0;
}

.discussion-summary a {
  text-decoration: none;
}

#timeline-year .dropdown-menu .dropdown-menu.inner,
#oldphoto-year .dropdown-menu .dropdown-menu.inner {
  max-height: 280px !important;
}

#timeline-year .btn.dropdown-toggle.btn-default,
#oldphoto-year .btn.dropdown-toggle.btn-default {
  background-color: #fff;
}

.media-body p {
  padding-top: 3px;
}

#forum-title {
  font-size: 20px;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 20px;
}

.discussion-summary a {
  text-decoration: none;
  color: #333;
}

.discussion-summary a:hover {
  color: var(--main-color);
}

/* #summary-table tr td:last-child {
  font-family: Roboto, sans-serif;
} */
#submit-comment {
  margin-top: 10px;
}

#summary-table thead .sorting_asc {
  background-image: url("../img/sort.png");
  background-size: 20px;
  background-position-x: 94%;
}

#summary-table thead .sorting_desc {
  background-image: url("../img/sort.png");
  background-size: 20px;
  background-position-x: 94%;
}

#summary-table thead .sorting {
  background-image: url("../img/sort.png");
  background-size: 18px;
  background-position-x: 94%;
}

#discussion-thread {
  margin-top: 120px;
}

#summary-table tbody th,
#summary-table tbody td {
  padding: 10px 12px;
}

.discussion-thread-search {
  margin-bottom: 30px;
}

.help-text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#new-discussion {
  padding-top: 50px;
}

#post-comment .panel-primary {
  border-color: #e1e1e1;
}
.table-responsive {
  border: 0;
}
#post-comment .panel button,
.login button {
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px;
  height: 40px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
  padding: 8px 25px;
  transition: 0.3s all ease;
  margin-top: 15px;
}

#post-comment .panel button:hover,
.login button:hover {
  background: #3673af;
  border-color: #3673af;
}

#tableDiscussionSection a {
  color: #333;
}

#tableDiscussionSection a:hover {
  color: var(--main-color);
}

.new-discussion-box p {
  position: relative;
  padding: 0px;
  font-size: 14px;
}

.stats {
  display: table;
  position: relative;
  margin: 0px 0px 20px 0px;
  /*margin-bottom: 30px; */
}

#view-news .viewpage small {
  margin-bottom: 0px;
  display: block;
}

#view-news {
  margin-top: 90px;
}

#dataviz-section .dropdown-menu.inner li a {
  color: rgb(71, 65, 65) !important;
  outline: 0 !important;
}

#section-discussion .data-page-title {
  display: flex;
  align-items: center;
  margin-left: 0;
}

#section-discussion .data-page-title h3,
.glossary-heading h3 {
  color: var(--main-color);
}

.discussion-thread-stat {
  z-index: 10;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  width: 100px;
  color: var(--main-color);
  background-color: #e3f0ff;
  width: 75px;
  height: 40px;
  margin: 5px;
  border-radius: 5px;
  /* font-family: Roboto, sans-serif; */
  display: flex;
  justify-content: center;
  align-items: center;
}

#summary .search-bar,
.glossary-table-search-block .search-bar {
  padding: 20px;
}

#summary .search-bar {
  margin-bottom: 30px;
}

.stats {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, transform 0.3s;
  transition: background-color 0.3s, color 0.3s, transform 0.3s;
  transition: background-color 0.3s, color 0.3s, transform 0.3s,
    -webkit-transform 0.3s;
  display: flex;
  align-items: center;
  border: 1px solid #fff;
}

.discussion-thread-stat-name {
  z-index: 2;
  font-size: 16px;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.stats.new-discussion-thread a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
}

.stats:hover .discussion-thread-stat {
  background: #dd5638;
  color: #fff;
}

#summary-table_info {
  /* font-family: roboto, sans-serif; */
  margin-bottom: 20px;
}

#new-discussion {
  margin-top: 80px;
}

.new-discussion-thread {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.resource-blocks._news .description-wrapper .a-holder {
  margin-top: 10px;
}

.resource-blocks._news .description-wrapper .a-holder a {
  margin-top: 0;
}

#exportbtn ul {
  padding-left: 0;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  color: #333;
  margin-left: 20px;
  z-index: 1;
  position: absolute;
  width: 100%;
  right: 0;
}

#export li {
  border: 0;
  font-weight: bold;
}

#exportbtn ul li {
  padding: 12px 25px;
  border-bottom: 1px solid #f3f3f3;
  font-weight: 400;
}

#embed-link .modal-body {
  overflow-x: hidden;
}

#exportbtn ul li a {
  display: block;
}

#exportbtn ul li.unselected:hover {
  background: var(--main-color);
}

#exportbtn ul li:hover,
#exportbtn ul li.unselected:hover {
  color: #fff;
  background-color: var(--main-color);
}

#exportbtn ul li:hover {
  border-radius: 5px;
}

#exportbtn ul li:hover a {
  color: #fff;
}

.search-text {
  text-align: right;
}

.insight-main .row {
  margin: 0;
}

.search-text input {
  width: 100px;
}

.btnsearch {
  text-align: left;
}

.diagnose-filter #form-group-holder {
  box-shadow: none;
  background: #fff;
}

.card-text p {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.datset-row {
  margin: 0;
}

/* cdd */
.cdd {
  background-color: #f7f7f7;
  padding: 50px;
}

.covid .popup-body {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  width: 500px;
}

.covid .popup-head {
  background: #e3f0ff;
  padding: 10px 15px;
  position: relative;
}

.covid .popup-head h4 {
  font-weight: 400;
  margin-bottom: 0;
}

.covid .popup-body.pop-pd {
  padding: 20px 15px;
}

.covid #popup_close {
  padding: 0;
}

#news-search .searchblock {
  float: left;
  width: 100%;
}

.row.main-search-result {
  margin: 40px -15px 0;
}

.cdd .main-header:before {
  top: 3px;
  transform: translateY(0%);
}

.cdd .main-header {
  line-height: 26px;
}

.cdd .title-section {
  padding-right: 100px;
}

.cdd .explore-btn {
  margin-top: 30px;
}

.cdd .card-heading {
  padding: 20px;
  font-size: 18px;
  height: 82px;
  line-height: 1.2em;
  margin-bottom: 0;
}

.card-heading a {
  color: #1a1a1a;
  font-weight: 500;
}

.card:hover .card-heading a,
.card-body:hover .card-heading a {
  color: var(--main-color);
}

.hero-inner a:hover button.btn.btn-hero {
  color: #fff;
}

.row.news-selector .row {
  margin: 0;
}

.row.news-selector .description-wrapper .row {
  margin: 0 -15px;
}

#section-resources .res_button_wrapper .readbtn {
  padding-left: 0;
}

/*======contact*/

.contact-form-wrapper {
  margin: 40px 20px 0 0;
}

/*#contact{
   margin-top: 120px;
}*/
.modal-body textarea:focus-visible,
.modal-body textarea:focus {
  outline: 0 !important;
}

.contact-content {
  margin-top: 30px 0 0;
}

.contact-title {
  text-align: left;
  color: #337ab7;
  font-size: 18px;
  text-transform: uppercase;
}

/* Profile */
#section-list .geo.country-profile button,
#section-list .geo.province-profile button,
#section-list .geo.local-profile button,
#section-list .geo.compare-profile button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  height: 40px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.province-block .download-chart {
  background: #fff;
  width: 100%;
  height: 40px;
  width: 100%;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

#section-list .dropdown-menu.inner .selected.active,
#section-list .dropdown-menu.inner .selected.active a {
  background: var(--main-color);
}

#section-list .dropdown-menu.inner .selected.active a span {
  color: #333;
}

.data-section #section-list .dropdown-menu.inner .selected.active a span {
  color: #fff;
}

#timeline .search-holder2.timeline-section {
  background: #e2e2e2;
  padding: 20px 0;
}

.bootstrap-select.btn-group .dropdown-menu li {
  outline: 0 !important;
}

#timeline .search-inner .main-search-holder {
  text-align: left;
  width: 100%;
}

#dataviz-section .social-share a {
  overflow: visible;
}

.diagnose .social-share {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  padding: 0px 0 0 15px;
}

#timeline .social-icon-block .at-share-btn-elements,
.diagnose .social-share .at-share-btn-elements {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

#timeline .social-share {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.svgtoolTip {
  position: absolute;
  min-width: 80px;
  border: 1px solid #000000;
  padding: 10px;
  top: 50% !important;
  transform: translate(-50%, -50%);
  left: 50% !important;
  display: none;
}

.province-block .download-chart:hover {
  background: var(--main-color);
  color: #fff;
}

.geo.country-profile .row,
.geo.local-profile .row {
  margin: 0;
}

#section-list .geo.province-profile .form-search,
#section-list .geo.local-profile .form-search {
  text-align: left;
}

#section-list .geo.province-profile #render-btn,
#section-list .geo.local-profile #render-btn {
  margin-right: 8px;
  color: #333;
  border-color: #ffffff;
  margin-top: 0;
  background: #fff;
  border-radius: 5px;
  transition: 0.3s all ease;
  width: 134px;
}

#section-list .geo.province-profile #render-btn:hover,
#section-list .geo.local-profile #render-btn:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

#section-list .geo.province-profile #compare-btn,
#section-list .geo.local-profile #compare-btn {
  margin-right: 0;
  width: 134px;
}

#section-list .geo.country-profile .form-search button {
  border: 1px solid #fff;
  color: #333;
  background: #fff;
}

.geo.province-profile .row .pd-10:last-child,
.geo.local-profile .row .pd-10:last-child {
  padding-right: 0;
}

#section-list .geo.country-profile .form-search button:hover {
  background: var(--main-color);
  color: #fff;
  border-color: var(--main-color);
}

/*==========Navbar shadow====*/
#mynav {
  -webkit-box-shadow: 0px 0px 36px 0px rgb(72 72 72 / 3%);
  -moz-box-shadow: 0px 0px 36px 0px rgb(72 72 72 / 3%);
  box-shadow: 0px 0px 36px 0px rgb(72 72 72 / 3%);
}

.nav > li:hover,
.nav > li:focus {
  text-decoration: none;
  /*background-color: #337ab7;*/
  background-color: #dd5638;
  color: white;
}

.nav > li:hover address,
.nav > li:focus address {
  color: #333;
}

/*
.navbar-brand {
    font-size: 20px;
}

.navbar-container {
    padding: 5px 0 10px 0;
}


.navbar.navbar-fixed-top.fixed-theme {
    */
/*background-color: #222;
    border-color: #080808;*/
/*

    font-size: 8px;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-container.fixed-theme > li > a{
    font-size: 8px;
    text-transition:none;
}

.navbar-container.fixed-theme {
    font-size: 8px;
    padding: 0px;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{

    transition: 0.8s;
    -webkit-transition:  0.8s;
}
*/

/*=============Shrinking navbar=======*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);*/
.navbar-brand {
  padding: 0 0 0 10px;
  height: 0;
}

.navbar {
  font-weight: 500;
  /* padding-left: 30px;*/
  padding-top: 0px;
  /* padding-bottom: 10px; */
  transition: all ease 0.3s;
  /* z-index: 9; */
}

.navbar ul {
  padding-top: 10px;
}

.active_popup.search-list .popup-head {
  width: 100%;
  padding: 10px 15px;
  background: #e3f0ff;
  padding: 10px 15px;
  position: relative;
}

/*
.navbar-default .navbar-nav>li>a{
   color:#573E7D !important;
}

.dropdown-menu > li > a {
   color:#573E7D !important;
}
.navbar-default .navbar-nav>li>a:hover{
   color:#3B2A54 !important;
}
*/

/*shrink nav*/

/*

.shrink-nav {
    padding-top: 0px !important; */
/*changeable*/
/*

    padding-bottom: 0px !important; */
/*changeable*/
/*

    max-height:10px;
    transition:width ease-in-out .3s;
}

    */
/*
    .nav .shrink-li a{
        font-size:10px;
        text-transform:none;
        transition:width ease-in-out .3s;
    }
    */
/*


.shrink-logo img {
  transition:width ease-in-out .3s;
    width:90px !important;*/
/*changeable*/
/*

}



@media(max-width:767px){
  .logo img{
  width:80px !important;*/
/*changeable*/
/*

}
  .shrink-logo img {
     margin-top:10px;
    width:50px !important;*/
/*changeable*/
/*

}
}
*/
.main-search-holder .search-input input,
footer .newsletter-section input {
  border: 1px solid rgb(221, 221, 221);
  background: #fff;
  box-shadow: none;
  font-size: 15px;
  min-height: 38px;
  width: 100%;
  padding-left: 55px;
  font-weight: 500;
  text-align: left;
  border-radius: 50px;
}

.logo img {
  width: 350px;
  transition: width ease-in-out 0.3s;
}

.logo img.logo-nread {
  width: 100px;
}

.left-btn {
  display: flex;
}

.other-btns #report-discuss,
.other-btns #share,
.other-btns #embed-info {
  color: #333;
  margin-right: 25px;
}

.other-btns #share {
  cursor: pointer;
}

#section-news .row {
  margin: 0;
}

.close-search {
  cursor: pointer;
}

.other-btns #report-discuss:hover,
.other-btns #share:hover,
.other-btns #embed-info:hover,
.other-btns #embed:hover {
  color: var(--main-color);
}

.other-btns.share-social {
  position: relative;
  display: flex;
}

.other-btns .social-share {
  margin-top: -3px;
  transition: 0.2s all;
  position: absolute;
  top: -28px;
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 2px 4px;
  left: -18px;
  height: auto;
  display: none;
}

.other-btns.share-social:hover .social-share {
  display: block;
  width: auto;
}

.other-btns .social-icon-block .at-share-btn-elements {
  margin-top: 0;
}

.other-btns a img,
.other-btns span img {
  margin-right: 8px;
}

.analytic-block .info,
.analytic-block .export {
  filter: invert(0.5);
}

.analytic-block .info:hover,
.analytic-block .export:hover {
  filter: invert(0);
}

#indtitle .indimg img,
#indtitle .indimg a img {
  width: 22px;
}

#breadcrum-block p span {
  display: block;
}

#breadcrum-block p span.bcrum0 {
  color: var(--main-color);
}

#breadcrum-block p span.bcrum2 {
  font-weight: 600;
  font-size: 16px;
  margin-top: 5px;
}

.tool.downloadimg {
  width: 18px;
  bottom: 22px;
}

.tool.infotool.infoimg {
  width: 22px;
}

.ui-widget.ui-widget-content {
  max-width: 500px;
  box-shadow: 0px 0px 8px 1px #e4e3e3;
}

#breadcrum-block p span.bcrum1 {
  display: none;
}

#section-resources .res_button_wrapper .readbtn {
  color: #333;
}

#section-resources .res_button_wrapper .readbtn:hover {
  color: var(--main-color);
}

.resource-blocks._news .description-wrapper .a-holder a {
  color: #fff;
}

.glossary-table-search-block {
  margin: 30px 0 0;
}

#menuleft .bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 185px !important;
}

.analysis-section {
  margin: auto;
  background: #e3f0ff;

  margin-bottom: 60px;
  padding: 20px;
}

.analysis-section .analysis-bottom-map,
.analysis-section .analysis-bottom-img {
  text-align: center;
}

.analysis-section .geo_btn {
  margin-bottom: 5px;
  margin-top: 10px;
  color: var(--navy-blue);
  background: transparent;
  border-radius: 0px;
  padding: 6px 0px;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s all ease;
  border: 0;
  border-bottom: 1px solid var(--navy-blue);
}
.row.basic.overview-details {
  border-top: 1px solid #c3cadf;
  border-bottom: 1px solid #c3cadf;
}
.oldphoto_select button,
#oldphoto-year button {
  height: 40px;
}

.analysis-section .geo_btn a {
  color: #3373b9;
  padding: 7px 45px;
}

.analysis-section .geo_btn:hover {
  border: 1px solid var(--navy-blue);
  color: #fff;
  background: var(--navy-blue);
}

.analysis-section .geo_btn:hover a {
  color: #fff;
}

.analytic-header .container {
  position: relative;
}

.analysis-section .geo_btn a {
  text-decoration: none;
  font-weight: normal;
}

.analysis-bottom {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.analysis-bottom h3 {
  line-height: 1.25;
  color: var(--navy-blue);
  font-weight: bold;
  font-size: 28px;
}

.analysis-bottom span {
  font-weight: bold;
}

.resource-list {
  overflow-x: hidden;
}

#section-resources .page_redirects {
  padding: 5px 0;
  margin-bottom: 40px;
}

#show-case {
  margin: 30px 20px 30px 80px;
}

.section-logo {
  border: 1px solid #337ab7;
  border-radius: 10px;
}

.community-slide {
  border: 1px solid #337ab7;
  border-radius: 10px;
}

.section-logo figure {
  position: relative;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
  text-align: center;
}

figure figcaption {
  text-align: center;
  font-size: 15;
}

.section-logo-title {
  margin-top: 20px;
  font-size: 20px;
  /*text-align:center;
    font-weight:bold;*/
  text-align: center;
  color: #337ab7;
  text-transform: uppercase;
  /*border-bottom: 1px solid #E2E2E2;*/
}

.section-logo img {
  position: relative;
  display: inline-block;
  margin: 10px;
  height: 60px;
  width: 60px;
}

.section-logo-img {
  position: absolute;
  z-index: 0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.geo.country-profile #render-btn {
  margin-top: 0;
}

.section-logo img:hover {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
}

.values-icon {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.glyphicon-download {
  color: #dd5638;
}

.values-icon.fa-briefcase {
  color: #dd5638;
}

.values-icon.fa-list-alt {
  color: #337ab7;
}

.values-icon.icon-visit {
  color: #337ab7;
}

.page-wrapper-about .fa-comments {
  color: #ccc;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
  top: 0;
}

#dataviz-section .related-links a {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 5px;
}

.related-links a {
  color: #333 !important;
  background: #fff;
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  font-weight: 600;
  height: 60px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  text-align: left;
  transition: 0.2s all;
}

select.input-sm {
  line-height: 20px;
}

#indicator-search-box span.input-group-btn {
  top: 0px;
  position: absolute;
  right: 0;
  width: auto;
  height: 40px;
}

#compare-modal {
  padding-right: 0 !important;
}

#cmp-section-dropdown {
  padding-right: 20px;
}

#compare-modal .modal-body .form-group {
  margin-bottom: 10px;
}

.dropdown-menu.inner .selected.active a span {
  color: #fff;
}

.cmp-validation-msg {
  padding: 0 15px;
}

.other-btns.share-social .at-style-responsive .at-share-btn {
  padding: 2px;
}

.related-links a:hover {
  transform: translateY(-5px);
}

.related-links.centered h3 {
  width: 282px;
  margin: 0 auto 30px;
}

.related-links.centered {
  text-align: center;
}

.password-reset {
  margin: 40px 0;
}

.related-links a:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 35px;
  background-color: var(--main-color);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.related-links h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 30px;
  position: relative;
  margin-left: 12px;
}

.related-data h3 {
  position: relative;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-left: 12px;
}

.nreader-detail .download {
  background: transparent;
  box-shadow: none;
  color: var(--main-color);
  padding: 0;
}

.nreader-detail .download:hover {
  background: transparent;
  box-shadow: none;
  color: var(--main-color);
}

.data-page-title {
  position: relative;
}

.indicator-search-box-error {
  display: block;
  position: absolute;
  margin-top: 2px;
}

.related-links h3:before,
.related-data h3:before {
  content: "";
  margin-right: 0;
  width: 3px;
  height: 20px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--main-color);
}

.banner-main .data-page-title:before {
  height: 22px;
}

.banner-main .data-page-title:before {
  background: #fff;
}

.related-links a:hover:before {
  background-color: #dd5638;
}

.values-icon.icon-TIMELINE-ICON {
  color: #999;
}

.right-value-section {
  padding: 0;
  position: relative;
  cursor: default;
}

.right-value-section .block-image img {
  width: 100%;
}

.right-value-section .inside-block,
.inside-block {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50px;
}

.row.values {
  margin: 0;
}

.row-values .col-md-8 {
  padding: 0;
}

.news-selector .search-bar #section-dropdown {
  background-position-x: 97% !important;
}

/* .values-icon:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
} */

.timeline-icon {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 150px;
}

.form-group-wrap.search-bar .row {
  margin: 0;
}

icon-TIMELINE-ICON:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}

.section-body {
  position: relative;
  margin: 10px 80px;
  align-content: center;
}

#community .title {
  position: relative;
  margin-bottom: 30px;

  font-size: 25px;
  text-align: center;
  font-weight: bold;
  color: #337ab7;
  text-transform: uppercase;
}

/*
._user-behav{
    margin-bottom:20px;
}

.user-behav{
    margin-top: 30px;
}
*/

#demo {
  display: inline-block;
}

/* .more-btn {
  margin-top: 15px;
} */
.more-btn .news-title {
  font-weight: 600;
}

/*======NEWS======*/
#section-news {
  margin-top: 90px;
}

.no-record {
  text-align: center;
  margin: auto;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

#section-news .media-heading {
  color: #337ab7;
}

#news-search .row,
.sectionholder.news-selector .row.practice-row {
  margin: 0;
}

._news {
  margin-top: 30px;
  margin-bottom: 30px;

  border-bottom: 1px solid #e0e9f2;
}

.row._news {
  padding: 20px 0;
}

#lazyLoadLink {
  margin: 60px auto 0;
  display: block;
  text-align: center;
  width: 180px;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  padding: 10px 14px;
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

#timeline .search-input-wrapper .search-input input::placeholder,
#timeline .search-input-wrapper .search-input input::-webkit-input-placeholder {
  color: #555;
}

#lazyLoadLink:hover {
  background: #3673af;
  border-color: #3673af;
}

.compare-profile .social-share .at-share-btn-elements {
  flex-direction: row;
  justify-content: flex-end;
}

.news-title {
  line-height: 28px;
}

#main-data-page {
  margin-top: 100px;
}

#section-discussion .data-page-title {
  padding: 20px 0;
}

/*======Resources======*/
#section-resources {
  margin-top: 90px;
}

.search-bar #search-discussion-section {
  height: 40px;
}

/*========Footer===========*/
.footer-bs {
  color: rgba(255, 255, 255, 1);
  margin-right: 0px;
  margin-left: 0px;
  clear: both;
}

.footer-bs .row {
  margin-right: 0px;
  margin-left: 0px;
}

.footer-bs .footer-brand,
.footer-bs .footer-nav,
.footer-bs .footer-social,
.footer-bs .footer-ns {
  padding: 10px 25px;
}

.footer-bs .footer-nav,
.footer-bs .footer-social,
.footer-bs .footer-ns {
  border-color: transparent;
}

.footer-bs .footer-brand h2 {
  margin: 0px 0px 10px;
}

.footer-bs .footer-brand p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

.footer-bs .footer-nav ul.pages {
  list-style: none;
  padding: 0px;
  display: flex;
  padding-bottom: 30px;
}

.footer-bs .footer-nav ul.pages li {
  padding: 0px 10px;
  border-right: 2px solid #fff;
}

.footer-bs .footer-nav ul.pages li:last-child {
  border-right: 0;
}

.footer-bs .footer-nav ul.pages li:first-child {
  padding-left: 0;
}

.footer-bs .footer-nav ul.pages a:hover {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}

.footer-bs .footer-nav h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: bold;
}

.light {
  font-family: "Inter", sans-serif;;
  font-weight: normal;
}

.footer-bs .footer-nav ul.list {
  list-style: none;
  padding: 0px;
}

.footer-bs .footer-nav ul.list li {
  padding: 5px 0px;
}

.footer-bs .footer-nav ul.list a {
  color: rgba(255, 255, 255, 0.8);
}

.footer-bs .footer-nav ul.list a:hover {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}

.footer-bs .footer-social ul {
  list-style: none;
  padding: 0px;
}

.footer-bs .footer-social h4 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 10px;
  font-weight: bold;
}

.footer-bs .footer-social li {
  padding: 5px 4px;
}

.footer-bs .footer-social a {
  color: rgba(255, 255, 255, 1);
}

.footer-bs .footer-social a:hover {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}

#cmp-section-list label {
  color: #333;
}

.search__toggle:checked ~ .search__field .search__input::placeholder {
  opacity: 1;
}

.search__toggle:checked ~ .search__field .search__close {
  left: -25px;
  opacity: 1;
}

.search__field .search__close {
  opacity: 0;
}

.search__toggle:checked ~ .search__field .search__button--toggle {
  display: none;
}

.search__toggle:checked ~ .search__field .search__button .search__icon {
  background-image: url(../../assets/img/lumbini/blue-arrow.png);
    width: 20px;
    height: 16px;
    background-size: 10px;
    background-position: 0;
    margin-top: -3px;
}

.search__toggle:checked ~ .search__field .search__button--submit {
  display: flex;
}

.search__toggle:checked ~ .search__field .search__input {
  background-color: #e5260a0d;
  padding: 8px 30px 8px 40px;
  min-height:45px;
  border-radius:0;
}

.search__toggle:checked ~ .search__field .search__input:focus {
  background-color: #466b9417;
}

.search__toggle:checked ~ .search__field {
  position: relative;
  z-index: 999;
}

.search__close {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateX(-50%);
  transition: 0.1s;
}

.search__close::before,
.search__close::after {
  position: absolute;
  display: block;
  content: "";
  width: 14px;
  font-size: 10px;
  height: 2px;
  background-color: #333;
  left: 40px;
  top: -1px;
}

.search__close::before {
  transform: rotate(45deg);
}

.search__close::after {
  transform: rotate(-45deg);
}

.search__field {
  height: 48px;
  border: 0px solid #fff;
  border-radius: 50px;
  transition: 0.2s;
}

.search__input {
  box-sizing: border-box;
  height: 45px;
  padding: 8px 15px;
  border: 0;
  outline: none;
  font-size: 14px;
  border-radius: 0;
  margin-top: 14px;
  width: 0px;
  margin-right: -30px;
  background: transparent;
}

.search__toggle:checked ~ .search__field .search__input {
  width: 300px;
}

.search__input::placeholder {
  opacity: 0;
  transition: 0.2s;
  /* transition-delay: 0.1s; */
}

.search__label {
  cursor: pointer;
}

.search__toggle:checked ~ .search__field .search__button {
  background: transparent;
}

.search__button {
  position: absolute;
  margin-right: 31px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.3s;
  background: #f3f3f2;
  border-radius: 50%;
  display: flex;
}

.search__button--submit {
  display: none;
  border: 0;
}

.search__icon {
  /* position: absolute; */
  width: 15px;
  height: 15px;
  background-image: url(../../assets/img/blue-search.png);
  background-repeat: no-repeat;
}

.footer-bs .footer-ns h4 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 10px;
  font-weight: bold;
}

.footer-bs .footer-ns p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.geo.country-profile {
  margin: 40px 0;
  background: #e2e2e2;
  padding: 10px;
}

.indicator-block .bottom-div {
  margin: 40px 0;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.geo-video-holder {
  padding: 10px;
}

@media (min-width: 768px) {
  .footer-bs .footer-nav,
  .footer-bs .footer-social,
  .footer-bs .footer-ns {
    border-left: solid 1px rgba(255, 255, 255, 0.25);
  }
}

.powered-by {
  margin: auto;
}

.powered-by a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}

.powered-by a:hover {
  color: rgba(255, 255, 255, 1);
}

.brand-logo {
  background-color: blue;
}

.compare-profile .social-share {
  margin-bottom: 0px;
  padding-right: 0;
  margin: 5px 0 0;
  float: left;
}

.glyphicon-envelope,
.glyphicon-search {
  font-size: 20px;
  color: #337ab7;
}

/*Cool input field*/

/* form starting stylings ------------------------------- */
#test-input .group {
  position: relative;
  margin-top: 40px;
  /*margin-bottom:45px;*/
}

#test-input input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

#test-input input:focus {
  outline: none;
}

/* LABEL ======================================= */
#test-input label {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

/* active state */

/* BOTTOM BARS ================================= */
#test-input .bar {
  position: relative;
  display: block;
  width: 100%;
}

#test-input .bar:before,
.bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  /*background:#5264AE;*/
  background: white;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

#test-input .bar:before {
  left: 50%;
}

#test-input .bar:after {
  right: 50%;
}

/* active state */
#test-input input:focus ~ .bar:before,
input:focus ~ .bar:after {
  width: 50%;
}

/* HIGHLIGHTER ================================== */
#test-input .highlight {
  position: absolute;
  height: 60%;
  width: 100%;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* active state */
#test-input input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264ae;
  }

  to {
    width: 0;
    background: transparent;
  }
}

@-moz-keyframes inputHighlighter {
  from {
    background: #5264ae;
  }

  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #5264ae;
  }

  to {
    width: 0;
    background: transparent;
  }
}

.home-search-btn {
  margin-top: 45px;
}

.navbar-header {
  float: none;
}

.navbar-toggle {
  display: block;
}

.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-nav > li {
  float: none !important;
  display: block !important;
  text-align: left;
  margin-bottom: 25px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

#demography-container #export {
  color: #333;
  position: relative;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 12px;
  background: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  border-radius: 10px;
  transition: 0.3s all ease;
  padding: 8px 10px;
}

#news-search .btn,
.infographic-select button {
  background: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  border-radius: 5px;
  font-weight: 400;
  color: #333;
  width: 100%;
}

#news-search .btn {
  height: 40px;
  float: left;
}

#section-resources .related-links.centered {
  margin-top: 60px;
}

.navbar-collapse.collapse {
  max-height: 100vh;
  left: 0;
  top: 0;
  height: 100vh !important;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  transform: translateX(100%);
  transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: url("../img/menu_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  background-position: center;
}

.navbar-collapse.collapse:after {
  content: url("../img/data-img.png");
  position: absolute;
  bottom: 30px;
  right: 50px;
  z-index: -1;
}

.navbar-toggle.open .sr-only {
  opacity: 0;
}

.navbar-collapse.collapse.in {
  transform: translateX(0);
}

.inner-logo {
  width: 200px;
  position: absolute;
  top: 50px;
  margin-left: 42px;
}

.row-chart img,
.row-vis img {
  filter: invert(0.5);
}

.row-chart img:hover,
.row-vis img:hover {
  filter: invert(0);
}

/* .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
        max-height: 400px;
        
    } */
.navbar-default .navbar-toggle .icon-bar.close {
  transform: translateZ(3px) rotate(45deg);
  top: 18px;
}

.navbar-default .navbar-toggle.open {
  height: 50px;
}

.navbar-default .navbar-toggle.open .sr-only {
  top: -12px;
}

.navbar-default .navbar-toggle .icon-bar.close:last-child {
  top: 22px;
  transform: translate3d(0, -4px, 3px) rotate(-45deg);
}

.navbar-default .navbar-toggle .icon-bar.close {
  margin-top: 12px;
  opacity: 1;
  transition: transform 0.1s ease-in 0s;
}

.navbar-toggle .icon-bar {
  width: 30px;
  background: #333 !important;
  position: absolute;
}

.navbar-toggle .icon-bar:last-child {
  bottom: 0;
}

.sr-only {
  position: relative;
  font-size: 10px;
  text-transform: uppercase;
  top: -5px;
  margin: 0;
}

.navbar-default .navbar-toggle {
  z-index: 9999;
}

/*=======ABOUT page=====*/

.section-grey.content .sub-title {
  font-size: 18px;
}

blockquote {
  margin-bottom: 0;
}

.sub-title {
  margin-bottom: 15px;
}

.sub-title span {
  font-size: 20px;
  padding-bottom: 2px;
  color: var(--main-color);
}

.links-section {
  display: flex;
}

.links-section .section_link_btn {
  color: #333 !important;
  background: #fff;
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  margin-right: 30px;
  display: flex;
  align-items: center;
  text-align: left;
  height: 90px;
  border-radius: 10px;
  border: 1px solid #fdfdfd;
  overflow: hidden;
}

.links-section .section_link_btn:hover span p {
  color: var(--main-color);
}

.section_link_btn .img-wrap {
  height: 100%;
  padding: 10px;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
}

.links-section .section_link_btn img {
  background: #f8f8f8;
}

.links-section .section_link_btn span {
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
}

.links-section .section_link_btn span p {
  font-size: 14px;
  margin: 10px 0 0;
  font-weight: 400;
}

.related-data {
  margin: 60px 0;
}

.geo.compare-profile .section-right {
  display: flex;
  justify-content: flex-end;
}

.related-links h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 30px;
  position: relative;
  margin-left: 12px;
}

.about-content p.paragraph-title {
  display: block;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 2px;
}

div.content {
  padding: 40px 0;
}

div.section-grey {
  padding: 40px 0;
}

.page-wrapper-about p.pt-0 {
  padding-top: 0;
}

.block-quote {
  background: #eeeeee;
  border: 1px solid #cccccc;
  padding: 5px 10px;
}

.block-quote {
  padding: 15px;
}

#content-np .block-quote p {
  font-size: 14px;
}

.content-lang li {
  margin-bottom: 10px;
}

/*.page-wrapper-about .col-sm-9{
    padding-left:0px;
}*/
.section-grey {
  background-color: #e2e2e2;
  padding: 0px 15px 15px 15px;
  position: relative;
}

.section-grey:before {
  content: "";
  background: #e2e2e2;
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100vw;
  transform: translateX(-100%);
}

.section-grey:after {
  content: "";
  background: #e2e2e2;
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
  width: 100vw;
  transform: translateX(100%);
}

.page-banner {
  /*background-color:#337ab7;*/
  border-bottom: 3px solid #3373b9;
  padding: 10px 0px 5px 0px;
  font-size: 26px;
  font-weight: bold;
  color: #3373b9;
  text-transform: uppercase;
  height: 100%;
  position: relative;
}

.fixed .cdd-menu {
  display: none;
}

.about-row {
  margin-top: 30px;
}

._what {
  color: #337ab7;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.open-data {
  /*width:100%;*/
  color: white;
  background-color: #337ab7;
  margin-bottom: 20px;
}

.open-data .open-data-title {
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
}

.open-data-body {
  padding-top: 10px;
  padding-bottom: 10px;
}

._how-to li {
  color: #337ab7;
  font-weight: bold;
  padding-top: 10px;
}

._who-is {
  background-color: #337ab7;
  padding-bottom: 30px;
}

._who-is ._who-is-title {
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

._who-is {
  font-size: 16px;
  padding: 10px 20px 20px 20px;
  color: white;
}

.how-to-use-img {
  height: 189px;
  width: 70%;
}

/*======Data Page==========*/

#main-data-page {
  padding-top: 10px;
}

.data-page-title {
  border-bottom: 3px solid #3373b9;
  padding: 0 0px 5px 0px;
  font-size: 26px;
  font-weight: 600;
  color: #3373b9;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.data-section {
  /*padding: 0 15px;  */
}

/*==========Partners========*/

#partners {
  margin-top: 30px;
  background-color: rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
}

.partner-title {
  text-align: center;
  color: #337ab7;
  font-size: 25px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.partners-logo {
  position: relative;
  margin: auto;
  text-align: center;

  /* right:50%;*/
  /*left:50%;*/
  /*display: -webkit-flex; */
  /* Safari */
  /*
    -webkit-align-items: center; */
  /* Safari 7.0+ */
  /*
    display: flex;
    align-items: center;*/
}

.banner-section .carousel-indicators {
  position: absolute;
  bottom: 10%;
  left: 50px;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  text-align: left;
  list-style: none;
  width: 50%;
}

.left.carousel-control .hover-image {
  transform: rotate(180deg);
}

.daily_wrapper .poll-text {
  font-size: 16px;
  color: var(--main-color);
  margin-top: 5px;
  text-transform: uppercase;
}

.partners-logo figure {
  position: relative;
  margin-right: 20px;
  margin-top: 10px;
  display: inline-block;
  width: 100px;
}

.polls-form label {
  margin-bottom: 0;
  margin-top: 2px;
  font-weight: 400;
}

#show-case-all .row {
  overflow: hidden;
}

#show-case-all col-sm-4 {
  padding-bottom: 100%;
  margin-bottom: -100%;
}

/*========vertical slider*/

.btn-vertical-slider {
  margin-left: 0px;
  cursor: pointer;
}

a {
  cursor: pointer;
}

.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
  -moz-transition: 0.6s ease-in-out top;
  -ms-transition: 0.6s ease-in-out top;
  -o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.nreader-search-section .logged_in {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
}

.nreader-search-section .logged_in .fa {
  margin-right: 5px;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.newsletter-popup {
  background: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 99;
}

.close-newsletter {
  font-size: 30px;
  font-weight: 300;
  margin-top: 0px;
  opacity: 1;
  color: #fff;
  background: none;
  border: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 0 1px 0 #fff;
}

.close-newsletter:hover {
  color: #333;
}

.newsletter-wrapper {
  background: #0000009e;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  display: none;
}

.newsletter-wrapper.show-popup {
  display: block;
}

.newsletter-wrapper-msg.show-popup {
  display: block;
}

.newsletter-wrapper-msg {
  background: #0000009e;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  display: none;
}

.newsletter-popup .form-heading {
  background: #e3f0ff;
  padding: 10px 15px;
  position: relative;
}

.close-newsletter span {
  color: #333;
  font-weight: 400;
}

.nl-msg-body {
  padding: 10px;
  /* text-align: center; */
}

.newsletter-popup .form-heading h4 {
  margin-bottom: 0;
  font-weight: 400;
}

.newsletter-popup .form-body {
  padding: 15px;
}

.newsletter-popup .form-body .input-group {
  display: block;
}

.newsletter-popup .form-body button,
#copy-embed {
  background: var(--main-color);
  border-radius: 10px !important;
  color: #fff !important;
  float: right;
  font-weight: 400;
  padding: 8px 15px;
  border: 1px solid var(--main-color);
  height: 40px;
}

#section-discussion .search-bar {
  padding: 20px;
  margin-bottom: 40px;
}
.bottom-block.box-stroke {
  height: 344px;
}
.more-btn .t .read-more-a {
  margin-top: 20px;
  display: inline-block;
}

.nread-right-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newsletter-popup .form-body button:hover,
#copy-embed:hover {
  background: #3673af;
  border-color: #3673af;
  color: #fff;
}

.compare-profile .modal.in .modal-content,
.compare-profile .modal.in .modal-content textarea {
  width: 100%;
}

.datasets-section .modal.in .modal-content,
.datasets-section .modal.in .modal-content textarea {
  width: 100%;
}

.newsletter-popup .form-body input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px !important;
  box-shadow: none;
  width: 100%;
  margin-bottom: 10px;
  height: 35px;
  padding: 10px;
}

.carousel.vertical .item {
  left: 0;
}

​ #myCarousel .slider-arrow {
  text-align: center;
}

#myCarousel .card-block {
  background-color: rgba(0, 0, 0, 0.1);
}

#myCarousel .media-body {
  font-size: 20px;
  text-align: left;
}

.values-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255);
  box-shadow: 0px 3px 2.82px 0.18px rgb(207 206 205 / 33%);
  border-radius: 50px;
}

.values-numbers {
  text-transform: uppercase;
}

.values-name {
  font-size: 20px;
}

#timeline .main-search-holder .timeline-title {
  text-align: center;
  color: #3373b9;
  font-size: 25px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

#glossary-indicator-table_length {
  margin-bottom: 10px;
}

#timeline .search-input-wrapper .search-input input {
  background: #ffffff;
  border: 0;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding-left: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
  margin-bottom: 0;
}

#timeline .main-search-holder img {
  max-width: 20px;
  padding-left: 0;
}

#timeline .read-more-a {
  width: 115px;
}

.embed {
  display: flex;
}

#timeline .label {
  color: #1a1a1a;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
  text-align: left;
  font-size: 14px;
  padding: 0;
}

.search_row_res {
  margin: 20px 0 20px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

input::-webkit-input-placeholder {
  color: #1a1a1a;
}

input:-moz-placeholder {
  color: #1a1a1a;
}

input::-ms-input-placeholder {
  color: #1a1a1a;
}

#timeline .main-search-holder .search-input-wrapper .search-input {
  width: 91%;
  position: relative;
}

#timeline .old_select .main-search-holder .search-input-wrapper .search-input {
  width: 91%;
}

.search-holder2.timeline-section .row,
.old_select.search-holder2 .row {
  margin: 0;
}

#timeline .search-holder2 .search-input-wrapper .link-search {
  display: inline-block;
  height: 40px;
  background: var(--main-color);
  border-color: var(--main-color);
  padding: 5px 12px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -5px;
  border-width: 0;
  position: absolute;
}

#timeline .search-holder2 .search-input-wrapper .link-search:hover {
  background-color: #3673af;
  border-color: #3673af;
}

.visualizations {
  min-height: 302px;
  max-height: 302px;
}

body.nreader-page {
  margin-top: 0;
}

.nreader-page .navbar-wrapper .navbar-brand.logo {
  display: flex;
  align-items: center;
  margin: auto;
  height: 74px;
  justify-content: flex-start;
  font-size: 30px;
}

.reader-list.row {
  margin-top: 20px;
}

.nreader-page #lazyLoadLink {
  margin: 40px auto 60px;
}

.reader-list .redirect-wrapper .txt-section h3 a {
  font-size: 14px;
  line-height: 1.5em;
  height: 50px;
  overflow: hidden;
}

.reader-list .redirect-wrapper {
  margin: 15px 0;
}

.homepage-body .banner-section .carousel-control {
  left: calc(100% - 500px);
  bottom: 120px;
  top: unset;
  z-index: 99;
  right: 0;
  background: #ffffffa1;
}

.homepage-body .banner-section .right.carousel-control {
  bottom: 90px;
  left: calc(100% - 500px);
  top: unset;
  right: 0;
  transform: rotate(180deg);
}

.visualizations img {
  width: 100%;
  height: 302px;
}

.community-content {
  /* background-image: url(http://bikasudhyami.com/application/files/5014/7966/0505/women_guards.jpg);
    background-size:cover;*/
  position: relative;
}

.resource-list .slick-list {
  overflow: visible;
}

.community-content-image {
  height: 302px;
  width: 100%;
  border-radius: 10px;
}

/* .main-counter .values-numbers {
  font-family: "Roboto", sans-serif;
} */
.community-content-text {
  /* display:block;*/
  width: 50%;
  float: right;
  left: 50%;
  min-height: 302px;
  padding-left: 10px;
  position: absolute;
  z-index: 1000;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 10px 10px 0px;
}

.community-content .col-md-5 {
  border-radius: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

.community-content .col-md-5 {
  border-radius: 10px;
}

/*
.visual-content-text{
    text-align:center;
    width:100%;
    bottom:0%;
    padding-left:10px;
    position:absolute;
    z-index:1000;
    color:white;
    background:rgba(0,0,0,0.5);
    border-radius: 10px
}
*/

#myCarousel .carousel-indicators {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 1001;
  width: 60%;
  padding-left: 0;
  margin-left: -45%;
  text-align: center;
  list-style: none;
}

#myCarousel .carousel-indicators > li {
  display: block;
  width: 15px;
  height: 15px;
  margin: 5 0px;

  border-color: #337ab7;
  opacity: 0.4;
  /*opacity:1;*/
}

#myCarousel .carousel-indicators > li.active {
  width: 15px;
  height: 15px;
  background-color: #337ab7;
  opacity: 1;
}

#myCarousel2 .carousel-indicators {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 1001;
  width: 60%;
  padding-left: 0;
  margin-left: -45%;
  text-align: center;
  list-style: none;
}

#myCarousel2 .carousel-indicators > li {
  display: block;
  width: 15px;
  height: 15px;
  margin: 5 0px;
  /*background-color: blue;*/
  border-color: #337ab7;
  opacity: 0.4;
  /*opacity:1;*/
}

#myCarousel2 .carousel-indicators > li.active {
  width: 15px;
  height: 15px;
  background-color: #337ab7;
  opacity: 1;
}

#insightsCarousel .left.carousel-control img {
  transform: rotate(180deg);
}

#data-show .card {
  border-radius: 10px;
  border: 1px solid #337ab7;
}

/*#glossary-search{
    margin-top: 30px;
}*/

#glossary-table {
  margin: 20px 0 0 0;
}

/*
#glossary-table th{
    font-size: 20px;
    color: #dd5638;
}

#glossary-table a{
    color:inherit;
    text-decoration:none
}
*/

#glossary-table a:hover {
  color: #337ab7;
  text-decoration: none;
}

#glossary-table img {
  width: 50px;
  height: auto;
}

#summary-table_filter {
  display: none;
}

#tableDiscussionSection_filter {
  display: none;
}

#glossary-section-table_filter {
  display: none;
}

#glossary-indicator-table_filter {
  display: none;
}

.fa-facebook-square,
.fa-twitter-square {
  font-size: 26px;
  margin-right: 15px;
}

table.dataTable tbody td {
  vertical-align: middle;
  text-align: left;
}

table.dataTable thead th {
  text-align: left;
}

#visual-slider.fade-carousel {
  position: relative;
  margin-top: 0px;
  height: 302px;
}

#visual-slider.fade-carousel .slides .slide-1,
#visual-slider.fade-carousel .slides .slide-2,
#visual-slider.fade-carousel .slides .slide-3,
#visual-slider.fade-carousel .slides .slide-4,
#visual-slider.fade-carousel .slides .slide-5 {
  height: 302px;
}

#community-slider.fade-carousel {
  position: relative;
  margin-top: 0px;
  height: 302px;
}

#community-slider.fade-carousel .slides .slide-1,
#community-slider.fade-carousel .slides .slide-2,
#community-slider.fade-carousel .slides .slide-3,
#community-slider.fade-carousel .slides .slide-4,
#community-slider.fade-carousel .slides .slide-5 {
  height: 302px;
}

.latest_sets {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.container-50 {
  padding: 50px;
}

.intro-section .lower-button {
  margin-top: 68px;
}

.intro-section .read-more {
  margin: 10px 0;
}

.list-news .news-list .intro-section .read-more a {
  color: #fff;
  margin-top: 15px;
}

.list-news .news-list .intro-section .read-more a:hover {
  color: var(--main-color);
}

.copyright-section a {
  color: #00a9ff;
}

.card-body .intro-section .read-more a {
  color: var(--main-color);
  margin-top: 40px;
  display: block;
}

.card-body .intro-section .read-more a:hover {
  color: #3673af;
}

.language-btns button {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-weight: 400;
}

.language-btns button:hover {
  color: #fff;
}

.language-btns button.active {
  background: #fff;
  color: var(--main-color);
}

#twitter_post {
  height: 500px;
  overflow-y: auto;
}

.dark_bg #twitter_post {
  padding-right: 0;
}

.mCSB_inside > .mCSB_container {
  margin-right: 10px !important;
}

.inside-white .mCSB_scrollTools {
  right: -8px;
}

.statical_profile,
.top-btn {
  font-size: 12px;
  color: #fff;
  padding: 5px 15px;
  font-weight: normal;
  color: #fff;
  border-radius: 5px;
  height: 40px;
  background-color: var(--main-color);
  color: #fff;
  margin-right: 10px;
  box-shadow: 0px 0px 9px -0.5px rgb(162 162 162 / 40%);
  background: var(--main-color);
  border: 1px solid var(--main-color);
}

.top-btn {
  background: #fff;
  border: 0px;
  color: #333;
  box-shadow: none;
  position: relative;
}
.top-btn.separator:before {
  content: "";
  width: 1px;
  height: 100%;
  background: var(--main-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.statical_profile:hover {
  background: #3673af;
  border-color: #3673af;
}
.top-btn img {
  width: 16px;
  margin-right: 5px;
}
.top-btn:hover {
  background: #3673af;
  border-color: #3673af;
  color: #fff;
}

.buttons-section .statical_profile {
  margin-right: 10px;
}

@media (max-width: 525px) {
  .compare-profile .heading-cont .province-block:nth-child(2) .form-group {
    width: 100%;
  }

  #overview-province .page-banner .top-btn1 {
    float: none;
  }

  .resource-title-initiator {
    width: 100%;
  }

  .resource-tags {
    margin-bottom: 10px;
  }
}

.banner-section .carousel-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-adv-search,
.advsearchtext {
  margin-top: 25px;
  cursor: pointer;
}

.main-search-holder .input-holder {
  display: none;
}

.advsearchtext.hide-search {
  margin-top: 0;
}

.fc-row {
  min-height: 30px !important;
  height: 30px !important;
}

.fc-widget-header {
  border-right-width: 0;
  margin-right: 0;
}

.fc-scroller {
  overflow: none !important;
  height: auto !important;
}

.fc-center {
  margin-top: 15px;
}

.fc-center h2 {
  font-size: 16px;
  color: #337ab7;
}

.fc-view .fc-unthemed thead {
  border-color: #fff !important;
}

.fc-content-skeleton td:hover {
  cursor: pointer;
}

.event-block .btn-group {
  float: right;
}

.event-block button {
  font-size: 11px;
  padding: 6px 20px;
}

#event-data {
  margin-top: 50px;
}

.event-item:first-child {
  margin-top: 20px;
}

.event-item-block p {
  margin: 0;
  text-align: justify;
}

.event-item-block p {
  /*font-style: italic;*/
  margin-bottom: 10px;
  padding-top: 0;
}

.fc-day-header span {
  color: #337ab7;
}

.event-item-block p:first-child {
  margin-top: 10px;
  font-style: inherit;
}

/* .event-item-block b{
    text-transform: capitalize;
    color: #fff;
    border: 1px solid #2d6a9f;
    border-radius: 20px;
    padding: 5px 10px;
    background: #2d6a9f;
} */
.event-no-record {
  margin-top: 20px;
}

.form-group #cancel-btn {
  border-radius: 20px;
  width: 40%;
}

.form-group #cancel-btn:hover {
  transition: all 0.5s ease;
}

.form-group {
  text-align: center;
  margin-top: 10px;
}

.event-block .calendar-view {
  font-weight: 600;
  font-size: 11px;
}

.event-user {
  margin-bottom: 10px;
}

#cat {
  font-style: italic;
}

#calendar .fc-left button {
  text-transform: capitalize;
  margin-left: 8px;
}

#calendar .fc-prev-button {
  margin-left: 0 !important;
}

#calendar .fc-today-button {
  margin-left: 12px !important;
}

.event-block button {
  background: #f5f5f5;
}

#calendar-detail-buttons button {
  background: #f5f5f5;
  font-size: 11px;
  padding: 6px 20px;
}

.event-block .active-btn,
#calendar-detail-buttons .buttons-wrap .active-btn {
  background: #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  /*box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px -1px 0 rgba(0,0,0,.07);*/
}

.event-block .btn {
  border-radius: 4px;
}

.view-all {
  font-weight: 500;
  text-align: center;
  margin-top: 40px;
}

.event-block .btn:hover,
.buttons-wrap .btn:hover {
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  background: #eee;
}

#timeline .timeline-page .search-input-wrapper {
  display: flex;
}

#news-search .btn:hover,
.infographic-select .btn:hover {
  transition: all 0.5s ease;
  color: #fff;
  background: var(--main-color);
  border-color: var(--main-color);
}

#news-search .form-group {
  margin: 0 15px 15px 0;
}

#news-search .form-group label {
  float: none;
}

.event-status {
  text-transform: capitalize;
  margin-bottom: 10px;
}

#datasets-links {
  margin-bottom: 40px;
  padding: 15px 20px;
  border-top: 1px solid #e8e8e8;
}

/* .more-btn p a{
    border: 1px solid #d43f3a;
    border-radius: 20px;
    width: 40%;
    padding: 7px 15px;
    background-color: #d9534f;
    color: #fff;
    font-style: initial;
} */
/* .more-btn p a:hover{
    text-decoration: none;
    transition: all .5s ease;
    background-color: #c9302c;
} */
#timeline-embed {
  position: relative;
  margin: 40px 0;
}

#timeline-embed h1 {
  text-align: center;
  color: #333;
  font-size: 40px;
  position: absolute;
  margin: 0;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  text-transform: none;
  font-family: "Open Sans";
}

.social-block {
  /*margin-top: -34px;
    float: right;*/
  width: 78%;
}

.form-control {
  display: inline-block;
  /* width: 60%;*/
}

.news-button p .button {
  border: 1px solid #d43f3a;
  border-radius: 20px;
  width: 40%;
  padding: 7px 15px;
  background-color: #d9534f;
  color: #fff;
}

.news-button p .button:hover {
  text-decoration: none;
  transition: all 0.5s ease;
  background-color: #c9302c;
}

.form-group {
  margin: 0;
}

#practice-search .btn {
  border-radius: 20px;
  width: 100px;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

#practice-search .btn:hover {
  transition: all 0.5s ease;
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

#practice-search .form-group {
  margin: 0 15px 0 0;
  width: 100%;
}

input:active {
  outline: 0 !important;
}

#year-filter {
  width: 100%;
  height: 40px;
}

#event-calendar .form-control {
  width: 60%;
  margin-bottom: 10px;
}

._news p {
  text-align: justify;
}

#timeline-select {
  width: 100%;
  height: 40px;
}

.timeline .social-share {
  position: relative;
  right: 0;
  margin-top: 15px;
}

.heading-cont .province-block .read-more-a {
  height: 40px;
  padding: 10px;
  margin: 0;
  padding: 10px 14px;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.heading-cont .province-block .read-more-a:hover {
  background: #3673af;
}

#sdg-chart-block .target-chart svg {
  margin-top: 100px;
}

.timeline .label {
  color: #1a1a1a;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
  padding-left: 0;
}

.form-block {
  padding: 0 15px;
}

#section-resources .form-block {
  padding: 0;
}

#section-resources #containerBody {
  margin: 0;
}

#view-news .newsholder {
  padding: 0 15px;
}

#section-resources .sectionholder {
  padding: 0;
}

.compare-profile .demography-block.container .heading-cont {
  margin: 30px 0;
}

.dropdown-content-community-child ul a {
  font-size: 16px !important;
}

.demography-block.container .heading-cont {
  /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%); */
  margin: 40px 0;
  /* padding: 0 15px; */
}

.compare-filter .container {
  padding: 0;
}

.heading-cont.row {
  margin: 30px 0;
}

.compare-filter.sticky .heading-cont.row {
  margin: 10px 0;
}

.heading-cont .province-block .form-group button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  height: 35px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.description-wrapper .read-more-a {
  border-radius: 5px;
  width: 100%;
  padding: 6px 12px;
  color: #333;
  font-style: initial;
  text-decoration: none;
  text-align: center;
  margin-top: 26px;
  display: block;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  /* text-transform: capitalize; */
}

.description-wrapper .read-more-a img,
.ingight_button .read-more-a img,
#discussion-thread .read-more-a img,
.viewpage .a-holder a img {
  margin-top: -6px;
  margin-right: 5px;
}

.ingight_button a.read-more-a {
  margin-top: 10px;
  display: inline-block;
}

.description-wrapper .read-more-a.view img {
  margin-top: -3px;
}

.hero-inner a:hover {
  color: #fff;
}

.viewpage .a-holder a {
  color: #333;
  margin-right: 25px;
}

.viewpage .a-holder a:hover {
  color: var(--main-color);
}

.read-more-a:hover {
  color: var(--main-color);
}

.a-holder {
  margin-top: 20px;
}

#aboutus-content .btn-group {
  float: right;
}

.descp {
  margin-left: 10px;
  cursor: pointer;
}

.blue-btn.loginBtn {
  float: right;
  width: 150px;
}

.title {
  /* float: left; */
  width: 100%;
  font-size: 18px;
  /* padding: 15px 0 0; */
  color: #1b1b1b;
  font-weight: 600;
  display: flex;
  font-weight: 600;
  /* margin-left: 30px; */
  position: relative;
}

.title .fa {
  position: absolute;
  left: 0;
  top: 5px;
  color: var(--main-color);
  font-size: 18px;
}

.no-resources {
  margin: 20px 0 40px 0;
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.contact-form-wrapper .form-group .errorlist {
  padding-left: 0;
  list-style: none;
  text-align: left;
  position: absolute;
  bottom: -25px;
}

.feed_list {
  padding: 50px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 22.5px 2.5px rgba(207, 206, 205, 0.25);
}

.feed-block {
  border-bottom: 1px solid #e8e7e7;
  border-top: 0;
}

.feed-second-block {
  padding: 0 0 10px 0;
}

.feed-second-block a {
  cursor: pointer;
}

.feed-second-block .feed-image {
  width: 40px;
  height: 30px;
}

.feed-icon {
  padding: 7px 0;
  cursor: pointer;
}

.feed-icon img {
  width: 16px;
  height: 16px;
}

.feed-icon img:hover {
  -webkit-transform: scale(1);
}

.feed-second-block .feed-image:hover {
  -webkit-transform: scale(1);
}

.section-logo .row {
  margin: 0;
}

.feedback-button a {
  margin: 0 6px 0 0;
}

.message label {
  float: left;
  margin-left: 9%;
}

#id_message {
  float: left;
  margin-left: 3px;
}

.g-recaptcha {
  margin: 20px 0 0 32px;
  display: inline-block;
}

.error-validation {
  width: 80%;
  color: red;
  display: inline-block;
  margin-left: 180px;
  text-align: left;
}

.form-group label {
  color: #337ab7;
  float: left;
}

.modal-title {
  color: #337ab7;
  line-height: 1.8;
}

#ajax-msg {
  text-align: center;
  color: #fff;
  font-weight: 600;
  border: 1px solid #337ab7;
  padding: 10px 0;
  border-radius: 5px;
  background: #337ab7;
}

.contact-form-wrapper #conactUs .form-group {
  width: 100%;
  margin-left: 1px;
  margin-bottom: 10px;
}

.contact-form-wrapper #conactUs .form-control {
  width: 100%;
  height: 40px;
}

.form-submit {
  float: left;
}

.feedback-button a,
.form-submit {
  border-radius: 20px;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  padding: 5px 20px;
  margin-bottom: 10px;
}

.form-submit {
  margin-top: 10px;
}

.feedback-button a:hover,
.form-submit:hover,
.password-reset .reset:hover {
  transition: all 0.5s ease;
  color: #fff;
  background: #3673af;
  border: 1px solid #3673af;
}

.feedback-button a:focus {
  background-color: #d9534f;
  border-color: #d43f3a;
  outline: none;
}

.g-recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.98);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  background-color: none;
}

.file-up label {
  float: left;
  margin-left: 13%;
  display: inline-block;
}

.file-up {
  margin-top: 10px;
}

.file-up #id_file {
  margin-left: 12px;
  float: left;
}

.feedback-button {
  margin-top: 20px;
}

/*.at-share-btn{
    padding: 3px;
    width: 15%;
    height: 7%;
}
.at-label{
    padding-right: 0px!important;
    margin-left: 0px!important;
}
.at-icon-facebook, .at-icon-twitter{
    width: 25px!important;
    height: 22px!important;
}
.at-icon{
    margin-top: 5px;
}*/
.contact-content .contact-form-holder {
  padding: 0;
}

.form-group input,
.form-group textarea,
.form-group label {
  display: inline-block;
}

.overview-page {
  border-top: 3px solid #337ab7;
}

.overview-page .calender-block,
.overview-page .event-block {
  margin-top: 30px;
}

/*#event-calendar .event-block{
    margin-top: -20px;
}*/
.date-holder {
  text-align: center;
  margin-bottom: 10px;
}

.date-holder button {
  font-size: 11px;
  padding: 6px 26px;
}

.date-holder button:hover {
  background-color: #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.date-holder .btn-group .active-btn {
  background: #eee !important;
}

.overview-page #category-filter {
  width: 100%;
}

.list-tbl-view thead tr {
  background: #337ab7;
}

.list-tbl-view thead tr th {
  width: 5%;
}

.list-tbl-view tr th {
  border-right: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  padding: 20px 14px !important;
  vertical-align: middle !important;
}

.table tbody tr {
  height: 60px;
  border-bottom: 1px solid #d9e7f2;
}

.table tbody tr td {
  padding: 20px 7px;
}

/*.table tbody tr:nth-child(odd){
    background: #eff0f1;
}*/
tbody tr td {
  font-size: 14px;
}

#event-calendar .calender-title {
  font-size: 26px;
  font-weight: bold;
  color: #3373b9;
  text-transform: uppercase;
}

.calender-block {
  margin-top: 20px;
}

#calendar .fc-toolbar .fc-center {
  background: #337ab7;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
}

#calendar .fc-toolbar .fc-center h2 {
  color: #fff;
  float: none;
}

#section-resources .form-group label {
  font-weight: 400;
  display: block;
  text-align: left;
  color: #1a1a1a;
  margin-bottom: 5px;
}

#section-resources .form-control {
  width: 100%;
}

.ng-pristine .input-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.date-holder .btn-group .active-btn {
  background-color: #eee;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  /*box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px -1px 0 rgba(0,0,0,.07);*/
}

#calendar {
  margin-bottom: 10px;
}

.login .form-group {
  margin-bottom: 15px;
}

.login .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.login .form-group label {
  float: left;
  color: #333;
  font-weight: 600;
  font-size: 14px;
}

#practice-search input {
  vertical-align: bottom;
}

.password-reset h1 {
  color: #337ab7;
  text-transform: uppercase;
  font-size: 26px;
}

.password-reset .reset {
  border-radius: 20px;
  color: #fff;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  text-transform: capitalize;
  border-radius: 10px;
  box-shadow: 0px 0px 9px -0.5px rgb(162 162 162 / 40%);
  padding: 10px 20px 10px 20px;
  margin: 10px 0;
}

.reset-heading {
  border-bottom: 3px solid #337ab7;
  margin-bottom: 30px;
}

.password-reset input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.password-reset label {
  color: #337ab7;
}

#insights .addthis_inline_share_toolbox {
  margin: 0;
  float: none;
}

#insightsCarousel .title-section {
  padding-top: 15px;
  display: block;
  opacity: 1;
  z-index: 999;
}

.navbar-nav > li {
  float: none;
  display: inline-block;
}

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

.fc-unthemed td.fc-today {
  background: #d1eaff !important;
}

#view-news .addthis_inline_share_toolbox {
  margin: 40px 0 0 0;
  display: inline-block;
  float: none;
}

#view-news h1 {
  color: #337ab7;
  margin-top: 0;
  font-size: 24px;
}

.twter {
  border-right: 4px solid #3faee6;
}

.fb {
  border-right: 4px solid #006df1;
}

.page-wrapper-about .content-view {
  width: 90px;
}

.page-wrapper-about .eng-btn {
  background-color: #337ab7;
  border-color: #337ab7;
}

.page-wrapper-about .eng-btn:hover {
  background-color: #2d6a9f;
  border-color: #2d6a9f;
}

.page-wrapper-about .eng-btn.active:focus {
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

.pagination li {
  list-style-type: none;
}

.pagination li a {
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pagination #prev {
  display: inline-block;
  vertical-align: middle;
}

.pagination #prev .disabled,
.pagination #next .disabled {
  color: #ccc;
}

.pagination #next {
  display: inline-block;
  vertical-align: middle;
}

.pagination #next a:hover,
.pagination #prev a:hover {
  text-decoration: none;
  background-color: #eee;
}

#next li {
  margin-left: 5px;
  display: inline-block;
  width: 100%;
}

#prev li {
  float: right;
  margin-right: 10px;
  display: inline-block;
}

.number-page {
  display: inline-block;
  vertical-align: middle;
}

.number-page li {
  display: inline-block;
  margin-right: 5px;
}

.number-page .active a {
  background: #337ab7;
  color: #fff;
  border-color: #337ab7;
}

#simplemodal-container .simplemodal-data {
  background-color: var(--main-color);
}

#modal-socialshare select,
#modal-socialshare input {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 30px;
}

.fc-basic-view .fc-day-number {
  padding: 5px !important;
}

.a-holder {
  display: inline-block;
}

.res_button_wrapper {
  float: left;
  margin: 20px 0 0 3px;
}

.resource-blocks._news .res_button_wrapper {
  margin: 5px 0 0;
}

div.res_button_wrapper .read-more-a:not(:first-child) {
  margin-left: 7px;
}

.form-group-wrap select {
  margin-bottom: 15px;
}

.form-group-wrap {
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
}

.res-sort {
  font-weight: 600;
}

.res-sort a {
  margin: 0 5px;
}

.ingight_button .read-more-a {
  margin-right: 25px;
  color: #333;
}

.ingight_button .read-more-a.download {
  color: #333;
  display: inline-block;
  margin-top: 10px;
}

.ingight_button .read-more-a:hover {
  color: var(--main-color);
}

.form-group-wrap #search {
  /*margin-bottom: 15px;*/
}

.form-group-wrap .form-control {
  width: 100%;
  margin: 0 7px;
}

.form-group-wrap.search-bar .form-control {
  margin: 0;
}

.form-group-wrap.search-bar .col-sm-12 {
  margin-bottom: 10px;
}

.read-more-a:visited {
  color: #fff;
  text-decoration: none;
}

.resource-blocks .res_decp {
  margin-bottom: 20px;
}

.resource-blocks {
  /* overflow: hidden; */
  /*margin: 10px 20px 0 0;*/
  /*padding-right: 0;*/
  margin: 0;
  padding: 30px 0;
}

.resource-blocks .a-holder {
  float: left;
  margin-right: 7px;
}

.resource-blocks .a-holder a,
#section-news .read-more-a,
.insightbtn.read-more-a.read-more,
.row._news p .read-more-a,
.row._news .read-more-a {
  border-radius: 10px;
  color: #fff;
  background: var(--main-color);
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  padding: 10px 14px;
  font-style: normal;
  float: left;
  font-weight: 400;
  transition: 0.3s all ease;
  font-weight: 400;
}

.row._news p .read-more-a {
  display: inline-block;
  margin-top: 20px;
  border: 1px solid var(--main-color);
}

.row._news p .read-more-a:hover {
  border: 1px solid #3673af;
  background: #3673af;
}

.resource-blocks .a-holder a:hover,
#section-news .read-more-a:hover,
.insightbtn.read-more-a.read-more:hover {
  background: #3673af;
  border-color: #3673af;
  color: #fff;
}

.resource-image-wrapper,
.news-image-wrapper,
.practise-image-wrapper {
  height: 170px !important;
  border: 2px solid #ccc;
  position: relative;
  width: 120px;
  margin: 5px 0 auto;
}

.news-image-wrapper {
  margin: 5px 0 auto -15px;
}

.resource-image-wrapper img,
.news-image-wrapper img,
.practise-image-wrapper img {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  left: 0;
}

#view-news .resource-image-wrapper,
#section-resources .news-image-wrapper {
  margin: 0 auto 10px 0;
}

#practice-search label {
  float: none !important;
}

#practice-search .form-control {
  width: 100%;
  float: initial;
  height: 40px;
}

#practice-search #searchblock {
  /* margin: 22px 0 0; */
  text-align: left;
}

#practice-search #searchblock input {
  height: 40px;
}

#searching span {
  font-size: 22px;
  margin-left: 10px;
  cursor: pointer;
  font-weight: bold;
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  right: 8px;
}

#popup_options > span {
  padding: 5px 0;
  border-bottom: 1px solid #dadada;
  border-radius: 0;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
}

#popup_options > span:last-child {
  border-bottom: 0;
}

#overlay.search-list.active_popup .popup {
  width: 800px;
  height: auto;
  max-height: 500px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background: white;
  box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%),
    0 5px 26px 0 rgb(67 94 131 / 15%);
  padding: 0px;
}

#popup_options > span:hover {
  color: var(--main-color);
}

#glossary-indicator-table_paginate .pagination .previous a,
#glossary-indicator-table_paginate .pagination .next a,
#tableDiscussionSection_wrapper .pagination .previous a,
#tableDiscussionSection_wrapper .pagination .next a {
  margin: 0;
  border-radius: 15px;
}

#glossary-indicator-table_paginate .pagination .previous a:focus,
#glossary-indicator-table_paginate .pagination .next a:focus,
#tableDiscussionSection_wrapper .pagination .previous a:focus,
#tableDiscussionSection_wrapper .pagination .next a:focus {
  outline: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none !important;
  border-color: #fff !important;
}

#glossary-indicator-table_paginate .pagination li {
  padding: 0 2px;
}

#glossary-indicator-table_paginate .pagination li:hover {
  background: none;
  border: 1px solid #fff;
  /*margin: 0;*/
  box-shadow: none;
}

#glossary-indicator-table_paginate .pagination .active a:hover {
  color: #fff;
}

#view-news .a-holder {
  margin-top: 10px;
  margin-bottom: 20px;
}

#savebtn-png {
  position: relative;
  border-color: #d43f3a;
  border: 1px solid #d43f3a;
  border-radius: 20px;
  padding: 7px 25px;
  background-color: #d9534f;
  color: #fff;
  text-indent: 15px;
}

#savebtn-png:before {
  content: "";
  position: absolute;
  background-image: url("..assets/img/download.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin-left: -22px;
}

#savebtn-png:after {
  margin-left: 30px;
}

#savebtn-xls:after,
#savebtn-csv:after {
  margin-left: 40px;
}

.button-block {
  position: relative;
}

#export li a {
  color: #333;
}

.source-btn {
  float: right;
}

#source-info {
  margin: 0;
  border: 0;
  background-color: transparent;
  color: #333;
  font-weight: 400;
  padding: 0;
}

#source-info:hover {
  color: var(--main-color);
}

#source-info img {
  margin-right: 8px;
}

#savebtn-xls,
#savebtn-csv,
#extra-function #compare-btn {
  margin: 10px 20px;
  border: 0;
  background-color: #fff;
  color: #333;
  font-weight: 400;
}

#extra-function button:active {
  box-shadow: none;
}

#clr-compare-btn:hover {
  border-color: #e3775f;
  background: #e3775f;
}

#compare-btn {
  /*display: block !important;*/
  /* text-indent: 22px; */
  position: relative;
}

#report-discuss:before {
  background-image: url(../img/reporticon.png);
  width: 17px;
}

#report-discuss::after {
  right: 145px;
}

.button-block #source-info:after {
  margin-left: 30px;
}

#calendar-detail-buttons {
  margin-top: 30px;
  padding: 0 15px;
}

#calendar-detail-buttons .buttons-wrap {
  float: right;
}

.calendar-detail-block {
  padding: 0 15px;
}

.calendar-detail-block .list-tbl-view {
  margin-top: 80px;
}

.subaccordion .panel-default .color-first {
  border-left: 8px solid #279b48 !important;
}

.subaccordion .panel-default .color-second {
  border-left: 8px solid #d3a029 !important;
}

.subaccordion .panel-default .color-third {
  border-left: 8px solid #00aed9 !important;
}

.subaccordion .panel-default .color-fourth {
  border-left: 8px solid #fdb713 !important;
}

#dataviz-section .indicator-block {
  padding: 0 0 0 25px;
}

/*#source-info:after{margin-left: 40px;}*/
#section-resources .more-btn .addthis_inline_share_toolbox {
  float: right;
  width: 80%;
  margin-top: -36px;
}

.cdd-section#section-resources #insights {
  padding: 20px 0;
  background-color: #fff;
  position: relative;
}

.cdd-section#section-resources #insights:before {
  content: "";
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100vw;
  transform: translateX(-100%);
}

.cdd-section#section-resources #insights:after {
  content: "";
  background: #fff;
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
  width: 100vw;
  transform: translateX(100%);
}

.cdd-section .sidebar-title {
  font-size: 24px;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin: auto;
  display: block;
  text-align: center;
  width: 135px;
}

.cdd-section .sidebar-title:before {
  content: "";
  margin-right: 0;
  width: 3px;
  height: 20px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--main-color);
}

.cdd-section .card.card-main {
  position: relative;
  padding: 0;
  margin-top: 10px;
  box-shadow: none;
}

.cdd-detail .comments_title {
  font-size: 24px;
  text-transform: uppercase;
  position: relative;
  display: block;
  margin-left: 10px;
  text-align: center;
  width: 135px;
  margin: auto;
  margin-bottom: 30px;
}

.cdd-detail#discussion-thread .panel.panel-default {
  margin-top: 0;
}

.cdd-detail .comments_title:before {
  content: "";
  margin-right: 0;
  width: 3px;
  height: 20px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--main-color);
}
.box-stroke {
  border: 1px solid var(--box-stroke);
  margin-bottom: 0;
}
.cdd-detail .other_articles {
  padding-top: 10px;
}

.cdd-detail .panel-body {
  background-color: white;
  border: 1px solid #e7e7e7;
  transition: ease-in 0.52s;
}
.box-stroke.mb-20 {
  margin-bottom: 30px;
}
.img-120 {
  width: 95px;
  margin-top: 10px;
}
.cdd-section .card.card-main:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: #00000063;
  opacity: .4; */
}
.indicator-val.text-block {
  margin-bottom: 20px;
}
.overview-table .indicator-val {
  margin-bottom: 0;
}
.box-icon img {
  width: 25px;
  margin-right: 5px;
}
.cdd-section .page-banner {
  height: auto;
  padding: 20px 0px 5px 0px;
  position: relative;
  margin-bottom: 20px;
}

.cdd-section .card .desc-section .read-more a {
  padding: 7px 0px;
  color: #3373b9;
}

.cdd-section .card .desc-section {
  border-radius: 15px;
  background-color: rgb(244, 245, 247);
  /* box-shadow: 0px 0px 13.5px 1.5px rgb(207 206 205 / 40%); */
  width: 390px;
  /* transform: translateY(-50%); */
  left: 30px;
  clear: both;
  padding: 20px;
  bottom: 30px;
  position: absolute;
  overflow: visible;
  z-index: 1;
}

.cdd-section .card .desc-section .card-title {
  line-height: 1.2;
  margin: 0 0px 10px;
  font-size: 18px;
  display: block;
  font-weight: bold;
}

.cdd-section .card .card-heading {
  margin: 0 0px 10px;
  font-size: 22px;
  display: block;
  font-weight: bold;
  max-height: 4em;
  line-height: 1.3em;
  overflow: hidden;
  height: unset;
  min-height: 2.5em;
}

.cdd-section .card .desc-section .author {
  margin-bottom: 10px;
}

.cdd-section .card .desc-section .insight_subtitle {
  line-height: 1.3;
  height: unset;
  font-size: 14px;
  max-height: 148px;
  overflow: hidden;
}

.cdd-section .card .desc-section .read-more a {
  color: #3373b9;
}

.card .desc-section .read-more {
  margin-bottom: 0;
}

#selected-indicator {
  border-radius: 0;
  border-bottom: 0;
}

#selected-indicator .alert-info {
  background-color: #c4eff4;
  border-color: #c4eff4;
}

#year-range-dropdown .form-control {
  float: left;
  width: 48%;
}

#dataviz-section #option-section {
  background: #fff !important;
}

#option-section .btn-group.btn-group-sm {
  position: absolute;
  top: 0;
}

#option-section .btn-group.btn-group-sm button {
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  margin-right: 10px;
  border-radius: 2px;
  background: #fff !important;
}

#year-range-dropdown #range-to {
  margin-left: 10px;
}

.geo.province-profile #render-btn,
.geo.province-profile #back-btn {
  border: 1px solid #337ab7;
  border-radius: 20px;
  width: 125px;
  padding: 7px 15px;
  background-color: #337ab7;
  color: #fff;
  border-radius: 20px;
  font-weight: 400;
  transition: 0.3s all ease;
}

.geo.compare-profile .social-icon-block .at-style-responsive .at-share-btn {
  padding: 5px;
  margin-left: 10px;
}

#exportbtn ul li[data-key="csv"] {
  padding: 0;
}

#exportbtn ul li[data-key="csv"] a {
  padding: 12px 25px;
}

.compare-profile #back-btn {
  float: right;
  font-weight: 400;
  border-radius: 5px;
  padding: 8px 10px;
  transition: 0.3s all ease;
  background: #fff;
  border-color: #fff;
  width: 100%;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  color: #333;
  margin-right: 5px;
}

.compare-profile #back-btn:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

.header-holder #compare-btn {
  margin: 0;
  position: relative;
  margin: 0;
  width: 125px;
  height: 40px;
  padding: 9px !important;
  font-weight: 400;
  font-size: 14px;
  background: #fff;
  color: #333;
  border: #fff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  transition: 0.3s all ease;
}

.cdd-section .keyword-list {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 25px;
}

.cdd-section .infographic-select .row {
  margin: 0 -15px;
}

.cdd-section .card {
  margin-bottom: 0;
}

.cdd-section #tags-lists label {
  text-decoration: none;
  padding: 8px 15px;
  margin: 5px;
  border-radius: 50px;
  color: #1a1a1a;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(236, 236, 236);
  background-color: rgb(245, 249, 253);
  display: inline-block;
  transition: 0.3s all ease;
  font-weight: normal;
  cursor: pointer;
}

.cdd-section #tags-lists label:hover {
  border: 1px solid var(--main-color);
  color: #fff;
  background: var(--main-color);
}

.cdd-section .card-title {
  height: 50px;
  overflow: hidden;
}

.cdd-section .card-title span p {
  text-overflow: ellipsis;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 75px;
  -webkit-box-orient: vertical;
  font-size: 18px;
  font-weight: 600;
  transition: 0.2s all;
  color: #1a1a1a;
}

.cdd-section .card-title span p:hover {
  color: var(--main-color);
}

.cdd-section#section-resources .infographic-searchblock:before,
.cdd-section#section-resources .infographic-searchblock:after {
  content: none;
}

.cdd-section #cdd-post .card {
  position: relative;
  border-radius: 15px;
  padding: 12px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 8px 1px #e4e4e4;
  -moz-box-shadow: 1px 1px 8px 1px #e4e4e4;
  box-shadow: 1px 1px 8px 1px #e4e4e4;
  background-color: rgb(249, 249, 249);
  overflow: visible;
  margin-bottom: 15px;
}

.cdd-section .social {
  position: absolute;
  top: 30px;
  right: 25px;
  opacity: 0;
  transition: 0.5s all;
}

.cdd-section #insights .card-body {
  padding-bottom: 0;
}

.cdd-section .author {
  font-size: 12px;
  margin: 0;
}

.cdd-section .card:hover .social {
  opacity: 1;
}

.cdd-section#section-resources #insights .at-share-btn-elements {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

.cdd-section .image-card {
  border-style: solid;
  padding: 10px;
  border-width: 1px;
  border-color: rgb(240, 240, 240);
  background-color: #fff;
  box-shadow: 0px 0px 15px 0px rgb(180 176 172 / 33%);
  border-radius: 10px 10px 0 0;
  height: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  margin-bottom: -1px;
}

.cdd-section .image-card img {
  height: 200px;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  object-position: center;
}

.cdd-section .at-resp-share-element.at-mobile .at-share-btn {
  padding: 4px;
}

.cdd-section .intro-section {
  border-style: solid;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  border-width: 1px;
  border-color: rgb(240, 240, 240);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 2.82px 0.18px rgb(207 206 205 / 33%);
}

.cdd-section .infographic-select .btn {
  margin-top: 22px;
}

.cdd-detail .media-body img {
  height: 600px;
  object-position: top;
  margin-bottom: 15px;
  object-position: center;
  object-fit: cover;
  width: 100%;
}

.cdd-detail .media .panel-body {
  padding: 10px;
  margin-bottom: 30px;
}

.cdd-detail .media h1.media-heading {
  font-size: 20px;
  position: relative;
  text-align: left;
}
.leaflet-top.leaflet-left {
  z-index: 999;
}
.leaflet_active_tp {
  font-size: 100px;
  opacity: 0.35;
}
.cdd-detail .cdd-date {
  font-weight: 400;
  display: block;
  font-size: 12px;
}

.dev-author {
  margin-bottom: 5px;
  display: block;
  padding-top: 24px 0;
  font-size: 12px;
}

.cdd-detail h3.media-heading {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;

  padding: 15px 0 0;
  font-style: italic;
  margin-bottom: 15px;
}
.article-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.post_content h3 {
  font-size: 20px;
}
.cdd-detail .other_articles .card {
  padding: 12px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 8px 1px #e4e4e4;
  -moz-box-shadow: 1px 1px 8px 1px #e4e4e4;
  box-shadow: 1px 1px 8px 1px #e4e4e4;
  background-color: rgb(249, 249, 249);
}

.cdd-detail .other_articles .card-body .image-wrapper {
  border-style: solid;
  padding: 10px;
  border-width: 1px;
  border-color: rgb(240, 240, 240);
  background-color: #fff;
  box-shadow: 0px 0px 15px 0px rgb(180 176 172 / 33%);
  border-radius: 10px 10px 0 0;
  height: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  margin-bottom: -1px;
}

.cdd-detail .other_articles .intro-section {
  border-style: solid;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  border-width: 1px;
  border-color: rgb(240, 240, 240);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 2.82px 0.18px rgb(207 206 205 / 33%);
}

.cdd-detail .other_cdd_title {
  font-weight: 500;
  font-size: 18px;
  color: #1a1a1a;
  height: 50px;
  overflow: hidden;
}

.cdd-detail .other_cdd_title:hover {
  color: var(--main-color);
}

.helpImg-section {
  display: none;
}

.helpImg-section.open {
  position: absolute;
  background: #ffff;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
}

.helpImg-section img {
  margin: auto;
  display: block;
  width: 500px;
}

.helpImg-section .rate_cancel_btn.cancel {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 999;
  color: #fff;
  font-size: 22px;
  background: none;
  font-weight: 600;
}

.cdd-detail .media .panel {
  box-shadow: none;
  border: 0;
  background-color: unset;
}

.cdd-detail .media-body .image-wrapper img {
  height: 200px;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  object-position: center;
}

.cdd-detail #discussion-thread .at-share-btn-elements {
  margin-top: -25px;
}

#browse_btn {
  display: block;
  text-align: center;
  width: 180px;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  padding: 10px 14px;
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  margin: 40px auto 0;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

#browse_btn:hover {
  background: #3673af;
  border-color: #3673af;
}

#demography-container .pagination {
  margin: 0;
  position: relative;
  margin: 0;
  width: 125px;
  height: 40px;
  padding: 9px !important;
  font-weight: 400;
  font-size: 14px;
  background: var(--main-color);
  text-indent: 0;
  color: #fff;
  border-radius: 10px;
  border-color: var(--main-color);
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

#section-resources .news-selector .infographic-searchblock.search-bar {
  padding: 20px;
}

#data-help {
  color: #fff;
  font-family: Open sans;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
}

#data-help img {
  margin-top: -2px;
  margin-right: 5px;
}

.datasets-section {
  margin: 40px 0;
}

.pop-subscribe span {
  color: var(--main-color);
  cursor: pointer;
}

.pop-subscribe span:hover {
  color: #3673af;
}

.result-chart.show-result {
  margin-top: 50px;
}

#section-list .data-form {
  margin-bottom: 20px;
  width: 100%;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #f3f3f2;
  background-image: url(../img/drop-down-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: calc(100% - 15px) !important;
  background-position-y: 51% !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
}

select#province-dropdown {
  background-position-x: 98% !important;
}

#cmp-section-list select {
  background-position-x: 99% !important;
  box-shadow: unset !important;
}

#form-group-holder label {
  color: #333;
  font-weight: 600;
}

.select-block #chooserlabel {
  font-size: 14px !important;
  color: #333;
  padding: 0 !important;
}

.select-block .year-label {
  font-size: 14px !important;
  color: #337ab7;
  padding: 0 !important;
}

.datasets-section #form-group-holder select {
  padding-right: 24px;
}

#form-group-holder .btn.dropdown-toggle.btn-default:hover {
  background: transparent;
}

#containerSVG .overlay_rect {
  fill: #f5f5f5;
  height: 460px;
}

#selindname h4 {
  color: #337ab7;
}

#breadcrum-block .breadcrum {
  padding: 0 15px;
}

#breadcrum-block .breadcrum {
  color: #333;
  margin-bottom: 0;
}

#breadcrum-block .breadcrum img {
  margin: 0 6px 0px 6px;
  width: 12px;
}

#chooser .btn-group:first-child {
  margin-bottom: 15px;
  width: 100% !important;
}

#chooser button {
  font-weight: 400;
}

.modal-dialog .close {
  font-size: 30px;
}

#section-news .at-share-btn-elements {
  float: right;
  margin-top: -35px;
  /*width: 80%;*/
}

#section-resources .at-share-btn-elements {
  float: right;
  margin-top: -38px;
  /* width:63%;*/
}

#section-resources .resource-blocks._news .at-share-btn-elements {
  margin-top: 0;
  display: block;
}

.box-wrapper #breadcrum-block {
  border-bottom: 1px solid #e4e4e4;
  padding: 15px 0;
}

#view-news .social-icon-block {
  width: 100%;
}

#view-news .at-share-btn-elements {
  float: left;
  margin: 20px 0 0;
  /*width:60%;*/
}

#dataviz-section #menubox > div:first-child {
  padding-top: 0 !important;
}

.header-holder #section-list .form-group {
  position: relative;
}

#section-list .form-group {
  position: relative;
}

#section-list .ajax-loader {
  /* float: right; */
  right: 0px;
  top: 0px;
  position: absolute !important;
  /* left: 50%;
  top:50%;
  transform: translate(-50%,-50%); */
}

#section-list .geo .ajax-loader {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.menu-nav .menu-down img {
  width: 15px;
  margin-top: 2px;
  transition: all 0.1s ease;
}

#section-list .ajax-loader img {
  width: 15px;
}

#cmp-section-list .ajax-loader img {
  width: 15px;
}

#menu-box .form-group {
  width: 100%;
}

#dataviz-section .subindicatoraccordion > .panel-default > .color-first {
  border-left: 8px solid rgba(39, 155, 72, 0.7) !important;
}

#dataviz-section .subindicatoraccordion > .panel-default > .color-second {
  border-left: 8px solid rgba(211, 160, 41, 0.7) !important;
}

#dataviz-section .subindicatoraccordion > .panel-default > .color-third {
  border-left: 8px solid rgba(0, 174, 217, 0.7) !important;
}

#dataviz-section .subindicatoraccordion > .panel-default > .color-fourth {
  border-left: 8px solid rgba(253, 183, 19, 0.7) !important;
}

#dataviz-section .subindicatoraccordion .color-first-inside button,
#dataviz-section .subindicatoraccordion .color-second-inside button,
#dataviz-section .subindicatoraccordion .color-third-inside button,
#dataviz-section .subindicatoraccordion .color-fourth-inside button {
  border-top-left-radius: 3px;
}

#dataviz-section .subindicatoraccordion .color-first-inside button {
  border-left: 5px solid rgba(39, 155, 72, 0.5);
}

#dataviz-section .subindicatoraccordion .color-second-inside button {
  border-left: 5px solid rgba(211, 160, 41, 0.5);
}

#dataviz-section .subindicatoraccordion .color-third-inside button {
  border-left: 5px solid rgba(0, 174, 217, 0.5);
}

#dataviz-section .subindicatoraccordion .color-fourth-inside button {
  border-left: 5px solid rgba(253, 183, 19, 0.5);
}

#extra-function #export {
  padding-left: 0;
}

#extra-function #exportbtn {
  padding: 0;
  position: relative;
}

#extra-function #exportbtn:after {
  position: absolute;
  content: "";
  background-image: url("../img/separator.png");
  background-repeat: no-repeat;
  width: 7px;
  height: 23px;
  color: #525252;
  top: 5px;
  right: -20px;
}

#extra-function #export li {
  border-radius: 5px;
  padding: 7px 30px;
  background: #fff;
  text-indent: -12px;
  height: 35px;
}

#extra-function #export li[data-key="csv"],
#extra-function #export li[data-key="excel"] {
  border-radius: 5px;
  padding: 5px 0;
  background: #fff;
  text-indent: 20px;
  height: initial;
  z-index: 999;
  position: relative;
}

#extra-function #export li > a {
  width: 100%;
  display: block;
  /* background: yellow; */
}

#extra-function #export li > a:hover {
  text-decoration: none;
}

#extra-function #export .unselected {
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  width: 140px;
}

#extra-function #export .unselected:hover {
  background-color: #e3775f;
  color: #fff;
}

#extra-function #export .unselected:hover a {
  color: #fff !important;
}

#year-exact-range .slider.slider-horizontal {
  width: 96% !important;
}

#year-range-slider .slider.slider-horizontal .slider-track {
  left: 0;
  width: 96%;
}

.caret {
  position: absolute;
  right: 10px;
  margin-top: 20px;
  vertical-align: middle;
}

.subaccordion .panel-default .panel-collapse button.color-first {
  border-left: 8px solid rgba(39, 155, 72, 0.7);
  margin-left: 4px;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.subaccordion .panel-default .panel-collapse button.color-second {
  border-left: 8px solid rgba(211, 160, 41, 0.7);
  margin-left: 4px;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.subaccordion .panel-default .panel-collapse button.color-third {
  border-left: 8px solid rgba(0, 174, 217, 0.7) !important;
  margin-left: 4px;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.subaccordion .panel-default .panel-collapse button.color-fourth {
  border-left: 8px solid rgba(253, 183, 19, 0.7) !important;
  margin-left: 4px;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.slider.slider-horizontal .slider-track {
  width: 85%;
  background: #ececec;
}

.slider.slider-horizontal .slider-selection {
  background: rgb(215, 227, 244);
  box-shadow: none;
}

#search-discussion-summary {
  background: #ffffff;
  border: 0;
  box-shadow: none;
  border: 0px solid rgba(0, 0, 0, 0.2);
  height: 40px;
  /* box-shadow: 0px 0px 8px 1px #e4e3e3; */
  height: 40px;
}

.glossary-table-search-block .btn-default.search-glossary {
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#summary .search-bar #search-discussion-summary {
  height: 40px;
}

.search-bar .input-group-btn button:hover {
  background: #3673af;
  border-color: #3673af;
}

#indicator-search-btn {
  background: transparent;
  border: 0;
  padding: 8px 12px;
  height: 100%;
}

#indicator-search-box .glyphicon-search {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}

#indicator-search-box,
#indicator-search-box:focus {
  background-color: transparent !important;
  border: 0;
}

/* #year-range-slider {
  font-family: Roboto, sans-serif;
} */
#form-group-holder {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  padding: 15px;
  background: #f5f5f5;
  border: 1px solid rgb(0 0 0 / 5%);
  border-radius: 5px;
}

#dataviz-section #section-list {
  padding: 0 !important;
}

#dataviz-section #option-section button.inactive-sel span {
  color: #b0b0b0;
}

#dataviz-section #option-section button.active-sel span {
  color: #1c77b9 !important;
}

#dataviz-section #option-section button {
  width: 40px;
  height: 40px;
  padding: 5px 6px;
}

#cmp-apply {
  border: 1px solid #337ab7;
  padding: 7px 30px;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
}

#cmp-apply:hover {
  border: 1px solid #3673af;
  background: #3673af;
}

#browseby {
  width: 100%;
  margin-bottom: 15px;
}

#filter .filter-option {
  font-weight: normal;
}

.mapblock {
  background-color: #1c77b9;
  height: 32px;
  color: white;
  line-height: 30px;
}

.mapblock button {
  height: 32px;
  border-radius: 0;
  background: rgba(221, 86, 56, 0.8);
  border-color: #f5f5f5;
  border-top: none;
  border-bottom: none;
}

.indicator-block #map {
  border: 1px solid #ece5e5;
  border-radius: 0;
}

.indicator-block #map.leaflet-container {
  margin: 0;
  border: 0px;
}

.res_title .news-title {
  color: var(--main-color);
  font-size: 20px;
}
.action-button {
  background: var(--maroon);
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  margin: 10px 0;
  display: inline-block;
}
.action-button:hover {
  color: #fff;
}
.infographic-searchblock #searchblock {
  margin: 20px 0 0;
}

.infographic-searchblock input {
  height: initial;
  width: 100% !important;
}

.infographic-searchblock select {
  width: 100% !important;
}

.infographic-select .input-group button {
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 2px 15px;
  width: auto;
}

.infographic-select label {
  float: none !important;
}

.infographic-select .form-group {
  text-align: initial;
  margin-right: 5px;
  width: 100%;
}

.form-inline.ng-pristine.ng-valid {
  margin-bottom: 0;
  width: 100%;
}

.insight-details p {
  margin-bottom: 40px;
}

.infographic-select .ng-pristine {
  margin-bottom: 0px;
}

.map-section .form-group {
  /*background-color: #f1f7fa;*/
  margin-bottom: 10px;
  padding: 20px 20px 0 20px;
}

.map-section .form-control {
  margin-bottom: 0 !important;
}

.map-section .form-control option {
  background-color: #f1f7fa !important;
  width: 20% !important;
  padding: 20px;
}

.map-section #map {
  background: #fafafa !important;
}

/*.map-section .form-group:nth-child(odd){
    background-color: #e6ebed;
}*/
/*.map-section .form-group:last-child{
    background-color: #fff;
}*/

#leftNumTab {
  border: none;
}

#leftNumTab:focus,
#leftVisTab:focus {
  background-color: #fff;
  outline: 0;
}

/*#svg1 h4{
    color: #535353;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
}*/
#pie-container .table tr > th:last-child {
  font-size: 30px;
  color: #3373b9;
  font-weight: 600;
  text-align: right;
}

#pie-container .table tr > th:first-child {
  color: #313131;
  font-size: 18px;
  font-weight: 300;
}

#pie-container .table tr > th {
  vertical-align: middle;
  border-top: 0;
}

#pie-container .table {
  margin-top: 20px;
}

#pie-container .table tr {
  border-bottom: 1px solid #d0d0d0;
}

#pie-container .table tbody tr:nth-child(odd) {
  background-color: #fffdfc;
}

#pie-container .table tbody tr:nth-child(even) {
  background-color: #fcfdff;
}

#pie-container button:hover {
  background-color: #4781c0;
  color: #fff;
}

.map-section #render-btn {
  margin: 0 !important;
}

.map-section .bootstrap-select button {
  border: 0;
  background-color: transparent;
  font-weight: 300;
  font-size: 16px;
  padding: 0;
  color: #266ebb;
}

.map-section .bootstrap-select {
  height: 40px !important;
}

.map-section #section-list .btn-default,
.map-section #section-list .btn-default.active,
.map-section #section-list .open > .dropdown-toggle.btn-default:active,
.map-section #section-list .open > .dropdown-toggle.btn-default:focus {
  border: 0;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#pie-container .left-cont.active {
  background-color: #4781c0;
  color: #fff;
}

.infographic-searchblock {
  padding: 0;
}

.map-section .indicator-block {
  padding: 0px !important;
  /*margin-top: 8em;*/
}

.header-holder .data-page-title {
  font-size: 30px;
  color: #fff;
  /* font-family: Source Sans Pro;*/
  font-weight: 600;
  border-bottom: 0;
  margin: 20px 0;
  display: inline-block;
}

.bottom-div p {
  font-size: 14px;
  margin: 0;
}

.header-holder .btn-group {
  /*border: 0 !important;*/
  width: 60%;
}

.geo-substr .substr-msg {
  color: #333;
}

.header-holder .btn-group button {
  background-color: transparent;
  border: 0;
  /*color: #fff;*/
}

.header-holder #section-list {
  float: right;
  width: 70%;
  margin: 20px 0;
}

.header-holder #section-list .form-control {
  margin-bottom: 5px !important;
}

.header-holder #section-list .form-control option {
  color: #337ab7;
}

.header-holder #section-list .filter-option {
  font-weight: 400;
}

#demography-container .table tr th {
  /*font-family: Source Sans Pro;*/
  font-size: 16px;
  font-weight: bold;
  /*vertical-align: middle;*/
  border-top: 0;
  padding: 30px;
}

#demography-container .table tr th:last-child {
  color: #3373b9;
  font-size: 25px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  float: right;
}

#demography-container {
  overflow: hidden;
}

#demography-container .row-vis {
  font-size: 25px;
  color: #535353;
  box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%),
    0 5px 26px 0 rgb(67 94 131 / 15%);
  font-family: "Open Sans", sans-serif !important;
  border: 1px solid #e2e2e26e;
}

.modal.in .modal-content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.modal-content .modal-header {
  padding: 2px 15px;
  background: #e3f0ff;
}

.modal-content .close {
  font-size: 30px;
  font-weight: 400;
  margin-top: 0px;
  opacity: 1;
  color: #333;
}

.modal.in .modal-dialog {
  margin-top: 0;
  height: 100%;
  position: relative;
}

.modal-open .modal {
  overflow: hidden;
}

h4.modal-title,
h3.modal-title {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 400;
}

.modal-body {
  padding: 20px;
  max-height: 500px;
  overflow-y: auto;
}

.modal-body .text-block {
  margin-bottom: 0;
}

.text-block h4 {
  font-size: 14px;
}

.modal-footer .btn.btn-default {
  border: 1px solid #efefef;
  width: 120px;
  background-color: #2e6bac;
  text-align: center;
  color: #fff;
  width: auto;
  font-weight: 400;
  float: right;
  padding: 5px 20px;
}

#submit-feedback-btn {
  margin-right: 10px;
}

#feedback-modal .modal-footer {
  text-align: right;
}

.modal-footer .btn.btn-default:hover {
  border: 1px solid #3673af;
  color: #3673af;
  background: #3673af;
}

.modal-content .close:hover {
  color: #333;
}

.header-holder .btn-group button:focus,
.header-holder .btn-group button:active,
.header-holder .btn-group button:visited,
.header-holder .dropdown-toggle.btn-default {
  background-color: #fff;
  color: #555 !important;
  outline: 0 !important;
  box-shadow: none;
  font-weight: normal;
}

#render-btn {
  padding: 10px 20px;
  border: 1px solid #f9f8f8;
  color: var(--main-color);
  font-weight: normal;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
}

.compare-profile #demography-container .row-vis,
.compare-profile #demography-container .row-chart {
  /* height: 380px; */
  border: 1px solid #e4e9ec;
  margin-bottom: 40px;
}

.demography-block .print-location {
  padding-left: 30px;
}

.compare-profile .demography-block.container .wrapper h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

#section-list .geo.province-profile #render-btn:hover,
#section-list .geo.local-profile #compare-btn:hover,
#render-btn:hover,
#section-list .geo.province-profile #compare-btn:hover,
#demography-container .pagination:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}

.compare-profile #demography-container .pagination-holder {
  margin-top: 10px;
}

#demography-container .pagination {
  margin-bottom: 40px;
}

#render-btn:hover {
  color: #fff;
}

.slider.slider-horizontal .slider-handle.round {
  top: 0;
  border: 1px solid var(--navy-blue);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: var(--navy-blue);
  opacity: 1;
  margin-top: -4px;
  margin-left: 0 !important;
}

.slider.slider-horizontal .slider-track {
  height: 7px !important;
  background: #dcd9d9;
  box-shadow: none;
  border-radius: 0;
}

.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 2px;
  bottom: 0;
  border-radius: 0;
}

.dataset-search #render-btn {
  margin-top: 40px;
  border: 1px solid #e6e6e6;
}

#indicator-search-box {
  width: 100%;
}

.map-section .indicator-block {
  margin-top: 40px;
}

.search-section {
  padding: 15px;
  background: #f4f4f4;
  border: 1px solid #e4e9ec;
  height: 110px;
  display: flex;
  flex-direction: column;
}

.search-section .input-group .form-control:focus {
  z-index: 1 !important;
}

.search-section span {
  margin-bottom: 10px;
  display: block;
  font-weight: 600;
  font-size: 16px;
}

.keyword_full span {
  font-size: 16px;
  font-weight: bold;
}

.keyword_full .result {
  width: 100%;
}

#keywords_container {
  padding: 10px;
}

#summary-table tr.even {
  background-color: #edf4fb;
}

#summary-table tr.even:hover {
  background-color: #f5f5f5;
}

#summary-table tr:hover a {
  color: var(--main-color);
}

#keywords_container .bubbles {
  background: #f5f9fd;
  border: 0;
  padding: 2px 10px;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  cursor: pointer;
  border: 1px solid #dedede75;
}

#keywords_container .bubbles:hover {
  background: #e2e2e2;
}

.my-discussion-table #tableDiscussionSection_paginate .paginate_button {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
  border-radius: 20px;
  margin-left: 15px;
}

.my-discussion-table #tableDiscussionSection_paginate .paginate_button.current {
  background: var(--main-color) !important;
  color: #fff !important;
}

.search-section button.btn {
  padding: 2px 12px;
  /* background: var(--main-color); */
  border: 0;
}

.indicator-block .btns-top {
  display: flex;
  justify-content: flex-end;
  height: 58px;
}

.indicator-block .btns-top a.buttons,
#clr-compare-btn,
.indicator-block .btns-top .buttons {
  background: #fff;
  border: 0;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  color: #333 !important;
  padding: 12px 25px;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  height: 40px;
  display: flex;
  align-items: center;
  font-weight: 400;
}

#clr-compare-btn {
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  padding: 12px 10px;
}

#clr-compare-btn:hover {
  background: var(--main-color);
  color: #fff;
  border: 1px solid var(--main-color);
}

.indicator-block .btns-top a.buttons:hover,
.indicator-block .btns-top .buttons:hover,
#clr-compare-btn:hover {
  color: #fff !important;
  background: var(--main-color);
}

.redirect_btns > a {
  text-decoration: none;
  background-color: #316dae;
  padding: 8px 15px;
  color: white;
  border-radius: 20px;
  border: 1px solid #316dae;
  display: inline-block;
  margin: 0 5px 15px;
  height: auto !important;
  box-sizing: border-box;
}

#exportbtn {
  position: relative;
  width: 120px;
}

.redirect_btns > a:hover {
  border: 1px solid var(--main-color);
  color: #fff;
  background: var(--main-color);
}

.page_redirects.datasets .redirect_btns {
  padding: 0;
  text-align: center;
  margin-top: 0;
}

#demography-container #DMG-title {
  font-size: 25px;
  text-transform: uppercase;
  color: #3373b9;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 10px;
  width:calc(100% - 150px);
}

#demography-container #export:hover {
  color: var(--main-color);
}

.nepal-block {
  display: none;
}

.province-block button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  height: 40px;
}

#demography-container .heading-count {
  margin: 20px 0;
}

#demography-container #DMG-title:after {
  content: "";
  border: 1px solid #3373b9;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

#demography-container .nepal:after {
  border: 0 !important;
}

#demography-container #DMG-title p {
  color: #3373b9;
  font-size: 20px;
  /*padding-top: 8px;*/
  margin-bottom: 10px;
}

.header-holder.bs-actionsbox .btn-block .btn-default {
  color: #000 !important;
}

.header-holder .dropdown-menu .bs-searchbox input,
.header-holder .no-results {
  color: #000 !important;
}

.dropdown-menu .bs-searchbox input {
  border: 1px solid #ccc !important;
}

.bs-actionsbox .btn-group {
  width: 100%;
}

.bs-actionsbox .btn-group button {
  background-color: #3b7ec1 !important;
  border-color: #ccc !important;
  border: 1px solid;
  /* width: 120px !important; */
  color: #fff !important;
  border: 2px solid #fff !important;
}

.bs-actionsbox .btn-group button:hover {
  background-color: #3673af !important;
  color: #fff;
}

.pagination-holder {
  text-align: center;
}

#demography-container .pagination:hover {
  background: #3673af;
}

.row-vis .bar .label,
.row-vis .bar .value {
  font-size: 16px;
  font-weight: 400;
}

.row-vis .legend text,
.row-vis .chart-axis text {
  font-size: 10px;
}

#demography-container .row-vis .table {
  border: 1px solid #efefef;
  background: #fff;
  margin-bottom: 0;
}

#play_motion {
  background: var(--main-color);
  color: #fff;
  border: none;
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 20px;
  bottom: -1px;
  left: 15px;
  transform: translate(0px, 90px);
  display: block;
  height: 35px;
  width: 35px;
}

#play_motion img,
#restart_motion img {
  width: 15px;
  max-width: 15px;
}

.motion_chart_ button {
  border: 1px solid #ececec;
}

.motion_chart_ button:hover {
  box-shadow: 0px 0px 5px 1px #c5c5c5;
}

#play_motion .fa {
  font-size: 20px;
}

.motion_chart_ {
  display: flex;
  position: absolute;
  bottom: 90px;
  left: 30px;
}

.motion_chart_ form {
  padding: 15px 5px;
  width: 100%;
  margin-left: 20px;
  margin-top: 30px;
}

#play_motion:hover {
  background: #3b7ec1;
}

.fa.fa-pie-chart {
  color: #fff;
}

.btn.active-sel .fa {
  color: var(--main-color);
}

input[type="range"] {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 100%;
  height: 6px;
  background: #d3d3d3;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  margin-top: 10px;
}

/* Mouse-over effects */
input[type="range"]:hover {
  opacity: 1;
  /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 15px;
  /* Set a specific slider handle width */
  height: 15px;
  /* Slider handle height */
  background: var(--main-color);
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
  width: 15px;
  /* Set a specific slider handle width */
  height: 15px;
  /* Slider handle height */
  background: var(--main-color);
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  border-radius: 50%;
}

#dataviz-section #containerSVG {
  position: relative;
  /*height: auto !important;*/
  padding: 0 20px 10px;
  box-shadow: none !important;
}

.box-wrapper {
  box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%),
    0 5px 26px 0 rgb(67 94 131 / 15%);
  border-radius: 5px;
}

.redirect_btns .links-section .section_link_btn {
  background-color: #2e6bac;
  border: 1px solid #2e6bac;
  border-radius: 40px;
  font-weight: 400;
  padding: 8px 15px;
  color: #fff;
  margin-right: 15px;
}

.redirect_btns .links-section .section_link_btn:hover {
  background: #dd5638;
  border-color: #dd5638;
}

/*#demography-container .row-vis .table tr:nth-child(odd){
    background-color: #fffdfc;
}
#demography-container .row-vis .table tr:nth-child(even){
    background-color: #fcfdff;
}*/
#demography-container .row-vis h4 {
  border-left: 3pt solid #e53d25;
  font-size: 18px;
  /* background: #e3f0ff; */
  margin-bottom: 0;
  padding: 8px 10px;
  font-weight: 600;
}

.chart-data-error {
  font-size: 14px;
}

#country-content #demography-container #export:hover,
#localbodies-content #demography-container #export:hover {
  color: var(--main-color);
}

#demography-container #export:hover,
#demography-container #export:visited,
#demography-container #export:active,
#demography-container #export:focus {
  outline: 0;
}

#demography-container .ajax-loader {
  position: absolute;
  right: 50%;
  top: 60px;
  z-index: 999;
}

.search-section #indicator-search-box {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.search-section #search-keyword-input {
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  border: 1px solid #dcdcdcde;
  border-radius: 5px;
  padding-right: 40px;
}

.province-block button {
  width: 40px;
}

.bottom-div #geotext-btn {
  border: 0;
  background-color: transparent;
  padding: 10px;
}

.bottom-div #geotext-btn img {
  width: 10px;
  height: 10px;
}

#geotext-btn span {
  position: absolute;
  right: 5px;
  top: 5px;
}

#demography-container .nepal {
  padding: 25px 0 !important;
}

#map-container {
  box-shadow: 0px 1px 10px 1px #ececec;
}

#demography-container .row-chart a,
#demography-container .row-vis a {
  float: right;
  margin-right: 10px;
}

#demography-container .row .container:after {
  content: "";
  border-bottom: 1px solid #e0e9f2;
  width: 100%;
  padding-top: 40px;
  margin-bottom: 40px;
}

.demo {
  float: right;
  margin-top: -77px;
  margin-right: 90px;
  border: 1px solid #337ab7;
  border-radius: 20px;
  padding: 7px 15px;
  background-color: transparent;
  color: #337ab7;
}

.heading-cont h4 {
  color: #3373b9;
  /*margin-top: 0;*/
}

/*.header-holder #compare-btn:after{
    content: url('../img/compare-btn.png');
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    left: -51px;
    top: -3px;

}*/
.header-holder #compare-btn:before {
  display: none;
}

.heading-cont button,
.heading-cont .bootstrap-select > .dropdown-toggle.bs-placeholder,
.heading-cont .btn-default:hover,
.heading-cont .btn-default:active,
.heading-cont .btn-default.active,
.heading-cont .open > .dropdown-toggle.btn-default,
.heading-cont .open > .dropdown-toggle.btn-default:focus {
  border-radius: 5px;
  background-color: transparent;
  color: #333;
  outline: 0;
}

.row-chart .chart-axis text {
  font-size: 12px;
}

#demography-container .table p {
  padding-top: 0;
}

.readmore.more:hover {
  color: #3673af;
}

.hidemore.more,
.readmore.more {
  color: #4781c0;
  display: block;
  margin-top: 21px;
  clear: both;
}

.province-block {
  text-align: center;
}

.province-block.pd-right {
  padding-right: 130px;
}

.province-block .read-more-a {
  position: absolute;
  top: 0px;
  right: 0;
  border-radius: 20px;
  width: 100px;
}

.download-chart {
  border: 0 !important;
  font-size: 0;
  cursor: pointer;
}

.bottom-div .geo-substr {
  padding: 20px;
}

.geo-readmore {
  overflow: hidden;
}

/* .download-chart:hover,
.download-chart:active,
.download-chart:focus {
  background-color: transparent !important;
} */
.heading-cont .download-chart:hover .tooltiptext {
  visibility: visible;
  display: block;
}

.heading-cont .download-chart .tooltiptext {
  width: 100px;
  background-color: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 4px 5px;
  font-size: 12px;
  position: absolute;
  font-size: 11px;
  z-index: 1;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  display: none;
}

.heading-cont .download-chart .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #337ab7 transparent transparent transparent;
}

.modal-table thead > tr {
  background: #5a99d4;
  font-weight: bold;
  color: #fff;
}

.modal-table tbody > tr:nth-child(odd) {
  background: #deeaf6;
}

.modal-table thead > tr > th,
.modal-table tbody > tr > td {
  border: 1px solid #c4daf0;
}

.redirect-wrapper {
  box-shadow: 0px 2px 7px 1px #e4e4e4;
  border: 1px solid #dadada5e;
  margin: 40px 0;
  border-radius: 10px;
}

.redirect_btns .redirects .redirect-wrapper .img-section {
  height: 185px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fbfbfb;
}

.redirects.profile .redirect-wrapper .img-section {
  background-image: url("../img/Profile.jpg");
}

.redirect_btns .redirects.sdg .redirect-wrapper .img-section {
  background-image: url("../img/SDGs.jpg");
}

.redirect_btns .redirects.indicator .redirect-wrapper .img-section {
  background-image: url("../img/Indicator.jpg");
}

.redirect_btns .redirects.diagnose .redirect-wrapper .img-section {
  background-image: url("../img/Diagnose.jpg");
}

.redirect-wrapper .txt-section {
  background: #f7f7f7;
  padding: 20px;
  text-align: left;
}

.redirect_btns .slick-list {
  overflow: visible;
}

.redirect_btns .slick-slide {
  height: auto;
}

.redirect-wrapper .txt-section p {
  margin-bottom: 0;
  height: 40px;
}

.redirect-wrapper .txt-section h3 {
  margin: 0 0 10px 0;
}

.redirect-wrapper .txt-section h3 a {
  color: #1a1a1a;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5em;
}

.redirect-wrapper:hover .txt-section h3 a {
  color: var(--main-color);
}

/* discussion */
.search-bar {
  background: #e2e2e2;
  padding: 10px 0 20px;
  border: 1px solid #dcdcdc;
}

.search-bar .input-group {
  width: 500px;
  margin: auto;
}

.search-bar .input-group button {
  height: 40px;
  background: var(--main-color);
  border-color: var(--main-color);
}

.search-bar .input-group .glyphicon-search {
  font-size: 20px;
  color: #ffffff;
}

#summary-table {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  border-bottom: 0px;
  background-color: var(--main-color);
}

#summary-table thead th,
#summary thead td {
  border-bottom: 1px solid #e2e2e2;
}

.search-bar button img {
  max-width: 20px;
}

#summary-table thead th {
  color: #fff;
  font-weight: 400;
}

.search-bar button:focus {
  background: var(--main-color);
}

@media (max-width: 1199px) and (min-width: 1025px) {
  .header-holder .province-profile .form-group {
    width: 135px !important;
  }

  .header-holder .country-profile .form-group {
    width: 240px !important;
  }

  .header-holder .localbodies-profile .form-group {
    width: 142px !important;
  }

  .header-holder .country-profile .form-search {
    width: 120px !important;
  }

  /* #section-resources .at-share-btn-elements{width: 53%;}*/
}

@media (max-width: 1199px) and (min-width: 992px) {
  .health-block .overview-table > tbody > tr > td > p {
    padding-top: 0;
    margin-bottom: 0;
  }

  .part1 p.text-block {
    padding-top: 0;
  }

  .part1 p.average-block {
    padding-top: 10px;
  }

  .expenditure-block:before {
    content: "";
    position: absolute;
    top: 106px;
    border: 97px solid transparent;
    left: -1;
    border-top: 75px solid #e22786;
  }

  .reveneu-block:before {
    content: "";
    position: absolute;
    top: 106px;
    border: 97px solid transparent;
    left: -1;
    border-top: 75px solid #00c29c;
  }

  .bottom-block span {
    font-size: 13px;
  }

  .bottom-block .text-1:before {
    content: "";
    display: inline;
    border: 1px solid #00c29c;
    position: absolute;
    top: -59px;
    left: 95px;
    height: 59px;
  }

  /* .bottom-block .text-2:before {
    content: "";
    display: inline;
    border: 1px solid #e22786;
    position: absolute;
    top: -59px;
    left: 95px;
    height: 59px;
  } */
  /* 
  .health-block .section-label:before {
    content: "";
    background: url(/static/assets/img/overview/health.png) no-repeat;
    position: absolute;
    left: 18%;
    display: block;
    padding: 15px;
  }

  .educational-block .section-label:before {
    content: "";
    background: url(/static/assets/img/overview/educational.png) no-repeat;
    position: absolute;
    left: 15%;
    display: block;
    padding: 15px;
  } */

  .overview_block span.text {
    left: 50px;
  }
}

.homepage-body .infography-section .left.carousel-control {
  left: 15px;
}

.homepage-body .right.carousel-control {
  right: 15px;
}

.resource-column .inside-card-body {
  position: relative;
}

.resource-column .social-share,
.cdd .social-share {
  position: absolute;
  top: 20px;
  right: 15px;
  opacity: 0;
  transition: 0.5s all;
}

.nreader-detail .social-icon-block .at-share-btn-elements {
  display: flex;
  flex-direction: row;
}

.nreader-detail .resource-column .social-share {
  opacity: 1;
  position: relative;
  top: unset;
  right: unset;
  transition: 0.5s all;
  transform: unset;
}

.cdd .social-share {
  position: absolute;
  top: 30px;
  right: 25px;
  opacity: 0;
  transition: 0.5s all;
}

.cdd .author {
  margin-top: 0;
  padding: 20px;
}

.cdd .author span {
  color: #fff;
  /* font-family: Roboto,sans-serif; */
}

.inside-card-body:hover .social-share,
.card-body:hover .social-share {
  opacity: 1;
}

.resource-column .social-share .share,
.cdd .social-share .share {
  position: absolute;
  background: #363c40;
  left: 60%;
  top: -40px;
  transform: translateX(-50%);
  padding: 8px 6px;
  color: #fff;
  width: 115px;
  text-align: center;
  font-size: 11px;
  border-radius: 5px;
  opacity: 0;
  transition: 0.5s all;
  display: none;
}

.resource-column .inside-card-body .social-share .social-list:hover .share {
  opacity: 1;
  display: block;
}

.resource-column .social-share .social-list {
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
  max-width: 100% !important;
}

.resource-column .intro-section .card-heading span {
  text-overflow: ellipsis;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 75px;
  -webkit-box-orient: vertical;
}

.relevant_news_list li:first-child .title {
  color: #4d4d4d;
}

/* Profile */
.geo.country-profile,
.geo.province-profile,
#dataviz-section .geo.local-profile,
.geo.compare-profile,
.search-header {
  background: #e2e2e2;
  padding: 10px;
  margin: 0 0;
}

.row div.pd-10 {
  padding: 0 5px;
}

.row div.pr-10 {
  padding: 0 5px 0 0;
}

.row div.pd-10:first-child {
  padding-left: 0;
}

/* .geo.country-profile .form-search {
  width: 120px;
} */

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 14px;
  font-weight: 400;
}

/*
#section-list .geo.country-profile.sticky button{
  height: 35px;
  border-color: #fff;
  background: var(--main-color);
}
#section-list .geo.country-profile.sticky button span{
  color: #fff;
}
#section-list .geo.country-profile.sticky .form-search button{
  border: 1px solid #fff;
} */
.feedback-button {
  display: flex;
}

.feedback-button a {
  display: flex;
  width: 150px;
  justify-content: center;
  align-items: center;
}

/* #diagnose-btn {
  border-radius: 20px;
  border-color: var(--main-color);
  color: var(--main-color);
  background: transparent;
} */
/* #diagnose-btn:hover{
  border: 1px solid #e4614e;
} */
#country-content #demography-container .pagination-holder {
  margin-top: 0;
}

.keyword_full {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  border-radius: 5px;
}

.keyword_full span.result {
  width: 100%;
  display: block;
  padding: 15px 15px 0;
  font-weight: 400;
  color: var(--main-color);
}

.row-chart {
  overflow: auto;
  padding-top: 10px;
  border: 1px solid #efefef;
  background: #fff;
  box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%),
    0 5px 26px 0 rgb(67 94 131 / 15%);
}

.row-vis {
  padding-top: 10px;
  overflow: auto;
}

.compare-profile .row-vis {
  border: 1px solid #efefef;
  background: #fff;
  box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%),
    0 5px 26px 0 rgb(67 94 131 / 15%);
}

.navigation-popup .mobile-option {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
}

.icon-wrap {
  margin-right: 15px;
}

#demography-container .pagination-holder {
  margin-top: 40px;
}

#demography-container .pagination-holder.province-pagination {
  margin-top: 0;
}

#section-news .search-bar #news-search .form-group {
  margin-top: 10px;
}

.navigation-popup .mobile-option img {
  width: 25px;
}

.navigation-popup .header-menu {
  position: absolute;
  background: #f8f8f8;
  display: inline-block;
  width: 100%;
  list-style: none;
  border-top: 1px solid #e2e2e2;
  height: 0;
  overflow: hidden;
  transition: 0.2s all;
  padding: 10px 5px;
  opacity: 0;
  display: none;
}

.ratiosvgtitle {
  transform: translateX(50%);
}
.overview_block .average-block {
  font-size: 16px;
  font-weight: normal;
  color: var(--navy-blue);
  border-top: 1px solid var(--box-stroke);
  padding: 10px 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.navigation-popup .header-menu.expand .close-navigation {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.navigation-popup .header-menu.expand {
  height: auto;
  opacity: 1;
  display: block;
}

.navigation-popup .header-menu.expand li {
  display: inline-block;
  margin: 5px 10px;
  position: relative;
}

.navigation-popup .header-menu.expand li:after {
  content: "";
  width: 1px;
  height: 20px;
  background: #e2e2e2;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

.navigation-popup .header-menu.expand li.last-list:after {
  background: transparent;
}

#map .leaflet-right {
  position: absolute;
  right: 10px;
  top: 10px;
}

.viewpage.resources #myBtn {
  border: 0;
  background: none;
  color: #333;
  padding: 0;
}

.viewpage.resources #myBtn:hover {
  color: var(--main-color);
}

.cdd-menu {
  border: 1px solid var(--main-color);
  border-radius: 50%;
  display: inline-block;
  position: fixed;
  left: 15px;
  bottom: 30px;
  z-index: 9;
  background: var(--main-color);
  cursor: pointer;
  padding: 10px;
}

/* .cdd-menu:hover {
  background: #dfdddd;
} */
.embed-section {
  float: left;
}
.intro-section .card-description {
  height: 65px;
}
.modal-body .embed-section:first-child {
  margin-bottom: 20px;
}
.post_full.cdd-details {
  margin: 15px 0;
}

.post_full.cdd-details iframe {
  width: 100%;
}

.post_content iframe {
  width: 100% !important;
}

.cdd-menu img {
  width: 25px;
}

.cdd-sidemenu h5 {
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid #666;
  padding: 15px 0 10px;
  margin-top: 20px;
}

.cdd-overlay {
  position: relative;
}

/* .cdd-overlay:before{
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  opacity: .3;
 } */
.push-right {
  margin-left: 320px;
  transition: 0.2s all;
}

.cdd-sidemenu {
  position: fixed;
  top: 75px;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 100vh;
  overflow: auto;
  padding: 15px 30px;
  background-color: #333;
  z-index: 20;
  transition: all 0.2s ease-in-out !important;
  color: #fff;
  transform: translateX(-400px);
}

.close-cdd img {
  width: 16px;
  float: right;
  cursor: pointer;
  margin-top: 10px;
}

.cdd-sidemenu.expanded {
  transform: translateX(0);
}

.cdd-sidemenu ul.list-group {
  list-style: none;
}

.cdd-sidemenu ul.list-group li {
  font-size: 18px;
  padding: 8px 0;
  color: #adadad;
  cursor: pointer;
}

.cdd-sidemenu ul.list-group li:hover {
  color: #fff;
}

.content-cdd .media-body {
  padding: 15px;
}

/* .viewpage.resources img{
  margin-top: -6px;
  margin-right: 5px;
 } */
@media (max-width: 1024px) {
  .rate-now {
    text-align: left;
  }

  .title .fa {
    font-size: 18px;
  }

  .fade-carousel .carousel-inner .item {
    height: auto;
  }

  .diagnose-filter.sticky {
    position: relative;
    top: 0;
    margin: 20px 0;
  }

  .geo.compare-profile .section-right {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }

  .geo.compare-profile #export {
    margin-bottom: 8px;
  }

  .fixed-header.sticky {
    position: relative;
    top: 0;
    z-index: 9 !important;
  }

  .compare-filter.sticky {
    position: relative;
    box-shadow: none;
    top: unset;
  }

  .geo.compare-profile.fixed-header .section-right,
  .geo.compare-profile.fixed-header #embed-info {
    margin-bottom: 8px;
  }

  .row.dataset-row {
    padding: 0;
  }

  .compare-profile .social-share .at-share-btn-elements {
    flex-direction: row;
    justify-content: center;
  }

  .compare-profile .social-share {
    float: none;
    margin: 20px 0 0;
  }

  .homepage-body .banner-section .right.carousel-control {
    left: unset;
    top: 60%;
    right: 10px;
    opacity: 1;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
  }

  .homepage-body .banner-section .carousel-control {
    left: 10px;
    top: 60%;
    right: unset;
    opacity: 1;
    transform: translateY(-50%);
  }

  .daily_wrapper {
    width: calc(100% - 40px);
    margin: 40px auto;
    display: block;
    position: relative;
    transform: translate(0);
    right: 0;
    border: 1px solid #e2e2e27d;
    height: auto;
  }

  #section-discussion .data-page-title img {
    float: left;
  }

  .discussion-summary {
    padding-right: 0;
  }

  .navbar-brand {
    padding: 0 15px;
  }

  .title {
    font-size: 12px;
  }

  .date-holder button {
    padding: 6px 1.65em;
  }

  #calendar .fc-left button {
    margin: 0;
  }

  #calendar .fc-right .fc-nextYear-button {
    margin-left: 0 !important;
  }

  .fc button {
    padding: 0 0.4em !important;
  }

  #calendar .fc-today-button {
    margin-left: 10px !important;
  }

  /* .pagination #next{
        width: 43%;
    }*/
  .navbar-default .navbar-nav > li > a,
  .dropdown-content-community a {
    font-size: 14px;
  }

  .news-title {
    line-height: 30px;
  }

  #section-news .at-share-btn-elements {
    width: 79%;
  }

  /*  #section-resources .at-share-btn-elements{width: 53%;}*/
  .form-group-wrap .form-control {
    margin: 0;
  }

  .values-name {
    font-size: 18px;
  }

  #data-help {
    font-size: 11px;
  }

  #dataviz-section #section-list {
    padding: 0 !important;
  }

  .slider.slider-horizontal {
    width: 105px !important;
  }

  /*#dataviz-section #option-section{
        line-height: 26px !important;
    }*/

  #news-search .searchblock {
    display: block;
  }

  /*.map-section .indicator-block{margin-top: 8em!important;}*/
  .header-holder .data-page-title {
    font-size: 25px;
  }

  .header-holder .local-body-title {
    width: 200px !important;
  }

  .overview_block span.text {
    left: 50px;
  }
}


@media (max-width: 1024px) {
  .row div.pd-10,
  .row div.pr-10 {
    padding: 0;
  }

  .heading-cont.row .form-group {
    margin-bottom: 10px;
  }

  .form-group-wrap .chosen-container {
    width: 100% !important;
  }

  .banner-section .carousel-indicators {
    left: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
    transform: translateX(-50%);
  }

  #country-content #demography-container #export,
  #localbodies-content #demography-container #export {
    position: relative;
    top: -20px;
    right: 0;
    left: 10px;
  }

  .search-header .form-inline .form-group {
    margin-bottom: 10px;
  }

  #timeline .timeline-section .read-more-a {
    margin: auto;
  }

  .header-holder #form-list {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
    padding: 0;
  }

  .header-holder .geo .form-group {
    width: 100% !important;

    margin-bottom: 0 !important;
    padding: 0;
  }

  .header-holder .geo .form-group:not(:first-child) {
    margin-top: 15px !important;
  }

  #section-list .geo.province-profile .form-search,
  #section-list .geo.local-profile .form-search {
    text-align: center;
  }

  .header-holder .geo.compare-profile .form-group {
    margin-top: 0 !important;
  }

  .compare-profile #back-btn {
    float: none;
    display: block;
    margin-left: 0;
    width: 100%;
  }

  .compare-profile .section-right {
    justify-content: center;
  }
}

@media (max-width: 425px) {
  /* .reveneu-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 169px solid transparent;
    border-top: 75px solid #00c29c;
  } */

  /* .expenditure-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 169px solid transparent;
    border-top: 75px solid #e22786;
  } */

  .bottom-block .text-1:before {
    content: "";
    display: inline;
    border: 1px solid #00c29c;
    position: absolute;
    top: -59px;
    left: 167px;
    height: 59px;
  }

  .bottom-block .text-2:before {
    content: "";
    display: inline;
    border: 1px solid #e22786;
    position: absolute;
    top: -59px;
    left: 167px;
    height: 59px;
  }
}

@media (max-width: 375px) {
  .g-recaptcha {
    -webkit-transform: scale(0.77);
    margin-left: 0;
  }

  .number-page {
    display: flex;
  }

  .message label {
    margin-left: 10px;
  }

  .error-validation {
    font-size: 12px;
    width: 97%;
  }

  .res-sort {
    font-size: 12px;
  }

  #calendar .fc-today-button {
    width: 160px;
  }

  #glossary .page-banner {
    font-size: 14px;
  }

  #glossary .page-banner img {
    width: 70px !important;
  }

  .overview_block span.text {
    left: 12px !important;
  }

  .pagination-holder .pagination {
    display: block;
    margin: auto;
  }

  .pagination span {
    display: none;
  }

  .infographic-select .form-group {
    margin-right: 0;
  }

  #practice-search label {
    width: 134px;
  }

  #timeline #year-filter,
  #timeline #timeline-select {
    width: 100%;
  }

  .reveneu-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 144px solid transparent;
    border-top: 75px solid #00c29c;
  }

  .bottom-block .text-1:before {
    content: "";
    display: inline;
    border: 1px solid #00c29c;
    position: absolute;
    top: -59px;
    left: 49.5%;
    height: 59px;
  }

  .expenditure-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 144px solid transparent;
    border-top: 75px solid #e22786;
  }

  .bottom-block .text-2:before {
    content: "";
    display: inline;
    border: 1px solid #e22786;
    position: absolute;
    top: -59px;
    left: 49.5%;
    height: 59px;
  }

  .educational-block .section-label:before {
    content: "";
    background: url(/static/assets/img/overview/educational.png) no-repeat;
    position: absolute;
    left: 2%;
    display: block;
    padding: 15px;
  }

  .health-block .section-label:before {
    content: "";
    background: url(/static/assets/img/overview/health.png) no-repeat;
    position: absolute;
    left: 7%;
    display: block;
    padding: 15px;
  }

  .basic {
    overflow: scroll;
  }

  .overview_block span.text {
    left: 10px;
  }
}

/* @media (max-width: 1247px) and (min-width: 1024px) {
 
} */

@media (max-width: 769px) and (min-width: 426px) {
  .header-holder .local-body-title {
    width: 200px;
  }
}

@media (min-width: 767px) {
  .navbar-collapse {
    padding: 0;
  }
}

@media (max-width: 1024px) and (min-width: 767px) {
  .redirect-wrapper .txt-section h3 a {
    font-size: 16px;
  }

  .diagnose .social-share {
    margin-top: 0;
  }

  .card-body {
    margin-bottom: 40px;
  }

  .insight-main .card-body {
    margin-bottom: 0;
  }

  #timeline .main-search-holder .search-input-wrapper .search-input {
    width: 95%;
    position: relative;
  }

  #dataviz-section #section-list {
    margin-bottom: 40px;
  }

  .infographic-select .form-inline .input-group .input-group-addon {
    width: 1%;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .fc-row {
    font-size: 12px;
  }

  .infographic-select .form-group {
    margin-bottom: 10px;
  }

  .infographic-select .form-inline .input-group .input-group-addon {
    width: 1%;
  }

  /*#dataviz-section .demography-block{
        margin-top: 86px !important;
    }*/
  #render-btn,
  #back-btn {
    width: auto;
  }
}

@media (max-width: 991px) and (min-width: 712px) {
  .compare-profile .header-holder {
    padding: 0;
  }

  #province-content,
  #localbodies-content {
    margin-top: 15em;
  }

  #demography-container .table tr th {
    font-size: 14px;
  }

  #demography-container .container {
    overflow: hidden;
  }

  #demography-container {
    margin-top: 0 !important;
  }

  .footer-bs {
    text-align: center;
  }

  .footer-bs .footer-nav,
  .footer-bs .footer-social,
  .footer-bs .footer-ns {
    border-left: 0;
  }

  #section-news .at-share-btn-elements {
    width: 70%;
  }

  /* #section-resources .at-share-btn-elements{
        width:38%;
    }*/
  #section-resources .more-btn .addthis_inline_share_toolbox {
    width: 63%;
  }

  #demography-container .table tr th {
    font-size: 14px;
    padding: 25px;
  }

  #dataviz-section .indicator-block {
    margin-top: 20px;
    padding: 0;
  }

  .overview_block span.text {
    left: 110px;
  }

  /* .reveneu-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 160px solid transparent;
    border-top: 75px solid #00c29c;
  } */

  /* .expenditure-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 160px solid transparent;
    border-top: 75px solid #e22786;
  } */

  .bottom-block .text-1:before {
    content: "";
    display: inline;
    border: 1px solid #00c29c;
    position: absolute;
    top: -59px;
    left: 158px;
    height: 59px;
  }

  /* .bottom-block .text-2:before {
    content: "";
    display: inline;
    border: 1px solid #e22786;
    position: absolute;
    top: -59px;
    left: 158px;
    height: 59px;
  } */

  .educational-block .section-label:before {
    content: "";
    background: url(/static/assets/img/overview/educational.png) no-repeat;
    position: absolute;
    left: 27%;
    display: block;
    padding: 15px;
  }

  .health-block .section-label:before {
    content: "";
    background: url(/static/assets/img/overview/health.png) no-repeat;
    position: absolute;
    left: 28%;
    display: block;
    padding: 15px;
  }
}

@media (max-width: 767px) and (min-width: 521px) {
  .header-holder {
    top: 63px;
  }

  #province-content,
  #localbodies-content,
  #country-content {
    margin-top: 15em;
  }
}

@media (max-width: 1450px) {
  .redirect-wrapper .txt-section p {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .covid .popup-body {
    width: 95%;
  }

  .search-block .download-block {
    float: none;
  }

  #glossary .back_btn {
    margin-left: 10px;
  }

  .search-block .download-block {
    margin-top: 20px;
  }

  #insightsCarousel .title-section {
    width: 100%;
    left: 0;
  }

  .lists .title {
    font-size: 18px;
  }

  .navbar-nav > li {
    margin-bottom: 5px;
  }

  .form-inline .form-group {
    display: block;
    margin-bottom: 10px;
  }

  #timeline .main-search-holder .search-input-wrapper .search-input {
    margin-bottom: 0;
    width: 94%;
  }

  #timeline
    .old_select
    .main-search-holder
    .search-input-wrapper
    .search-input {
    width: 94%;
  }

  .cdd {
    padding-top: 0;
  }

  #news-search label {
    width: 30%;
    text-align: left;
  }

  #containerBody {
    margin: 0;
  }

  .event-block .btn-group {
    float: none;
  }

  #event-data {
    margin-top: 25px;
  }

  .card-body {
    margin-bottom: 20px;
  }

  .cdd-section .card-body {
    margin-bottom: 0px;
  }

  .dark_bg {
    margin: 40px 0;
  }

  .breadcrumb-wrapper.fixed-header .row {
    flex-direction: column;
  }

  #demography-container .analysis-section .right-section {
    flex-direction: column;
    margin-bottom: 30px;
  }

  #demography-container .analysis-section .left-section {
    flex-direction: column-reverse;
  }

  .analysis-section .right-section .analysis-bottom {
    padding-right: 0;
  }

  .analysis-section .left-section .analysis-bottom {
    padding-left: 0;
  }

  #demography-container .analysis-section .left-section .analysis-bottom-img {
    margin: 0s;
  }

  #demography-container .pagination {
    margin: 20px auto;
  }

  /* #demography-container .row-vis {
    padding: 0;
  } */
  #demography-container .row {
    margin: 0;
  }

  #demography-container .heading-cont.row {
    margin: 15px;
  }

  #dataviz-section .indicator-block {
    padding: 0;
  }

  .cdd .card-heading {
    height: 105px;
  }

  #timeline .social-icon-block .at-share-btn-elements {
    justify-content: center;
  }

  #insightsCarousel .title-section {
    margin-bottom: 20px;
  }
}

@media (max-width: 1370px) and (min-width: 1025px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 14px;
  }

  .header-holder .data-page-title {
    /*width: 260px;*/
    width: 315px;
  }
}

@media (max-width: 1000px) and (min-width: 992px) {
  .chart-container {
    overflow-x: auto;
  }
}

@media (max-width: 1232px) and (min-width: 991px) {
  .logo img {
    width: 160px !important;
  }
}

@media (max-width: 425px) and (min-width: 320px) {
  .feed-block .title {
    width: 73%;
  }

  .overview_block span.text {
    left: 30px;
  }
}

@media (max-width: 320px) {
  .left-btn {
    flex-direction: column;
    margin-bottom: 0;
  }

  .left-btn .other-btns {
    margin-bottom: 10px;
  }

  .indicator-block .btns-top {
    justify-content: flex-start;
    flex-direction: column;
  }

  .indicator-block .btns-top a.buttons {
    padding: 12px 10px;
  }

  .other-btns #report-discuss,
  .other-btns #share,
  .other-btns #embed {
    margin-right: 12px;
  }

  #calendar .fc-today-button {
    width: 105px;
  }

  .button-block:after,
  #report-discuss:after,
  #compare-btn:after,
  #extra-function #exportbtn:after {
    display: none;
  }

  #section-news .at-share-btn-elements {
    width: 63%;
  }

  #section-resources .at-share-btn-elements {
    width: 100%;
    float: none;
    margin-top: 20px;
  }

  /* #view-news .at-share-btn-elements{width: 55%;}*/
  #glossary-indicator-table_paginate .pagination li {
    font-size: 12px;
  }

  #dataviz-section #breadcrumbdiv {
    padding-bottom: 40px !important;
  }

  #practice-search label {
    width: 112px;
  }

  .pagination li a {
    padding: 5px 10px;
  }

  .pagination #next,
  .pagination #prev {
    margin-left: -7px;
  }

  .pagination #prev li {
    margin-right: 7px;
  }

  .reveneu-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 116px solid transparent;
    border-top: 75px solid #00c29c;
  }

  .expenditure-block:before {
    content: "";
    position: absolute;
    top: 110px;
    left: -1px;
    border: 116px solid transparent;
    border-top: 75px solid #e22786;
  }

  .gender-wrapper {
    flex-direction: column;
  }

  .footer-bs .footer-nav ul.pages {
    flex-wrap: wrap;
  }

  h4.main-header {
    font-size: 20px;
  }
}

/*@media (max-width: 768px) and (min-width: 425px){
    #dataviz-section #option-section{
        height: 40px !important;
    }
    #dataviz-section #option-section button{
        height: 52px !important;
    }
}
*/
/* changes */
#dataviz-section .header-holder #section-list .bs-searchbox .form-control {
  color: #266ebb !important;
}

#dataviz-section .header-holder #section-list p.validation-msg {
  color: #fff;
}

#dataviz-section
  .header-holder
  #section-list
  .bootstrap-select.btn-group
  .dropdown-toggle
  .caret {
  right: -5px;
}

#demography-container .no_data {
  border-bottom: 1px solid #d9e7f2;
  font-size: 16px;
  text-align: center;
  padding-bottom: 10px;
  display: inline-block;
}

#dataviz-section .map-section #map-container #map {
  z-index: 0;
  margin: 0;
}

#dashboard-section {
  margin-top: 90px;
}

/* end */

/* BootStrap chosen */
select.form-control + .chosen-container.chosen-container-single .chosen-single {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  /* line-height: 1.428571429; */
  height: 40px;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-appearance: none;
  background-image: url(../img/drop-down-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: 95% !important;
  background-position-y: 50% !important;
  background-size: 8px !important;
  background-repeat: no-repeat !important;
}

select.form-control
  + .chosen-container.chosen-container-single
  .chosen-single
  div {
  top: 4px;
  color: #000;
}

select.form-control + .chosen-container .chosen-drop {
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  margin: 2px 0 0;
  width: 100%;
}

select.form-control + .chosen-container .chosen-search input[type="text"] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-image: none;
}

select.form-control + .chosen-container .chosen-results {
  margin: 2px 0 0;
  padding: 5px 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li,
select.form-control + .chosen-container .chosen-results li.active-result {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  background-image: none;
}

select.form-control + .chosen-container .chosen-results li:hover,
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  background-image: none;
}

select.form-control + .chosen-container-multi .chosen-choices {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-image: none;
}

select.form-control
  + .chosen-container-multi
  .chosen-choices
  li.search-field
  input[type="text"] {
  height: auto;
  padding: 5px 0;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {
  background-image: none;
  padding: 3px 24px 3px 5px;
  margin: 0 6px 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

select.form-control
  + .chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close {
  top: 8px;
  right: 6px;
}

select.form-control
  + .chosen-container-multi.chosen-container-active
  .chosen-choices,
select.form-control
  + .chosen-container.chosen-container-single.chosen-container-active
  .chosen-single,
select.form-control
  + .chosen-container
  .chosen-search
  input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control
  + .chosen-container-multi
  .chosen-results
  li.result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
  background-color: white;
}

/* Bootstrap chosen end */

/* Covid 19 pop up box */

.popup {
  display: block;
  position: fixed;
  z-index: 1500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-link {
  text-align: center;
  color: red;
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}

.popup-link > a {
  color: red;
}

.popup-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right: 10px;
  margin-top: -30px;
}

.popup-content > div {
  position: relative;
}

.popup-close:hover,
.popup-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.popup-content > iframe {
  width: 100%;
  height: 100%;
}

.popup-content {
  background-color: #fff;
  border: 1px solid #888;
  width: 980px;
  /* height: 890px; */
  max-height: 85%;
  max-width: 90%;
  overflow: visible;
}

@media (max-width: 800px) {
  .popup-content {
    max-height: 50%;
  }
}

/* Covid page  */

.covid-info {
  bottom: 0;
  background-color: #004e90;
  width: 100%;
  padding: 10px;
}

.covid-info > center > a {
  color: #07ff95;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

/* Home search bar */

/* .search__toggle:checked ~ .search__field {
    width: calc(100% - 80px);
    border-width: 2px;
} */

.menu-nav .menu-down {
  margin-left: 10px;
  cursor: pointer;
  display: inline !important;
}

li.dropdown.expand .dropdown-content-community {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  max-height: 5000px;
  transition: all 0.5s ease 0.1s;
}


div#navbar-container {
  z-index: 1;
  background: white;
}

.menu-nav {
  margin-top: 95px;
  max-height: calc(100vh - 95px);
  overflow-x: hidden;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 60px 55px;
}

.menu-nav .row {
  margin: 0;
}

.menu-nav li address {
  padding: 5px 0 0 2px;
}

.dropdown-content-community-child li:first-child {
  margin-top: 5px;
  margin-bottom: 15px;
}

.navbar-nav .dropdown.expand a {
  color: var(--main-color);
  /* border-color: var(--main-color); */
}

.navbar-nav .dropdown.expand a:hover {
  color: #dd5638;
}

.navbar-nav .dropdown.expand .dropdown-content-community a,
.navbar-nav .dropdown.expand .dropdown-content-community li.dropdown-child {
  color: #333;
  font-weight: 600;
  padding-bottom: 2px;
  font-size: 20px;
}

.navbar-nav .dropdown.expand .dropdown-content-community li.dropdown-child {
  margin-top: 15px;
}

.navbar-nav .dropdown.expand .dropdown-content-community a:hover,
.navbar-nav
  .dropdown.expand
  .dropdown-content-community
  li.dropdown-child:hover {
  color: #dd5638;
  /* border-color: #dd5638; */
}

.navbar-nav .dropdown-content-community .dropdown-child.expand-menu a {
  color: var(--main-color);
  border-color: var(--main-color);
}

.navbar-nav
  .dropdown-content-community
  .dropdown-child.expand-menu
  .dropdown-content-community-child
  a {
  color: #333;
  border-color: #d4d4d4;
}

.navbar-nav
  .dropdown-content-community
  .dropdown-child.expand-menu
  .dropdown-content-community-child
  a:hover {
  color: #dd5638;
  border-color: #dd5638;
}

.dropdown.expand .menu-down img {
  height: 20px;
  width: 20px;
  background: url("../img/right-arrow-hover.png") no-repeat;
  padding: 10px;
  background-size: 15px;
  /* margin-top: -2px; */
  margin-left: -5px;
}

.homepage-body .carousel-control {
  opacity: 1;
}

.container-fluid.indicator-block {
  background: #e2e2e2;
}

.indicator-block {
  /* background: #e2e2e2; */
  padding: 50px 15px;
}

.search-input-wrapper {
  position: relative;
}

.go-txt {
  color: #dfdfdf;
  display: block;
  margin-top: 15px;
}

.chart_title {
  font-size: 18px;
  color: #1a1a1a;

  line-height: 1.5em;
  font-weight: 400;
  margin-top: 15px;
}

.search-holder2 {
  padding: 40px 0;
}

.search-holder2 form {
  margin-bottom: 0;
}

.main-wrapper:hover .chart_title {
  color: var(--main-color);
}

.advsearchtext.hide-search {
  cursor: pointer;
}

span.chart_section_name {
  font-size: 12px;
  margin: 10px 0;
  display: block;
}

.section-heading {
  text-align: center;
  margin-bottom: 40px;
}

.section-heading h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
  color: #1a1a1a;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}

.section-heading h2:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 3px;
  left: -12px;
  top: 50%;
  background: var(--main-color);
  transform: translateY(-50%);
}

.section-heading p {
  width: 800px;
  margin: auto;
  display: block;
  line-height: 1.5em;
}

/* .height-inner{
    height: 246px;
} */
.height-inner .block-image {
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #fff;
  margin: -1px;
  position: relative;
}

.height-inner .block-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgb(0 0 0 / 10%);
  top: 0;
  left: 0;
}

.sections.height-inner .block-image:before {
  background: rgb(0 0 0 / 10%);
}

.infography-section .carousel:hover .social-share {
  opacity: 1;
}

.infography-section .social-share {
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
  transition: 0.5s all;

  z-index: 9;
}

.infography-section .social-share .social-list:not(:last-child) {
  margin-right: 10px;
}

.infography-section .social-share .social-list {
  position: relative;
  cursor: pointer;
}

.infography-section .social-share .share {
  position: absolute;
  background: #363c40;
  left: 50%;
  top: -45px;
  transform: translateX(-50%);
  padding: 8px 6px;
  color: #fff;
  width: 115px;
  text-align: center;
  font-size: 11px;
  border-radius: 5px;
  transition: 0.5s all;
}

.footer-brand .threads {
  display: flex;
  flex-direction: row;
  margin-top: 60px;
}

.footer-brand .threads .threadno {
  position: relative;
}

.footer-brand .threads .threadno:first-child:before {
  content: url(../img/threads.png);
  position: absolute;
  left: 0;
  top: -15px;
}

.footer-brand .threads .threadno:before {
  content: url(../img/participants.png);
  position: absolute;
  left: 0;
  top: -20px;
}

.footer-brand .threads .threadno {
  padding: 25px 80px 25px 0px;
  /* font-family: "Roboto", sans-serif; */
}

.footer-brand .threads .threadno .value {
  font-size: 48px;
  margin-top: 20px;
}

.copyright-section {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.copyright-section p {
  margin-bottom: 12px;
  color: #e5e5e5;
}

.copyright-sectionh4 {
  color: #e5e5e5;
}

.footer-brand .threads .threadno span {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 15px;
  display: block;
}

.social-icon-block .at-share-btn-elements {
  display: flex;
  flex-direction: column;
}

.news-list .social-icon-block .at-share-btn-elements {
  margin: 15px;
}

.social-icon-block .at-share-btn-elements .at-label {
  display: none;
}

.social-icon-block .at-style-responsive .at-share-btn {
  border-radius: 50% !important;
  position: relative;
  overflow: visible;
  margin-bottom: 10px;
  padding: 4px;
  margin-left: 5px;
  z-index: 1;
}

.nread-title
  .resource-column
  .social-icon-block
  .at-style-responsive
  .at-share-btn {
  margin-bottom: 0;
}

.compare-profile .social-icon-block .at-style-responsive .at-share-btn {
  margin-bottom: 0;
}

.infography-section
  .social-icon-block
  .at-style-responsive
  .at-share-btn:not(:last-child) {
  margin-right: 10px;
}

.at-resp-share-element .at-share-btn:hover {
  transform: translateY(0) !important;
  z-index: 99;
}

.at-resp-share-element {
  font-size: 12px !important;
  position: relative;
}

.at4-visually-hidden {
  position: relative !important;
}

.addthis_inline_share_toolbox.social-icon-block .at4-visually-hidden {
  display: none;
}

.addthis_inline_share_toolbox.social-icon-block a .at4-visually-hidden {
  clip: unset;
  overflow: visible;
  position: absolute !important;
  top: -30px;
  background: #363c40;
  display: block;
  width: 102px;
  right: -40px;
  height: 20px;
  padding: 12px 8px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
  display: none;
  font-size: 10px;
  color: #fff;
}

.addthis_inline_share_toolbox.social-icon-block a:hover .at4-visually-hidden {
  opacity: 1;
  display: block;
}

.addthis_inline_share_toolbox.social-icon-block a .at4-visually-hidden:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 5px solid #363c40;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -10px;
  right: 50%;
}

.addthis_inline_share_toolbox.social-icon-block a:focus {
  outline: 0 !important;
}

#twitter_feed {
  height: 500px;
  overflow-y: auto;
}

#fb_feed {
  height: 500px;
  overflow-y: hidden;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #f8f8f8 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #d0d0d0 !important;
  width: 4px !important;
}

.mCSB_scrollTools {
  right: -6px !important;
  top: 15px !important;
  bottom: 10px !important;
  opacity: 1 !important;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}

.news-list {
  position: relative;
}

#twitter_feed .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  height: 100px !important;
}

#twitter_feed .mCustomScrollBox {
  padding: 10px;
}

.news-list .bg-list {
  height: 520px;
  background-repeat: no-repeat;
  background-position: center;
}

.relevant_news_list li.active p {
  border-color: var(--main-color);
}

.card-body.relevant-news .bg-img {
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.read-all {
  float: right;
  margin: 8px 0;
}

.news-list .social-icon-block {
  opacity: 0;
}

.news-list:hover .social-icon-block {
  opacity: 1;
}

.homepage-body .carousel-control:hover {
  background: #fff;
}

.resource-list .slick-arrow p {
  position: absolute;
  top: 58%;
  background: white;
  z-index: 99;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 1px 1px 8px 1px #e4e4e4;
  cursor: pointer;
}

.resource-list .arrow-left.slick-arrow p {
  left: 0px;
}

.resource-list .arrow-right.slick-arrow p {
  right: 0px;
}

#insightsCarousel .carousel-indicators {
  display: none;
}

.page_redirects.white-bg .section-heading {
  margin-bottom: 0;
}

.page_redirects .redirect_btns {
  display: block;
  margin: 30px auto;
}

.redirect_btns.lists {
  padding: 50px 30px;
  overflow-x: hidden;
  background: #fff;
}

.banner-main {
  /* background-image: url(../img/geo-background.jpg); */
  background: var(--banner-bg);
  height: 65px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  margin-top: 25px;
}

.banner-main.nread:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff8a;
  top: 0;
  z-index: -1;
}

.nreader #lazyLoadLink {
  margin: 40px auto 50px;
  width: 215px;
}

.navbar-default .navbar-nav > li.nread > a {
  text-transform: none;
}

.reader-list
  .addthis_inline_share_toolbox.social-icon-block
  a:hover
  .at4-visually-hidden {
  display: none;
}

.nreader .nreader-search-section {
  width: 100%;
  background: #e2e2e2;
  padding: 10px;
  margin-top: 5px;
}

.banner-main.nread img {
  width: 120px !important;
}

.banner-main .banner-wrappper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.banner-main .data-page-title {
  color: var(--navy-blue);
  border: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 0;
  text-transform: uppercase;
}

.banner-main .page-banner {
  border: 0;
}

.nreader {
  padding: 0 0 40px 0;
}

.nreader-search {
  width: 100%;
}

.nreader-search img {
  max-width: 18px;
}

.nreader .blue-btn {
  background: #fff;
  border: 0;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
  justify-content: center;
  border-radius: 5px;
  height: 40px;
  display: flex;
  align-items: center;
  font-weight: 400;
  cursor: pointer;
}

.blue-btn.sort {
  position: relative;
  display: list-item;
}

.blue-btn.sort li {
  padding: 12px 25px;
  border-bottom: 1px solid #f3f3f3;
  font-weight: 400;
  width: 100%;
  cursor: pointer;
  list-style: none;
}

.selectpicker.blue-btn.sort:focus {
  outline: 0 !important;
}

.selectpicker.blue-btn.sort {
  width: 100%;
  padding: 10px;
}

.selectpicker.blue-btn.sort:hover {
  background: #fff;
  color: #333;
}

.blue-btn.sort li.unselected {
  display: none;
}

/* .nreader .loginBtn.blue-btn{
  float: right;
  width: 100px;
} */
.nreader .blue-btn:hover {
  background: var(--main-color);
  color: #fff;
}

.modal-login input[type="checkbox"] {
  position: absolute;
  left: 15px;
}

.modal-login label[for="id_remember"] {
  margin-left: 20px;
}

.nreader-page .navbar-brand {
  float: none;
}

.reader-list #lazyLoadLink {
  width: 180px;
  height: auto;
  display: flex;
  margin: 20px auto 40px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.nreader-search #nreader-input {
  height: 40px;
  box-shadow: 0px 0px 8px 1px #e4e3e3;
  border-radius: 4px;
  border: 0;
  width: 100%;
}

.nreader-search button {
  background: transparent;
  border: 0;
  padding: 8px 12px;
  height: 100%;
}

.fa-star.active {
  color: #ffbc00;
}

.fa-star {
  color: #c7bebe;
  margin: 0 1px;
}

.nreader-detail span {
  color: #b3b3b3;
  display: block;
}

.nreader-detail .help span {
  color: #3673af;
  display: block;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}

.nreader-detail span p {
  color: #000;
}

.nreader-detail .date {
  font-weight: normal;
}

.my_rating {
  margin: 5px 0;
  background: #fff;
  width: 350px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 2px 7px 1px #767575;
}

.star-sec {
  padding: 20px;
}

.btn-wrap {
  display: flex;
  justify-content: space-evenly;
}

.btn-wrap .btn-item {
  padding: 10px 0;
  width: 50%;
  text-align: center;
}

.btn-wrap .btn-item:first-child {
  border-right: 1px solid #e2e5e2;
}

.rating_form {
  border-top: 1px solid #e2e5e2;
  margin-bottom: 0;
}

.rate_cancel_btn.cancel {
  background: transparent;
  cursor: pointer;
  color: #333;
}

.nreader-detail h1 {
  /* color:#3673af; */
  margin-bottom: 0;
  font-weight: normal;
  margin-top: 0;
  font-size: 24px;
}

.nreader-search-section.sticky {
  position: fixed;
  z-index: 99 !important;
  top: 70px;
  width: 100%;
  transition: all 0.5s;
  /* border-top: 1px solid var(--main-color); */
}

/* .reader-list .img-wrapper .img-section{
  height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  
    
} */
.reader-list .img-wrapper .img-section img {
  height: 200px;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.reader-list .redirect-wrapper .txt-section {
  border-top: 1px solid rgb(240, 240, 240);
  background: #fff;
}

.reader-list .redirect-wrapper {
  overflow: hidden;
  position: relative;
}

.nreader-page .navbar-wrapper {
  position: relative;
  background: #fff;
}

.reader-list .redirect-wrapper .img-wrapper {
  padding: 12px;
  background: #fbfbfb;
}

.nreader-search span.input-group-btn {
  top: 0px;
  position: absolute;
  right: 0;
  width: auto !important;
  height: 40px;
  z-index: 999;
}

.reader_card .txt-section p {
  height: auto !important;
  color: #5d5d5d;
  margin-bottom: 5px;
}

.redirect-wrapper .published-by {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nreader-detail a {
  float: right;
}

.nreader-detail a,
.ratenow_btn,
.rate_submit_btn,
.rate_cancel_btn {
  background: #fff;
  color: #333;
  padding: 8px 15px;
  border-radius: 5px;
  display: inline-flex;
  border: 0;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.rate_submit_btn {
  background: var(--main-color);
  color: #fff;
}

.ratenow_btn {
  background: #fff;
  color: var(--main-color);
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 5px 26px 0 rgb(67 94 131 / 15%);
}

.rate_cancel_btn {
  box-shadow: none;
}

.nreader-detail .my_rating .fa-star {
  margin: 5px;
  font-size: 30px;
}

.no-file-msg {
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  margin: 30px 0 50px;
}

.ratenow_btn {
  margin-top: 0;
}

body.no-scroll {
  overflow-y: hidden;
}

.rating-section .fa {
  font-size: 35px;
  margin: 5px;
  filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.2));
}

.rating-section {
  display: none;
}

.rating-section.open {
  display: block;
  width: 100vw;
  background: #00000073;
  height: 100vh;
  top: 0;
  position: fixed;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.helpImg-section {
  display: none;
}

.helpImg-section.open {
  display: block;
  width: 100vw;
  background: #000000a3;
  height: 100vh;
  top: 0;
  position: fixed;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nreader-detail a:hover,
.ratenow_btn:hover,
.rate_submit_btn:hover {
  background: #3673af;
  border-color: #3673af;
  color: #fff;
}

.rate_cancel_btn:hover {
  background: #ebebeb8c;
  color: #333;
}

.reader-list h2.no-data {
  margin: 20px 0 0 0;
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.reader-list .redirect-wrapper .txt-section h3 {
  display: block;
  height: 40px;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 5px;
  color: #1a1a1a;
}

.nread .navbar-brand.logo {
  padding: 0;
}

.reader-list .redirect-wrapper .txt-section p {
  color: #000;
}

.reader-list .redirect-wrapper .txt-section p span {
  color: #5d5d5d;
}

.reader-list .redirect-wrapper .txt-section h3:hover {
  color: var(--main-color);
}

.nreader-detail p {
  margin: 5px 0;
}

.nreader-detail .data-sec {
  margin: 15px 0;
}

.redirect-wrapper .rating {
  margin: 2px 0 15px;
}

.nreader-search .btn.btn-default {
  background: transparent;
  border: 0;
  padding: 8px 12px;
  height: 100%;
}

.nreader-detail .fa-star {
  margin: 0;
}

.nreader-detail .date {
  display: block;
  width: auto;
}

.nreader-detail p {
  margin-right: 100px;
}

.nreader-detail p.language {
  margin-right: 0;
}

.rating span {
  margin-right: 2px;
  display: inline-block;
  font-size: 12px;
  width: auto;
}

.my_rating .fa.fa-star:hover {
  color: #ffbc00;
  cursor: pointer;
}

.redirects .redirect-wrapper .img-wrapper {
  padding: 5px;
  border: 1px solid #efefef;
}

/* .page-banner .btn-group {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
} */

.home-adv-search {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-adv-search .form-group {
  width: 300px;
}

.home-adv-search .select-type {
  margin: 0 20px;
}

.nreader-detail .nreader-detail {
  opacity: 0;
}

@media (max-width: 769px) {
  .cdd .social-share {
    opacity: 1;
  }

  .search-header .pd-10 {
    padding: 0;
  }

  s .search-header input[type="submit"] {
    margin-top: 0;
    width: 100px;
  }

  .smart-description {
    margin-top: 20px;
  }

  .popup {
    width: 100%;
  }

  #timeline-select,
  #timeline-year,
  #timeline .search-input-wrapper .search-input input {
    margin-bottom: 10px;
  }

  .page_redirects .redirect_btns {
    width: 100%;
    margin-bottom: 0;
  }

  .page_redirects {
    padding: 20px;
  }

  .row-chart .source_info a {
    width: 18px;
  }

  #dataviz-section .province-block a {
    width: 100px;
    z-index: 999;
  }

  /* .dropdown-content-community li:first-child,
  .dropdown-content-community-child li:first-child {
    margin-top: 15px;
  } */
  .navbar ul {
    padding-top: 0px;
  }

  .navbar-nav {
    margin: 0;
  }

  .inner-logo {
    margin-left: 0;
  }

  .navbar-toggle {
    margin-top: 0;
  }

  .inner-logo {
    top: 12px;
    margin-left: 25px;
  }

  .menu-nav {
    margin-top: 95px;
    padding: 0 20px 50px;
    max-height: calc(100vh - 95px);
  }

  .navbar-header .logo img {
    width: 200px;
  }

  .logged_in {
    padding: 0;
    margin-left: -15px;
  }

  .fade-carousel .carousel-inner .item {
    height: auto;
  }

  .banner-section .carousel-inner img {
    object-fit: contain;
    object-position: center;
  }

  .navbar ul.header-menu.no-mobile {
    display: none;
  }

  .dropdown-content-community-child li:first-child {
    margin-bottom: 10px;
  }

  .section-heading p {
    width: 100%;
    line-height: 24px;
  }

  .indicator .main-wrapper {
    margin-bottom: 20px;
  }

  .height-inner {
    height: auto;
    margin-bottom: 2px;
  }

  .height-inner.toptext-section {
    height: 300px;
  }

  .height-inner.left-value-section {
    height: 180px;
  }

  .right-value-section .inside-block,
  .inside-block {
    left: 30px;
  }

  .infography-section .social-share {
    opacity: 1;
    justify-content: flex-start;
    bottom: 0;
    top: unset;
  }

  .footer-brand .threads {
    flex-direction: column;
  }

  .redirect_btns .redirects {
    margin-bottom: 20px;
  }

  .page_redirects .resource-column {
    margin-bottom: 10px;
  }

  .resource-list .slick-arrow p {
    top: 55%;
  }

  .homepage-body .right.carousel-control {
    right: 15px;
  }

  #insightsCarousel .left.carousel-control {
    left: -25px;
    top: 65%;
  }

  #insightsCarousel .right.carousel-control {
    right: -25px;
    top: 65%;
  }
}

@media (max-width: 767px) {
  .navbar-default .navbar-header .navbar-toggle {
    margin-right: 40px;
  }

  .search__toggle:checked ~ .search__field .search__input:focus {
    background-color: #fff8f7;
  }

  .search__toggle:checked ~ .search__field .search__input {
    background-color: #fff;
    width: 100%;
    border-radius: 0;
  }

  .search__input {
    height: 100%;
    margin-top: 8px;
  }

  .search-bar .input-group {
    width: 100%;
  }

  .footer-brand.animated.fadeInLeft {
    background: rgba(51, 37, 37, 0.28);
  }
}

@media (min-width: 520px) {
  .navigation-popup {
    display: none;
  }
}

@media (max-width: 321px) {
  .search__toggle:checked ~ .search__field .search__input {
    width: 200px;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1201px) and (-webkit-min-device-pixel-ratio: 1) {
  #render-btn,
  #back-btn,
  .header-holder #compare-btn {
    width: 100px;
  }
}

@media only screen and (min-device-width: 520px) and (max-device-width: 765px) and (-webkit-min-device-pixel-ratio: 1) {
  .heading-cont .province-block.pd-right {
    margin-top: 0;
  }

  .compare-profile .province-block .read-more-a {
    right: 15px;
  }
}

@media only screen and (min-device-width: 520px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .statical_profile,
  .top-btn {
    padding: 5px 8px;
  }

  #overview-province .buttons-section {
    justify-content: center;
    margin-top: 0px;
  }

  #timeline
    .old_select
    .main-search-holder
    .search-input-wrapper
    .search-input {
    width: 95%;
  }
}

@media (max-width: 520px) {
  .banner-main .data-page-title {
    margin-bottom: 10px;
  }

  .dataset-row .chart-container svg {
    transform: scale(0.9);
  }
  .banner-wrappper .align-center {
    display: block;
  }
  .page-banner {
    height: auto;
  }
  .analyze-popup.in .analyze-block {
    height: 500px;
    overflow-y: auto;
  }

  #timeline .timeline-section .read-more-a {
    margin-left: 10px;
    margin: auto;
  }

  .search__button {
    right: -30px;
  }

  .breadcrumb-wrapper.fixed-header {
    padding-top: 15px;
  }

  .search__close::before,
  .search__close::after {
    width: 20px;
  }

  .form-group-wrap.search-bar .row {
    margin: 0 -15px;
  }

  .other-btns .social-share {
    top: -38px;
  }

  .indicator-block .btns-top {
    margin: 20px 0;
    height: auto;
  }

  #exportbtn {
    width: auto;
  }

  .indicator-block .btns-top a.buttons {
    margin-right: 0;
  }

  #exportbtn ul {
    margin-left: 0;
    position: relative;
  }

  .indicator-block .btns-top {
    justify-content: flex-start;
    flex-direction: column;
  }

  .navbar-collapse.collapse.in .menu-nav {
    padding: 0 10px 50px;
  }

  .navbar-collapse.collapse:after {
    opacity: 0.2;
    z-index: -1;
  }

  .diagnose .social-share {
    justify-content: center;
    padding: 0;
    margin-top: 20px;
  }

  .newsletter-popup {
    width: 95%;
  }

  .statical_profile,
  #overview-province .top-btn {
    margin-top: 0px;
  }

  #timeline .search-inner .main-search-holder {
    text-align: left;
    width: 95%;
  }

  /* .search-input-wrapper {
    text-align: center;
  } */

  #demography-container .row .container:after {
    margin-bottom: 0;
  }

  .compare-profile .social-share {
    padding-right: 0;
  }

  .compare-profile .social-share {
    float: none;
    margin: 20px 0 0;
  }

  .demography-block.container h4 {
    margin-top: 20px;
  }

  .demography-block .heading-cont .read-more-a {
    margin-top: 20px;
  }

  #ind_num {
    display: flex;
    align-items: center;
    width: 200px;
    justify-content: center;
  }

  .glossary-table-search-block #ind_num {
    margin-top: 10px;
  }

  .dropright .dropdown-menu {
    width: 320px;
  }

  .download-block .dropdown-menu {
    width: 300px;
  }

  .download-block #ind_num {
    margin: 15px 0;
  }

  #summary-table thead .sorting {
    padding-left: 0;
  }

  #summary-table thead th {
    font-size: 14px;
  }

  .infographic-select button {
    margin-top: 0;
    margin-left: 15px;
  }

  .cdd {
    padding: 30px;
    padding-top: 0;
  }

  .province-block.pd-right {
    padding-right: 15px;
  }

  .no-mobile {
    display: none;
  }

  .buttons-section,
  .breadcrumb-wrapper.fixed-header .row {
    flex-direction: column;
  }

  .statical_profile {
    padding: 5px 4px;
    width: 100%;
  }

  .buttons-section .statical_profile {
    margin-right: 0;
  }

  #section-list .geo.province-profile .form-search {
    text-align: center;
  }

  #country-content #demography-container #export {
    position: relative;
    right: 0;
    top: -20px;
    left: 15px;
  }

  #dataviz-section .demography-block .heading-cont .province-block {
    margin-bottom: 20px;
  }

  .province-block .read-more-a {
    position: relative;
    margin: 20px auto 0;
    display: block;
    width: 100%;
  }

  .container-50 {
    padding: 25px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
  .search-bar .input-group {
    width: 100%;
  }

  .res_button_wrapper {
    margin: 15px 0 0 15px;
  }

  .input-group-addon,
  .input-group-btn {
    width: 1% !important;
  }

  .container-50 {
    padding: 30px;
  }

  #section-list .geo.province-profile .form-search,
  #section-list .geo.country-profile .form-search,
  #section-list .geo.local-profile .form-search {
    width: 100%;
    text-align: center;
  }

  .province-block.pd-right {
    padding-right: 140px;
  }

  .province-block .read-more-a {
    right: 16px;
  }

  .compare-profile #back-btn {
    float: none;
    margin: auto;
    display: block;
  }

  .page_redirects .resource-column {
    margin-top: 40px;
  }

  .lower-button a,
  .discussion-btn a {
    padding: 14px 15px 14px 35px;
  }

  #insightsCarousel .title-section {
    width: 70%;
  }

  .hero h3 {
    font-size: 32px;
  }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1020px) and (-webkit-min-device-pixel-ratio: 1) {
  #mynav div#navbar-container {
    padding: 0 30px;
  }
}

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {
  .row.dataset-row .col-lg-4 {
    width: 100% !important;
  }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1300px) and (-webkit-min-device-pixel-ratio: 1) {
  /* .row.dataset-row .col-lg-4 {
    width: 100% !important;
  } */
  .dataset-row .chart-container {
    transform: scale(0.9);
  }
}

@media (max-width: 1300px) {
  .row.dataset-row .col-lg-4:not(:last-child) .main-wrapper {
    margin-bottom: 30px;
  }
}

@media only screen and (min-device-width: 521px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
  .compare-filter .container {
    padding: 0 15px;
  }
}

@media only screen and (min-device-width: 630px) and (max-device-width: 700px) {
  .links-section .section_link_btn {
    height: 100px;
  }
}

@media (max-width: 570px) {
  .links-section {
    flex-direction: column;
  }

  .links-section .section_link_btn {
    margin-bottom: 20px;
  }

  .indicator-block .btns-top {
    justify-content: flex-start;
    flex-direction: column;
    margin: 20px 0;
    height: auto;
  }

  #option-section .btn-group.btn-group-sm {
    position: relative;
    top: 0;
    margin-bottom: 10px;
  }

  #exportbtn ul {
    margin-left: 0;
    position: relative;
  }

  .indicator-block .btns-top a.buttons,
  #clr-compare-btn {
    margin-right: 0;
  }

  #exportbtn,
  #exportbtn ul {
    width: 100%;
  }

  .indicator-block .btns-top .buttons {
    margin-right: 0;
  }

  .helpImg-section img {
    width: 80%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 400px){
  .banner-wrappper .align-center{
    display: block;
  }
  #overview-province .page-banner{
    height: auto;
  }
  #overview-province .banner-main .data-page-title{
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-width: 520px) and (max-device-width: 545px) and (-webkit-min-device-pixel-ratio: 1) {
  .source-btn {
    margin-top: -20px;
  }

  .navbar-default .navbar-header .navbar-toggle {
    margin-right: 10px;
  }

  #cmp-section-list select {
    background-position-x: 96% !important;
  }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1020px) and (-webkit-min-device-pixel-ratio: 1) {
  .compare-profile .social-share {
    margin: 5px 0;
  }

  .compare-profile .row div.pd-10,
  .compare-profile .row div.pr-10 {
    padding: 0 5px;
  }

  .header-holder #form-list {
    margin-top: 0px !important;
  }
}

@media only screen and (min-device-width: 520px) and (max-device-width: 998px) {
  .source-btn {
    margin-top: -20px;
  }
}

@media only screen and (max-device-width: 389px) {
  .left-btn {
    flex-direction: column;
    margin-bottom: 0;
  }

  .left-btn .other-btns {
    margin-bottom: 10px;
  }

  .dataset-row .chart-container svg {
    transform: scale(1);
  }

  .chart-container {
    overflow-x: auto;
    display: flex;
    justify-content: unset;
    align-items: center;
  }
}

@media only screen and (max-width: 920px) {
  .nreader-search-section .logged_in {
    margin-bottom: 10px;
    justify-content: center;
  }

  .footer-bs:after {
    width: 100%;
  }

  .homepage-body .carousel {
    padding-top: 75px;
  }

  .cdd-section .card .desc-section {
    position: relative;
    width: 100%;
    z-index: 0;
    right: unset;
    top: unset;
    transform: translateY(0);
    border-radius: 0;
    bottom: 0;
    left: 0;
  }
}

@media only screen and (max-width: 285px) {
  .navbar-default .navbar-header .navbar-toggle {
    margin-right: 32px;
  }

  .search__button {
    right: -36px;
  }

  .redirect_btns.lists {
    padding-bottom: 0;
  }

  .values .left-section {
    height: 525px;
    padding-top: 40px;
  }

  .navigation-popup .header-menu.expand li {
    margin: 5px 6px;
  }

  .related-links.centered h3 {
    width: 100%;
    margin: 0 auto 30px;
    display: block;
    text-align: left;
    margin-left: 10px;
  }

  .related-links h3:before {
    top: 4px;
    transform: translateY(0%);
    left: -10px;
  }
}

@media (max-width: 768px) {
  .banner-main .banner-wrappper {
    position: relative;
    top: 0;
    transform: translateY(0%);
    width: 100%;
  }
  .navbar-default .navbar-nav > li > a {
    padding-top: 5px;
  }

  .menu-nav li address {
    padding: 20px 0 0 2px;
  }

  .social-icon-block .at-style-responsive .at-share-btn {
    padding: 2px;
  }

  .resource-column .social-share,
  .cdd .social-share {
    opacity: 1;
  }

  .daily_wrapper .social-share {
    opacity: 1;
  }

  .infography-section
    .social-icon-block
    .at-style-responsive
    .at-share-btn:not(:last-child) {
    margin-right: 5px;
  }

  .cdd-section .at-resp-share-element.at-mobile .at-share-btn {
    padding: 2px;
  }

  .cdd-section .social {
    opacity: 1;
  }

  .cdd-section #cdd-post .card {
    margin-bottom: 30px;
  }

  .cdd-detail .media-body img {
    border: 1px solid #f2f1f3;
    object-position: center;
    height: 300px;
  }

  .cdd-detail#discussion-thread .at-share-btn-elements {
    margin-top: 15px;
  }

  .navbar-nav .dropdown.expand .dropdown-content-community li.dropdown-child {
    margin-top: 10px;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .footer-bs .footer-nav ul.pages {
    justify-content: center;
  }

  .footer-bs .footer-nav ul.pages {
    padding: 0px;
    justify-content: center;
    margin-bottom: 20px;
  }

  /* .nreader-search span.input-group-btn{
  right: 30px;
} */
  .footer-bs .footer-brand p {
    width: 100%;
  }

  .footer-brand.animated.fadeInLeft {
    background: rgba(51, 37, 37, 0.28);
  }

  .footer-brand .threads {
    flex-direction: column;
  }

  .footer-brand .threads .threadno {
    padding: 25px 0 25px 0px;
  }
}

@media (min-width: 420px) and (max-width: 1000px) {
  .nread-right-section {
    justify-content: flex-start;
  }

  .ratenow_btn,
  .resource-column {
    margin-right: 25px;
  }
}

@media (max-width: 992px) {
  .nreader-detail h1 {
    margin-bottom: 20px;
  }

  .nreader-detail .resource-column .social-share {
    right: 0;
    left: unset;
    margin-top: 0;
    top: 50%;
  }

  .nread-title .row {
    padding: 10px 0;
    min-height: unset;
  }

  .nreader-detail .download {
    margin-top: 10px;
  }

  .nread-title .row {
    flex-direction: column;
    align-items: flex-start;
  }

  .img-section-nread {
    margin-bottom: 30px;
  }

  .nreader-detail p {
    margin-right: 0;
  }

  .data-sec {
    flex-direction: row;
    /* display: flex; */
    flex-wrap: wrap;
  }

  .nreader-detail .data-sec {
    margin-bottom: 10px;
    flex-direction: column;
  }

  .nreader .blue-btn {
    margin-bottom: 10px;
  }

  .nreader .nreader-search-section {
    padding: 10px 0 0;
  }

  .nreader .loginBtn.blue-btn {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .homepage-body .banner-section .carousel-control {
    top: 60%;
    transform: translateY(0%);
  }

  .homepage-body .banner-section .right.carousel-control {
    top: 60%;
    transform: translateY(0%) rotate(180deg);
    -webkit-transform: translateY(0%) rotate(180deg);
  }

  #glossary .download-block {
    margin: 15px 0 10px;
    float: left;
    position: relative;
    right: 0;
    z-index: 999;
    top: 0;
  }

  .advsearchtext {
    margin-top: 0;
  }

  .indicator-block .btns-top .buttons:hover {
    width: 100%;
  }

  .loc-block .change_btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  #cmp-section-list select {
    background-position-x: 96% !important;
    padding-right: 25px;
  }

  .ui-widget.ui-widget-content {
    max-width: 300px !important;
  }

  .geo.compare-profile.fixed-header .container {
    padding: 0;
  }

  #compare-modal .modal-content {
    top: 40%;
  }

  input[type="range"] {
    margin-left: 15px;
    width: 95%;
  }

  #play_motion {
    transform: translate(0px, 75px);
  }

  #restart_motion {
    transform: translate(5px, 75px);
  }

  #play_motion,
  #restart_motion {
    height: 35px;
    width: 35px;
  }

  #summary-table thead .sorting_asc,
  #summary-table thead .sorting_desc,
  #summary-table thead .sorting {
    background-size: 14px;
  }

  .navbar-search-trigger {
    width: 100%;
  }

  .search {
    margin-right: 0;
    max-width: 100%;
  }

  #overview-province .breadcrumb-wrapper.fixed-header {
    padding: 10px 0;
  }

  .statical_profile,
  .top-btn {
    margin-right: 0;
  }

  .geo.country-profile .row,
  .geo.local-profile .row,
  .geo.province-profile.fixed-header .row {
    margin: 0 -15px;
  }

  .ingight_button .read-more-a {
    margin-right: 12px;
  }

  #tableDiscussionSection thead .sorting_asc,
  #tableDiscussionSection thead .sorting,
  #tableDiscussionSection thead .sorting_desc {
    background-size: 12px;
    background-position-x: 95%;
  }

  #clr-compare-btn {
    margin-right: 22px;
    width: 100%;
  }

  .motion_chart_ form {
    padding: 0 0 5px;
    width: 100%;
    margin-left: 0;
  }

  #option-section .btn-group.btn-group-sm {
    position: relative;
    top: 0;
    margin-bottom: 10px;
  }

  .share-social .social-icon-block .at-share-btn-elements {
    justify-content: center;
  }

  .my-discussion-table #tableDiscussionSection_length {
    text-align: left;
    float: none;
    margin-top: 0;
  }

  .left-btn {
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .source-btn {
    float: left;
  }

  .other-btns #report-discuss,
  .other-btns #share,
  .other-btns #embed {
    margin-right: 22px;
  }

  .other-btns a img {
    margin-right: 5px;
  }

  .related-links h3:before,
  .related-data h3:before {
    top: 4px;
    transform: translateY(0%);
  }

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

  .res_button_wrapper {
    margin: 0px 0 0 3px;
  }

  #year-exact-div {
    margin-bottom: 15px;
  }

  #data-help {
    text-align: center;
    margin: 20px auto;
    display: block;
  }

  .redirect_btns .links-section .section_link_btn {
    margin-bottom: 10px;
  }

  #play_motion {
    display: block;
  }

  .indicator-block .links-section {
    text-align: center;
  }

  .indicator-block .links-section .section_link_btn {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .banner-section .carousel-indicators {
    bottom: 5%;
  }

  #demography-container {
    margin-top: 0px !important;
  }

  /*.login .form-group{margin-bottom: 15px !important;}*/
  .geo .form-group {
    margin: 0 !important;
  }

  .message label {
    float: left;
    margin-left: 18px;
  }

  .error-validation {
    width: 97%;
  }

  #id_message {
    margin-left: 2px;
    width: 60%;
  }

  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    background-color: none;
    margin-left: 137px;
  }

  /*#dataviz-section .demography-block #export{float: right; margin-right: 55px; margin-top: -80px;}*/

  .header-holder .local-body-title {
    width: 300px !important;
  }

  .file-up label {
    margin-left: 10%;
  }

  .pagination #prev li {
    /*        width: 35%;*/
    margin-right: 2px;
  }

  #next {
    margin-top: 20px;
  }

  .search-page .number-page {
    display: inline-block;
  }

  .searchbox {
    padding: 0;
    margin: 0 !important;
  }

  #news-search label {
    width: 38% !important;
  }

  #news-search .form-group,
  .infographic-select .form-group {
    margin: 0;
    text-align: left;
  }

  .infographic-searchblock input,
  .infographic-searchblock select {
    width: 100% !important;
  }

  /* #section-resources .at-share-btn-elements{
        width:25%;
    }*/
  /* #view-news .at-share-btn-elements{width: 60%;}*/

  .form-group-wrap .form-control {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .chosen-drop {
    width: 100% !important;
  }

  .geo.compare-profile .form-group {
    margin-top: 0 !important;
  }

  .header-holder .geo .form-search,
  .header-holder .geo .form-compare {
    text-align: center;
    margin-bottom: 15px !important;
  }

  /*.header-holder .geo .form-control{margin-top: 15px;}*/
  .header-holder {
    position: relative;
    top: 0;
  }

  .form-group-wrap {
    padding: 0 15px;
  }

  .resource-blocks {
    padding: 15px 0;
    margin: 0;
  }

  .resource-image-wrapper,
  .news-image-wrapper,
  .practise-image-wrapper {
    margin: 0 auto;
  }

  #practice-search .form-control {
    width: 100%;
  }

  .overview_pag #section-1,
  .health-section {
    margin-right: 15px;
    overflow: auto;
    padding: 0 !important;
    margin-left: 15px;
  }

  .heading-cont .download-chart .tooltiptext {
    width: 110px;
    right: 38px;
    top: -30px;
  }

  #news-search .searchblock {
    text-align: center !important;
  }

  .event-block button {
    padding: 6px 12px;
  }

  #insights {
    padding-top: 20px !important;
  }

  #show-case-all .section-logo .col-xs-1 {
    padding: 0;
  }

  #glossary-indicator-table_length label {
    width: 100%;
    float: left;
    text-align: left;
  }

  /*.slider.slider-horizontal{
        width: 430px !important;
    }*/
  #glossary-indicator-table_wrapper {
    overflow-y: scroll;
  }

  #glossary .page-banner {
    margin: 0;
    font-size: 20px;
  }

  #province-content,
  #localbodies-content,
  #country-content {
    margin-top: 0;
  }

  #glossary-indicator-table_wrapper .form-control {
    width: 40%;
  }

  #calendar .fc-today-button {
    width: 209px;
  }

  #dataviz-section #containerSVG {
    overflow-y: scroll;
  }

  #dataviz-section {
    min-width: 140px !important;
  }

  #breadcrum-block {
    font-size: 12px;
  }

  #show-case-all .section-logo img {
    margin: 10px 5px;
  }

  .feed-icon {
    padding: 7px 0;
  }

  #glossaryheading {
    margin: 10px 0;
    font-size: 18px;
  }

  #glossary .page-banner img {
    float: left;
  }

  #practice-search label {
    width: 35%;
  }

  .infographic-select .searchblock {
    text-align: center;
  }

  .description-wrapper .read-more-a {
    padding: 7px 15px;
  }

  #svg1,
  #svg2 {
    overflow-x: scroll;
  }

  .map-section #map {
    margin: 0 0 20px 0;
  }

  #demography-container {
    padding: 0;
  }

  .compare-profile .heading-cont {
    position: relative;
    margin-bottom: 10px;
  }

  .compare-profile .demography-block div:nth-child(2) > .row-container {
    margin-top: 0 !important;
  }

  .header-holder #section-list .form-group,
  .header-holder #section-list {
    width: 100% !important;
    margin: auto;
    margin-bottom: 2px;
  }

  .header-holder #section-list {
    margin: 0 0 10px;
  }

  /* .map-section .indicator-block{
        margin-top: 19em !important;
    }
     .map-section .country-profile{
        margin-top: 16em !important;
    }*/
  .header-holder .data-page-title {
    margin-bottom: 0;
  }

  .data-page-title img {
    float: left;
  }

  .header-holder #compare-btn {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  /* #dataviz-section .demography-block{
        margin-top: 85px !important;
    }*/

  .Ethnicity-block .overview-table > thead > tr > th,
  .Ethnicity-block .overview-table > tbody > tr > td > p,
  .language-block .overview-table > thead > tr > th,
  .language-block .overview-table > tbody > tr > td > p {
    font-size: 13px;
  }

  .hidemore.more {
    display: inline-block;
    padding: 2px 15px;
    margin-top: 10px;
  }

  .readmore.more {
    display: block;
    padding: 2px 0px;
  }

  .hidemore.more {
    margin-top: 0;
  }

  .select-box {
    width: 100% !important;
  }

  #dataviz-section .demography-block .province-block {
    margin-top: 35px;
  }

  .overview_block span.text {
    left: 52px;
  }

  .overview_pag .map-container .map-section,
  .overview_pag .map-container .right-map-section {
    width: 100%x !important;
    border-bottom: 1px solid #ececec;
  }

  #demography-container .analysis-section .right-section .analysis-bottom-img,
  #demography-container .analysis-section .left-section .analysis-bottom-img {
    float: none;
  }
}
@media (max-width: 768px) {
  .banner-main {
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: 0;
    padding: 20px 0;
  }
  #overview-province .form-control {
    margin-bottom: 15px;
  }
  #overview-province .top-btn {
    margin: auto;
    display: block;
  }
  .top-btn.separator:before {
    background: none;
  }
  .table.overview-table.block1 img {
    width: 35px;
    height: 35px;
  }
  .table.overview-table.block1 tbody tr td,
  .table.overview-table.block1 thead tr th {
    padding: 0 20px;
  }
  .nread.overlay .modal-login {
    width: 90%;
    margin: 0;
  }

  .overlay .modal-login {
    margin: 15px;
  }

  #timeline .page_redirects {
    padding: 40px 0px;
  }

  .glossary-table-search-block {
    margin: 30px 0 10px;
  }

  .glossary-table-search-block .search-bar {
    margin-bottom: 0;
    padding: 20px;
  }

  .statical_profile,
  #overview-province .top-btn {
    margin-top: 8px;
  }

  .search-holder2 .btn-group.bootstrap-select {
    margin-bottom: 5px;
  }

  .cdd-section .infographic-select .row {
    margin: 0;
  }

  .year.label_bg {
    font-size: 80px !important;
  }

  .news-selector .search-bar #section-dropdown {
    background-position-x: 95% !important;
  }

  .loc-block .change_btn {
    margin-bottom: 10px;
  }

  .dataset-row .chart-container svg {
    transform: scale(1);
  }

  /* .daily_wrapper .polls-scroll {
    max-height: unset;
    overflow-y: auto;
    height: auto;
  } */
  .oldphoto_select {
    margin-bottom: 10px;
  }

  .polls-section .options,
  .polls-section .question {
    padding-right: 0;
  }

  .view-all {
    margin-top: 30px;
  }

  .practicebtn .row._news {
    padding: 20px 15px;
  }

  .menu-nav .menu-down img {
    margin-top: 0;
  }

  .embed {
    display: block;
  }

  #timeline .social-share {
    padding-right: 0;
    padding-bottom: 0;
    display: flex;
    margin-bottom: 0;
    margin-top: 20px;
    justify-content: center;
  }

  .cdd-section .card .desc-section .card-heading {
    font-size: 16px;
  }

  .cdd-section .card .desc-section .insight_subtitle {
    font-size: 14px;
  }

  .cdd-section .infographic-select .btn {
    margin-left: 0;
    margin-top: 10px;
  }

  #overlay.search-list.active_popup .popup {
    width: 90%;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 3%), 0 1px 18px rgb(0 0 0 / 7%),
      0 5px 26px 0 rgb(67 94 131 / 15%);
    padding: 15px;
  }

  .infographics-section {
    line-height: 24px;
  }

  .read-all a {
    margin: 10px 0 20px;
    display: block;
  }

  #practice-search #searchblock,
  #news-search #searchblock {
    text-align: center;
  }

  .geo.country-profile #render-btn {
    width: 100px;
  }

  .contact-form-wrapper {
    margin-top: 20px;
  }

  .contact-title {
    margin-top: 20px;
  }

  #news-search .searchblock .btn {
    width: 100px;
  }

  #news-search .btn {
    float: none;
    width: 100%;
  }

  #summary .search-bar {
    padding: 20px;
  }

  .navbar-default .navbar-nav > li > a {
    font-size: 32px;
  }

  #profile-update .panel.panel-default {
    margin-top: 20px;
  }

  #indModal .modal-body {
    padding: 20px;
    height: 380px;
    overflow-y: auto;
  }

  .navbar-nav > li {
    margin-bottom: 15px;
  }

  #practice-search .form-group {
    margin: 10px 0 0;
  }

  .infographic-searchblock.search-bar .form-inline.ng-pristine.ng-valid {
    width: auto;
  }

  #demography-container .pagination-holder {
    margin: 20px 0;
  }

  #section-discussion .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    text-align: left;
  }

  /* .page_redirects.white-bg .resource-list {
    margin-top: 30px;
  } */
  .main-homepage .search-holder2 {
    padding: 30px 20px;
  }

  .navbar-collapse {
    border-top: 0;
  }

  .navbar-container,
  div#navbar-container {
    padding: 0;
  }

  .navbar-header {
    padding: 0 15px;
  }

  #section-news .at-share-btn-elements {
    width: 70%;
    text-align: right;
    margin-top: -35px;
  }

  #demography-container #export {
    top: 0;
  }

  #demography-container .h3-container {
    padding-top: 10px;
  }

  .ratiosvgtitle tspan {
    font-size: 16px;
  }

  .ratiosvgtitle tspan.ind2title {
    font-size: 24px;
  }

  /*#section-resources .at-share-btn-elements{
        width:40%;
    }*/
  .footer-bs {
    text-align: center;
    padding: 10px 40px;
  }

  .cdd .title-section {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .cdd .title-section p {
    line-height: 24px;
  }

  .cdd .card-body {
    margin-bottom: 0;
  }

  .footer-bs .footer-nav,
  .footer-bs .footer-social,
  .footer-bs .footer-ns {
    border-left: 0;
  }

  .searchbox {
    margin-right: 20px;
  }

  .map-section #map {
    margin: 0 0 20px 0;
  }

  .header-holder .geo .form-group {
    width: 50%;
    margin: 8px auto;
  }

  .searchblock {
    display: inherit !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .searchblock input {
    margin-top: 10px;
    padding: 6px 20px;
    text-align: center;
  }

  #section-resources .more-btn .addthis_inline_share_toolbox {
    width: 63%;
  }

  #demography-container #DMG-title {
    font-size: 20px;
  }

  .glossary-table-search-block .searchbox {
    margin: 0 15px;
  }

  .glossary-table-search-block .searchbox .input-group {
    margin-bottom: 15px;
    width: 12px;
  }

  #dataviz-section .indicator-block {
    margin-top: 20px;
  }

  /*.slider.slider-horizontal{
        width: 87% !important;
    }*/
  #glossary-indicator-table_paginate .pagination li a {
    padding: 5px 8px;
  }

  #dataviz-section {
    padding: 0 !important;
  }

  #extra-function #export .unselected {
    position: relative;
    z-index: 1000;
  }

  #demography-container .table tr th {
    font-size: 14px;
    padding: 25px;
  }

  #filter .dropdown-menu {
    z-index: 10000;
  }

  .feed-icon {
    padding: 15px 0;
  }

  #dataviz-section #option-section {
    line-height: 30px !important;
  }

  #news-search .form-group,
  .infographic-select .form-group {
    margin: 0 15px 15px 0;
  }

  .infographic-select .searchblock {
    text-align: center;
  }

  .header-holder #section-list .form-group {
    width: 110px !important;
    margin: 0 10px;
  }

  .header-holder .data-page-title {
    font-size: 23px;
    padding: 5px 0;
  }

  #demography-container .container {
    overflow-x: hidden;
  }

  .map-section .indicator-block {
    /*margin-top: 8em !important;*/
  }

  .header-holder #section-list {
    width: 70%;
    margin: 20px 0;
  }

  #demography-container {
    margin-top: 25px !important;
  }

  .bottom-div .geo-substr {
    padding: 20px 20px 12px;
    line-height: 24px;
  }

  /* #demography-container #svg5{margin-top: 150px !important;}*/
  .footer-bs .footer-nav ul.pages {
    padding: 0px;
    justify-content: center;
    margin-bottom: 20px;
  }

  .footer-bs .footer-nav ul.pages li {
    padding: 0 8px;
    border-right: 0px solid #fff;
    margin-bottom: 10px;
    text-align: center;
  }

  .footer-bs .footer-nav ul.pages li:first-child {
    padding-left: 0;
  }

  .infography-section .carousel.slide h3,
  .infography-section .carousel.slide span.date-section {
    opacity: 1;
  }

  .infography-section .social-share {
    opacity: 1;
  }

  .intro-section .lower-button {
    margin-top: 50px;
  }

  .page_redirects .card-body .inside-card-body .intro-section .card-heading {
    font-size: 16px;
  }

  #exportbtn ul li,
  .indicator-block .btns-top a.buttons,
  #clr-compare-btn,
  .indicator-block .btns-top .buttons {
    padding: 12px 10px;
  }

  .advsearchtext.hide-search {
    margin-top: 25px;
  }

  .grey-bg.infography-section .main-header {
    margin-top: 0;
  }

  .hero span {
    margin-bottom: 5px;
  }
}

@media (max-width: 320px) {
  .ratenow_btn,
  .resource-column {
    margin-bottom: 15px;
  }

  .nread-right-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
}