@charset "UTF-8";



* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  word-wrap: break-word;

}



/* ::-moz-selection {

  color: #fff;

  background: #ffdb00;

}



::selection {

  color: #fff;

  background: #ffdb00;

} */



body {

  font-family: 'Open Sans', sans-serif;

  color: #000000;



  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  margin: 0;

  padding: 0;

  overflow-x: hidden;

}



input:focus,

select:focus {

  outline: none !important;

  box-shadow: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

  line-height: 1.6;

  font-weight: 700;

}



p {

  margin: 0;

  padding: 0;

}





p strong {

  font-weight: 600;

}



ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



p:last-of-type {

  margin-bottom: 0;

}



ol {

  padding-left: 15px;

}



.form-control:focus {

  outline: none;

  box-shadow: none;

  z-index: -1;

}



p {

  line-height: inherit;

}



table {

  width: 100%;

}



a,

button,

textarea {

  transition: ease 0.3s;

  -webkit-transition: ease 0.3s;

  -moz-transition: ease 0.3s;

  text-decoration: none;

  outline: none !important;

  color: inherit;

  font-size: inherit;

}



a:hover,

button:hover {

  color: inherit;

  text-decoration: none;

}



button {

  background: none;

  border: 0;

  padding: 0;

  cursor: pointer;

}



article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

  display: block;

  width: 100%;

}



input[type="submit"] {

  transition: ease 0.3s;

  -webkit-transition: ease 0.3s;

  -moz-transition: ease 0.3s;

  text-decoration: none !important;

  outline: none !important;

}



/* ::-moz-input-placeholder,

::-moz-placeholder {

  opacity: 1;

  color: #535353;

}



::-webkit-input-placeholder,

::-webkit-placeholder {

  opacity: 1;

  color: #535353;

}



input-placeholder,

placeholder {

  opacity: 1;

  color: #535353;

  font-style: italic;

} */



input:-webkit-autofill {

  background-color: #fff !important;

  -webkit-box-shadow: 0 0 0 1000px #fff inset;

  -webkit-transition-property: #fff !important;

  background-clip: content-box;

}



input:-webkit-autofill,

input:-webkit-autofill:focus input:-webkit-autofill,

input:-webkit-autofill:hover,

select:-webkit-autofill,

select:-webkit-autofill:focus,

select:-webkit-autofill:hover,

textarea:-webkit-autofill,

textarea:-webkit-autofill:focus,

textarea:-webkit-autofill:hover {

  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;

  -webkit-text-fill-color: #535353;

}



input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type=number] {

  -moz-appearance: textfield;

}



img {

  max-width: 100%;

}





.user-login ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: inline-flex;

}



.user-login ul li {

  padding: 0 12px;

/*   border-right: 2px solid #8a6b6a; */

}



.user-login ul li a {

  color: #000;

  border-bottom: 2px solid transparent;

  text-decoration: none;

  padding: 0 2px 2px;

/*   font-size: 16px; */

}



.user-login ul li:last-child {

  border-right: 0;

  padding-right: 0;

}



.logo-img {

  width: 100%;

  max-width: 250px;

  text-align: center;

  position: relative;

}



