.loader-container {
  position: fixed; 
  top: 0;  
  left: 0; 
  right: 0;  
  bottom: 0;  
  z-index: 9999;  
  overflow: hidden; 
  background: #fff;
}
.loader-container:before {  
content: "";  
position: fixed;  
top: calc(50% - 30px); 
left: calc(50% - 30px);  
border: 6px solid #035e09;  
border-top: 6px solid #82cf73 ;  
border-radius: 50%;  width: 60px;  
height: 60px;  
-webkit-animation: animate-loader-container 1s linear infinite;  
animation: animate-loader-container 1s linear infinite;
}

@keyframes animate-loader-container {  
  0% {    
    -webkit-transform: rotate(0deg);    
    transform: rotate(0deg);  
  }  
  100% {    
    -webkit-transform: rotate(360deg);    
    transform: rotate(360deg);  
  }
}

@-webkit-keyframes animate-loader-container {
  0% {    
    -webkit-transform: rotate(0deg);    
    transform: rotate(0deg);  
  } 

  100% {    
    -webkit-transform: rotate(360deg);    
    transform: rotate(360deg);  
  }
} 

#map {
    height: 100vh;
    width: auto;
}

#countrySelect {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 300px;
    z-index: 1;
}

.logoGazetteer {
  color: green;
}

#countryFlag {
  height: 50px;
}

.wikiData {
  text-align: center;
}

.table-wikipedia th {
  text-align: center;
}

#countryName {
  text-align: center;
}

.borderless td, .borderless th, .borderless {
  border-block-color: green;
  padding: 8px;
 }

 .cityMarkerName,
 .cityMarkerWiki {
  text-align: center;
  font-weight: bold;
 }

.weatherInfoCard {
  margin: 0 auto;
  padding: 3px 20px;
  width: 340px;
  border-radius: 3px;
  background-color: #fff;
  border: 2px solid rgb(9, 141, 6);
  color: rgb(17, 16, 16);
}

.weatherInfoCard h1 {
  font-size: 3.59375em;
}

.weatherInfoCard h3 {
  font-size: 2em;
  text-align: center;
}

.weatherInfoCard h4 {
  font-size: 1rem;
  font-weight: 100;
}

.weatherInfoCard table {
  position: relative;
  top: 10px;
  width: 100%;
  text-align: center;
  margin-bottom: 2.83em;
}

.weatherInfoCard tr:nth-child(1) td:nth-child(1),
.weatherInfoCard tr:nth-child(1) td:nth-child(2),
.weatherInfoCard tr:nth-child(1) td:nth-child(3),
.weatherInfoCard tr:nth-child(1) td:nth-child(4),
.weatherInfoCard tr:nth-child(1) td:nth-child(5) {
  padding-bottom: 15px;

}

.weather-modal-title {
  text-align: center;
}

.weatherInfoCard tr:nth-child(2) td:nth-child(1),
.weatherInfoCard tr:nth-child(2) td:nth-child(2),
.weatherInfoCard tr:nth-child(2) td:nth-child(3),
.weatherInfoCard tr:nth-child(2) td:nth-child(4),
.weatherInfoCard tr:nth-child(2) td:nth-child(5) {
  padding-bottom: 7px;
}

.weatherInfoCard tr:nth-child(3) td:nth-child(1),
.weatherInfoCard tr:nth-child(3) td:nth-child(2),
.weatherInfoCard tr:nth-child(3) td:nth-child(3),
.weatherInfoCard tr:nth-child(3) td:nth-child(4),
.weatherInfoCard tr:nth-child(3) td:nth-child(5) {
  padding-bottom: 7px;
}

.weatherInfoCard tr:nth-child(2),
.weatherInfoCard tr:nth-child(3) {
  font-size: 0.8em;
}

.weatherInfoCard .weatherInfoImg {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 2em 0;
}
.weatherInfoCard .weatherInfoImg img {
  width: 100px;
  height: auto;
  background-color: white;
  border-radius: 12px;
}

.weatherInfoCard table th,
.weatherInfoCard table td {
  border: none;
  border-top: 1px solid #dee2e6;
}

.currencyModalTitle {
  text-align: center;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #5be91a85;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-40%);
}

#exampleModalLabel1,
#exampleModalLabel,
.alert-modal-body {
  text-align: center;
}