.mobileView {

  width: calc(100% - 333px);

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



/*.topRow .logo {

  max-width: 120px;

  display: inline-block;

  margin: 20px 0 0px 0;

}*/



.logo-img span {

  text-align: center;

  color: #795554;

  font-weight: 600;

  font-size: 17.8px;

  z-index: 1;

  width: 100%;

  position: absolute;

  left: 0px;

  bottom: -30px;

}



.navbar-nav.navhead li {

  border-left: 2px solid #8a6b6a;

}



.navbar-nav.navhead .nav-link {

  color: #000;

  padding: 3px 25px;

  font-size: 18px;

}



.navbar-nav.navhead .nav-link {

  color: #000;

  padding: 3px 25px;

  font-size: 18px;

}



.navbar-nav.navhead li:last-child {

  border-right: 2px solid #8a6b6a;

}



nav.navbar {

  padding: 0;

  border-bottom: #c9bec2 1px solid;

  margin-bottom: 50px;

}



.navbar-nav.navhead li.active .nav-link,

.navbar-nav.navhead .nav-link:hover {

  background: #5f3b48;

  color: #fff;

}



.user-login ul li a:hover {

  color: #5f3b48;

  border-bottom-color: #5f3b48;

}



.dashboard-mainWrapper {

  max-width: 1920px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  padding-top:30px;	

}



.sidebar {

  width: 200px;

}



.mainContent {

  width: calc(100% - 200px);

  padding: 0 30px 50px 40px;

}



.sidebar {

  background: #e2997c;

  position: relative;

}



.sidebar__cntnt {

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  left: 0;

  right: 0;

  overflow-x: auto;

}



.sidebar__menu {

  display: flex;

  color: #fff;

  padding: 13px 18px 13px;

  border-left: 5px solid transparent;

  cursor: pointer;

  user-select: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.sidebar__menu img {

  width: 15px;

  min-width: 15px;

  display: inline-block;

  margin-right: 8px;

}



.sidebar__ul li {

  display: block;

  margin-bottom: 5px;

}



.sidebar__ul li a {

  display: block;

  color: #fff;

  padding: 13px 18px 13px;

  background: #bc7e65;

  border-left: 5px solid transparent;

  white-space: nowrap;
  font-weight:normal;
  font-size:16px;

}



.sidebar__ul li a:hover {

  background: #a9715b;

}



.sidebar__ul li.active a {

  border-color: #ca441e;

  background: #a9715b;

}



.sidebar__ul li a img {

  display: inline-block;

  width: 14px;

  margin-right: 8px;

  max-width: 14px;

 /* position: absolute;

 // right: 5px;	

 /* margin-top: 5;	*/

}



.responseholder h2 {

  font-size: 13px;

  font-weight: 700;

  color: #fff;

  line-height: normal;

}



.responseholder__img {

  margin-bottom: 12px;

}



.responseholder__img img {

  height: 33px;

  margin: auto;

}



.maintitile {

  font-size: 24px;

  text-transform: uppercase;

  font-weight: 400;

  line-height: 28px;

}



.maintitleHolder {

  padding-top: 8px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.maintitle__imgHolder img {

  display: inline-block;

}



.commonHeading {

  font-size: 28px;

  margin-bottom: 10px;

}



.mapholder {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 10px;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.mapholder__map {

  width: 300px;

  border: 1px solid #d98282;

  padding: 5px;

  text-align: center;

}



.mapholder__map svg {

  width: 200px;

  margin: 0 auto;

}



.mapholder__cntnt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



.mapholder__rightcntnt {

  width: calc(100% - 300px);

  padding-left: 5px;

}



.mapholder__rightcntnt .smallheading {

  padding-left: 19px;

  padding-bottom: 20px;

}



.responseholder {

  background: #cc0f0f;

  text-align: center;

  position: relative;

  margin: 0 13px 20px;

  padding: 13px 2px;

  width: calc(19.5% - 26px);

  cursor: pointer;

  position: relative;

}



.responseholder h2,

.responseholder__img {

  position: relative;

  z-index: 2;

}



.responseholder::before {

  content: '';

  left: 0;

  right: 0;

  bottom: 0;

  height: 0;

  background: #f79d01;

  z-index: 1;

  position: absolute;

  -ms-transition: 0.6s ease-in-out;

  -webkit-transition: 0.6s ease-in-out;

  transition: 0.6s ease-in-out;

}



.responseholder:hover::before {

  height: 100%;

}



.hoverContent {

  position: absolute;

  width: 190px;

  z-index: 10;

  background: rgb(109, 53, 64);

  padding: 10px;

  -moz-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

  opacity: 0;

  pointer-events: none;

  text-align: left;

}



.hoverContent h3 {

  font-size: 15px;

  color: #fff;

  margin-bottom: 5px;

}



.hoverContent p {

  color: #fff;

  font-size: 12px;

  line-height: normal;

}



.responseholder__hover {

  left: 30%;

  top: 30%;

}



.responseholder:last-child .responseholder__hover {

  left: auto;

  right: 0%;

}







.responseholder:hover .responseholder__hover {

  opacity: 1;

  pointer-events: all;

}



.responseholder .responseholder__hover {

  left: 90%;

  bottom: 30%;

  top: auto;

}



.barchartBox__list {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.barchartBox__list li {

  margin: 9px;

  width: 100%;

  /* max-width: 43px; */

}



.barchartBox__list li p {

  text-transform: uppercase;

  font-size: 11px;

  text-align: left;

  font-weight: 600;

}



.barchartBox__bar {

  width: 100%;

  height: 80px;

  max-width: 43px;

  position: relative;

}



.barchartBox__barInner {

 

  width: 100%;

  background: #cc0f0f;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  -moz-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}





.barchartBox__barInner:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 0;

  background: #f79d01;

  -ms-transition: 0.6s ease-in-out;

  -webkit-transition: 0.6s ease-in-out;

  transition: 0.6s ease-in-out;

}



.barchartBox__list li:hover .barchartBox__barInner:after {



  height: 100%;

}



.barchartBox {

  padding: 10px 10px 6px;

  border: 1px solid #d98282;

  margin-bottom: 30px;

  position: relative;

}



.commonSubheading {

  font-size: 22px;

  text-transform: uppercase;

}



.barchartBox__list li {

  position: relative;

}



.barchartBox__list li {

  position: relative;

}



.barchartBox .barchartBox__hover {

  top: auto;

  left: 98%;

  bottom: 50%;

}



.barchartBox__bar:hover~.barchartBox__hover,

.barchartBox__hover:hover {

  pointer-events: all;

  opacity: 1;



}



.barchartBox__list li:last-child .barchartBox__bar .barchartBox__hover,

.barchartBox__list li:last-child .barchartBox__hover,

.barchartBox__list li:nth-last-child(2) .barchartBox__bar .barchartBox__hover,

.barchartBox__list li:nth-last-child(2) .barchartBox__hover,

.barchartBox__list li:nth-last-child(3) .barchartBox__bar .barchartBox__hover,

.barchartBox__list li:nth-last-child(3) .barchartBox__hover:hover {



  bottom: 36%;

  left: auto;

  right: 30%;

  top: auto;

}



.memberStated {

  width: 100%;

  height: 124px;

  background: #f79d01;

  padding: 10px;

  margin-bottom: 20px;

}



.memberStated .largeNumber {

  text-align: center;

  line-height: 60px;

}



.smallheading {

  font-size: 18px;

  font-weight: 700;

  color: #000;

  line-height: 20px;

}



.largeNumber {

  font-size: 53px;

  font-weight: 500;

}



.genderImg__imghldr {

  width: 80px;

  padding-top: 5px;

}



.genderOnHover {

  display: none;

}



.genderImg__imghldr:hover .genderDefault {

  display: none;

}



.genderImg__imghldr:hover .genderOnHover {

  display: block;

}



.circularbox {

  width: 232px;

  height: 232px;

  border-radius: 50%;

  background: #fbce7f;

  margin: 0 auto;

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 15px;

  z-index: 1;

}



.circularbox__inner {

  width: 155px;

  height: 155px;

  border-radius: 50%;

  background: #f8ad2b;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  font-weight: 700;

  -ms-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

  position: relative;

}





.circularbox__inner .economySection__titlle {

  opacity: 0;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

  -webkit-transition: 0.2s ease-in-out;

  -o-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  text-align: center;



}



.barchartBox.barchartBox--circularbox:hover .circularbox__inner>.economySection__titlle {

  opacity: 1;

  position: relative;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.barchartBox--circularbox:hover .circularbox__inner {

  -ms-transform: translateX(35%);

  -webkit-transform: translateX(35%);

  transform: translateX(35%);

}



.barchartBox--circularbox {

  position: relative;

  min-height: 291px;

}





.barchartBox.barchartBox--circularbox .largeNumber {

  position: relative;

  z-index: 2;

}





.barchartBox--Gender {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;



  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-height: 252px;

}



.fluctuatingdata {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  font-weight: 700;

  font-size: 19px;

}



.fluctuatingdata--down {

  color: #ef4546;

}



.fluctuatingdata__img {

  width: 25px;

  height: 25px;

  overflow: hidden;

}



.fluctuatingdata__img img {

  max-height: 100%;

}



.genderImg__cntnt--title {

  font-size: 50px;

  font-weight: 700;

  line-height: 68px;

}



.genderImg__cntnt {

  padding-left: 25px;

}



.economySection__box {

  background: #f1e2c8;

  padding: 15px;

  height: calc(100% - 25px);

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 25px;

}



.economySection__box .economySection__titlle {

  margin-top: auto;

}



.economySection__titlle {

  font-size: 37px;

  line-height: 52px;

  font-weight: 700;

}



.fluctuatingdata--up {

  color: #36c18d;

}



.workforce {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  padding: 5px 0 0 0;

}



.workforce__imgCol {

  width: 50%;

  border-right: 1px solid #726552;

  padding-right: 16px;

}



.workforce__imgInnr img {

  width: 45px;

  padding-top: 15px;

}





.workforce__cntntCol {

  padding-left: 15px;

  width: 50%;

}



.infrastructure__cntnt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  margin-top: auto;

  padding-top: 20px;

}



.infrastructure__cntnt>img {

  width: 70px;

}



.fluctuatingdata--laarge {

  font-size: 35px;

  line-height: 41px;

}



.fluctuatingdata--laarge .fluctuatingdata__img {

  width: 35px;

  height: 35px;

  overflow: hidden;

}



.fluctuatingdata__img img {

  display: inline-block;

  vertical-align: baseline;

}



.importCntnt__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.importCntnt__barbox {

  height: 40px;

  position: relative;

}



.importCntnt__barbox:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 5px;

  background: #5d3b47;

  -ms-transition: 0.3s ease-in-out;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.importCntntSection:hover .importCntnt__barbox:before {

  width: 100%;

}



.infrastructure__cntnt .fluctuatingdata {

  padding-left: 10px;

}



.barchartBox:hover .fluctuatingdata--down>.fluctuatingdata__img>img,

.economySection__box:hover .fluctuatingdata--down>.fluctuatingdata__img>img {

  -webkit-animation: updown 1.5s ease-in-out infinite;

  animation: updown 1.5s ease-in-out infinite;

  opacity: 0;

}

.barchartBox--gendermain.barchartBox:hover .fluctuatingdata--down>.fluctuatingdata__img>img{

  animation: none;

  -webkit-animation: none;

  opacity: 1;

}

.barchartBox--gendermain.barchartBox .genderBlock .fluctuatingdata__img {

  height: 20px;

}

.barchartBox--gendermain.barchartBox .genderBlock.active .fluctuatingdata__img img{

  -webkit-animation: updown 1.5s ease-in-out infinite !important;

  animation: updown 1.5s ease-in-out infinite !important;

  opacity: 0;

}



@-webkit-keyframes updown {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 1;

  }

}



@keyframes updown {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 1;

  }

}





.barchartBox:hover .fluctuatingdata--up>.fluctuatingdata__img>img,

.economySection__box:hover .fluctuatingdata--up>.fluctuatingdata__img>img {

  -webkit-animation: down 1.5s ease-in-out infinite;

  animation: down 1.5s ease-in-out infinite;

  opacity: 0;

}



@-webkit-keyframes down {

  0% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    opacity: 1;

  }

}



@keyframes down {

  0% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 1;

  }





  100% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    opacity: 1;

  }

}





aside.sidebar.smallmenu {

  width: 40px;

}



.sidebar.smallmenu .sidebar__menu,

.sidebar.smallmenu .sidebar__ul li a {



  padding: 13px 8px 13px;

}



.sidebar.smallmenu .sidebar__menu img,

.sidebar.smallmenu .sidebar__ul li a img {

  margin-right: 16px;

}



aside.sidebar.smallmenu .sidebar__cntnt {

  overflow: hidden;

}



.mainContent.fullwidth {

  width: calc(100% - 40px);

}



.countryinfo {

  text-align: center;

  font-size: 12px;

  font-weight: 400;

}



.mapholder__map svg path {

  fill: #E3E3E3;

}



.mapholder__hover {

  display: none;

}



.mapholder__hover.hoverContent {

  opacity: 1;

  pointer-events: all;

  top: 0;

  right: 0;

  width: 150px;

}



/* map */

.mapholder__map svg path#ll_angola:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_drc:hover {

  fill: #cc3e0f;

}





.mapholder__map svg path#ll_tanzania:hover {

  fill: #e2997c;

}



.mapholder__map svg path#ll_namibia:hover {

  fill: #cc3e0f;

}





.mapholder__map svg path#ll_south_africa:hover {

  fill: #5d3b47;

}





.mapholder__map svg path#ll_lesotho:hover {

  fill: #f79d01;

}





.mapholder__map svg path#ll_mozambique:hover {

  fill: #cc3e0f;

}



.mapholder__map svg path#ll_zambia:hover {

  fill: #5d3b47;

}



.mapholder__map svg path#ll_madagascar:hover {

  fill: #5d3b47;

}



.mapholder__map svg path#ll_seychelles:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_mauritius:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_zimbabwe:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_burundi:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_rwanda:hover {

  fill: #5d3b47;

}



.mapholder__map svg path#ll_botswana:hover {

  fill: #f1e2c8;

}



#lake__Tanganyika {

  fill: #4db0b0;

}



.mapholder__map svg path#ll_eswatini:hover {

  fill: red;

}



.mapholder__map svg path#ll_malawi:hover {

  fill: #f1e2c8;

}





.barchartBox__hoverLines {

  display: block;

}



.barchartBox::before,

.barchartBox::after,

.economySection__box::before,

.economySection__box::after {

  content: "";

  width: 0;

  height: 2px;

  position: absolute;

  transition: all 0.2s linear;

  background: #d98282;

}



.barchartBox__hoverLines::before,

.barchartBox__hoverLines::after {

  content: "";

  width: 2px;

  height: 0;

  position: absolute;

  transition: all 0.2s linear;

  background: #d98282;

}



.barchartBox:hover::before,

.barchartBox:hover::after,

.economySection__box:hover::before,

.economySection__box:hover::after {

  width: 100%;

}



.barchartBox:hover .barchartBox__hoverLines::before,

.barchartBox:hover .barchartBox__hoverLines::after,

.economySection__box:hover .barchartBox__hoverLines::before,

.economySection__box:hover .barchartBox__hoverLines::after {

  height: 100%;

}











.barchartBox::before,

.economySection__box::before {

  left: 0;

  top: 0;

  transition-delay: 0.6s;

}



.barchartBox .barchartBox__hoverLines::after,

.economySection__box .barchartBox__hoverLines::after {

  transition-delay: 0.4s;

  right: 0;

  top: 0

}





.barchartBox::after,

.economySection__box::after {

  right: 0;

  bottom: 0;

  transition-delay: 0.2s;

}



.barchartBox .barchartBox__hoverLines::before,

.economySection__box .barchartBox__hoverLines::before {

  transition-delay: 0s;

  left: 0;

  bottom: 0;

}





.barchartBox:hover::before,

.economySection__box:hover::before {

  transition-delay: 0s;

}





.barchartBox:hover .barchartBox__hoverLines::after,

.economySection__box:hover .barchartBox__hoverLines::after {

  transition-delay: 0.2s;

}



.barchartBox:hover::after,

.economySection__box:hover::after {

  transition-delay: 0.4s;

}





.barchartBox:hover .barchartBox__hoverLines::before,

.economySection__box:hover .barchartBox__hoverLines::before {

  transition-delay: 0.6s;

}









hr.seprater {

  border-color: #b0a9ab;

  margin: 10px 0 18px;

}



.barchartBox__cstm .barchartBox__bar {

  max-width: 43px;

  margin: 0 auto;

}



.barchartBox__cstm .barchartBox__list li p {

  text-align: center;

}



.mainContent {

  overflow-x: hidden;

}



ul.navbar-nav.navhead {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

}





area:focus {

  outline: none;

}



h3#contryName {

  text-transform: capitalize;

}



map area {

  cursor: pointer;

  opacity: 0.5;

  -webkit-transition: ease 0.3s;

  -moz-transition: ease 0.3s;

  transition: ease 0.3s;

}



map area:hover {

  opacity: 1;

}



.smallheading {

  -webkit-transition: 0.2s ease-in-out;

  -o-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}



/* 

.economySection__box:hover .smallheading,

.barchartBox:hover .smallheading,

.memberStated:hover .smallheading {

  -webkit-animation-name: fadeIn;

  -webkit-animation-duration: 1s;

  animation-name: fadeIn;

  animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }



  50% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@keyframes fadeIn {

  0% {

    opacity: 0;

  }



  50% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

} */



.maintitle__imgHolder img {

  -moz-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

  position: relative;

  z-index: 99;

}





header .container-fluid {

  padding-left: 30px;

  padding-right: 30px;

}



.user-login {

  padding-right: 0px;

}



/*nav.navbar .row {

  width: 100%;

  margin-left: -15px;

}*/



.maintitle__imgHolder h3 {

  font-size: 12px;

  text-align: right;

  font-weight: 500;

}



.maintitle__imgHolder {

  padding-right: 15px;

  text-align: right;

}



.maintitle__imgHolder img {

  max-width: 684px;

}



.smallheading__small {

  font-size: 13px;

  font-weight: 600;

}



.smallheading--sub {

  font-size: 14px;

}



.economySection__itinfrastructure {

  height: 100%;

  padding-top: 10px;

}



.economySection__itinfrastructure .col-4 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border-right: 1px solid #362a14;

  padding-top: 6px;

}



.economySection__itinfrastructure .col-4:last-child {

  border-right: 0;

}



.barchartBox .paddingBottom {

  padding-bottom: 4px;

}







/* map */



.mapholder__map svg path {

  fill: #E3E3E3;

}



.mapholder__map svg path#ll_angola:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_drc:hover {

  fill: #cc3e0f;

}





.mapholder__map svg path#ll_tanzania:hover {

  fill: #e2997c;

}



.mapholder__map svg path#ll_namibia:hover {

  fill: #cc3e0f;

}





.mapholder__map svg path#ll_south_africa:hover {

  fill: #5d3b47;

}





.mapholder__map svg path#ll_lesotho:hover {

  fill: #f79d01;

}





.mapholder__map svg path#ll_mozambique:hover {

  fill: #cc3e0f;

}



.mapholder__map svg path#ll_zambia:hover {

  fill: #5d3b47;

}



.mapholder__map svg path#ll_madagascar:hover {

  fill: #5d3b47;

}



.mapholder__map svg path#ll_seychelles:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_mauritius:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_zimbabwe:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_burundi:hover {

  fill: #f79d01;

}



.mapholder__map svg path#ll_rwanda:hover {

  fill: #5d3b47;

}



.mapholder__map svg path#ll_botswana:hover {

  fill: #f1e2c8;

}



#lake__Tanganyika {

  fill: #4db0b0;

}



.mapholder__map svg path#ll_eswatini:hover {

  fill: red;

}



.mapholder__map svg path#ll_malawi:hover {

  fill: #f1e2c8;

}



.genderImg__imghldr svg .head,

.genderImg__imghldr svg .body {

  transition: fill .2s ease;

}



.genderImg__imghldr svg .head,

.genderImg__imghldr svg .body {

  fill: #141415;

  -moz-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}



.genderImg__imghldr svg .body:hover {

  fill: #F7A021;

}



.genderImg__imghldr svg {}



.navDropdown__Menu {

  background: #bc7e65;

  margin: 1px 0 0 0;

  display: none;

}



.navDropdown__Menu li {

  display: block;

  color: #fff;



  font-size: 14px;

}



.navDropdown__Menu>li>a {

  display: block;

  color: #fff;

  padding: 10px 10px 10px 44px !important;

  font-size: 12px;

  overflow: hidden;

}



.barchartBox__list li .barchartBox__hover.hoverContent p {

  text-transform: none;

  text-align: left;

}



.accordian___cntnt {

  display: none;

}



.commonHeading.accordian {

  cursor: pointer;

  margin-bottom: 20px;

}



.commonHeading.accordian .accordian__sign {

  margin-right: 7px;

  display: inline-block;

}



.accordian__sign {

  width: 20px;

  height: 20px;

  position: relative;

}





.accordian__sign img {

  width: 20px;

  -ms-transition: 0.4s ease-in-out;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}



.accordian__sign--subtract {

  opacity: 0;

  -ms-transition: 0.4s ease-in-out;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.active .accordian__sign .accordian__sign--plus {

  opacity: 0;

  -ms-transition: 0.4s ease-in-out;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.active .accordian__sign .accordian__sign--subtract {

  opacity: 1;

  -ms-transition: 0.4s ease-in-out;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



/*.barchartBox--circularbox, .barchartBox--gender  {

height: calc(100% - 30px);

}*/



/* css 5/21/2020 */

.labourlawTab {

  border: 0; 

  margin-top: 10px;

}





.labourlawTab.nav-tabs .nav-link {

  border: 1px solid #956c74;

  border-radius: 5px;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 700;

  padding: 5px 11px;

  -ms-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

} 



.labourlawTab.nav-tabs .nav-item {

  margin-bottom: 0px;

  padding: 0 10px;

}



.labourlawTab.nav-tabs .nav-link.active,

.labourlawTab.nav-tabs .nav-link:hover  {

  background: #956c74;

  color: #fff;

}



.labourlawTab.nav-tabs .nav-item:first-child {

  padding-left: 0;

}



.maintitle__imgHolder {

    width: calc(100% - 325px);

}

.maintitle__imgHolder img {

    max-width: 100%;

}

.mapholder__cntnt {

    margin: 0 -13px;

}



.new__footer h6{

	font-weight: normal;

}

.ft_logo #img0 {

	width: 65px;

	height: auto;

}

.logo-img a {

    display: block;

}

 .logo-img a .img-fluid { 

    display: block;

}

/* 26-6 */
.barchartBox.Covid19BarChartSingle {
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.barchartBox.Covid19BarChartSingle > ul {
  flex: 0;
  border-right: 1px solid #d98282;
  min-width: 110px;
}
.barchartBox.Covid19BarChartSingle > ul li{
  padding: 7px 10px;
  font-size: 14px;
  font-weight: bold;
}
.barchartBox.Covid19BarChartSingle > ul li label {
    font-weight: normal;
}
.barchartBox.Covid19BarChartSingle > ul li + li {
  border-top: 1px solid #d98282;
}
.barchartBox.Covid19BarChartSingle .barchartOuter {
  width: calc(100% - 110px);
  flex: 0 0 calc(100% - 110px);
  padding: 10px 15px 0;
}

.barchartBox.Covid19BarChartSingle .labourlawTab.nav-tabs .nav-link{
  background-color: #fff;
  border: 1px solid #956c74;
  font-size: 7px;
  padding: 1px 10px;
  border-radius: 3px;
}
.barchartBox.Covid19BarChartSingle .labourlawTab.nav-tabs .nav-link.active, 
.barchartBox.Covid19BarChartSingle .labourlawTab.nav-tabs .nav-link:hover {
  background: #956c74;
  color: #fff;
}
/* .barchartBox.Covid19BarChartSingle .BarTabbtnBox {
  display: flex;
  align-items: center;
} */
.barchartBox.Covid19BarChartSingle .labourlawTab {
  margin-top: 0;
  width: auto;
  vertical-align: super;
  display: inline-flex;
}
.barchartBox.Covid19BarChartSingle .BarTabbtnBox{
  margin-bottom: 12px;
}
.barchartBox.Covid19BarChartSingle .BarTabbtnBox .commonSubheading {
  margin-right: 15px;
  font-size: 16px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 10px;
}
.barchartBox.Covid19BarChartSingle .labourlawTab.nav-tabs .nav-item {
  margin-bottom: 0px;
  padding: 0 4px;
}
.barchartBox.Covid19BarChartSingle > ul li label {
  display: block;
  margin-bottom: 0;
}


@media screen and (max-width: 1300px){
 .barchartBox__list li p{
    font-size: 9px;
  }

.barchartBox.Covid19BarChartSingle .BarTabbtnBox .commonSubheading {
    margin-right: 10px;
    font-size: 15px;
verical-align: middle;
}
.barchartBox.Covid19BarChartSingle .barchartOuter {
    width: calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
}
.barchartBox.Covid19BarChartSingle > ul {
    min-width: 100px;
}
.barchartBox.Covid19BarChartSingle .labourlawTab.nav-tabs .nav-link {
    font-size: 9px;
    padding: 1px 8px;
}
.barchartBox.Covid19BarChartSingle .labourlawTab {
    vertical-align: middle;
}
.barchartBox.Covid19BarChartSingle .labourlawTab.nav-tabs .nav-item {
    padding: 0 4px;
}
}

/* .page-template-about-sadc .mainWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
	height:100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.page-template-about-sadc footer.new__footer {
    margin-top: auto;
} */