body{
   font-size: 0.8rem;
   padding: 0;
   margin: 0;
}


html, body, #mapid { 

height: 100vh;
width: 100%;
margin: auto;

}


#country{
   background-color: white;
   border-radius: 4px;
   height: 30px;
   width: 180px;
   font-size: 1rem;
   border: 2px solid rgba(0,0,0,0.2);
}
.btn{
   font-size: 0.8rem;
}
#locToponym {
   font-size: 16px;
   font-weight:bold;
   text-align: center;
}

#summary{
   text-align:justify;

}

#day{
   overflow: scroll;
}

#weathercontent{
   background-color: rgb(225, 242, 251);
}
#covid{
  
   font-size: 0.8rem;
   color: darkslategrey;
   font-weight: bold;
   
}
@media (max-width: 576px) { 

   #covid{
  
      font-size: 0.6rem;
   }
}


#covidheader{
   color: darkslategrey;
   justify-content: center;
   border:none;
   font-weight: bold;
}
#covid-img{
   background-image:url("../../vendors/image/covid.jpeg");
   background-repeat: no-repeat; 
   background-size: cover;
   
   
}
.table td{
   padding: 0.5rem;
   color: darkslategrey;
   
}
#table-exchange tr{
   border: none;
}


   .fa-info
   {
      font-size: 16px;
      color: dodgerblue;
     /* padding:0px;
      margin: 0;
      vertical-align: center;
      display:  flex;*/
   }
   .fa-viruses{
      font-size: 16px;
     
      color: crimson;
   }
   .fa-newspaper{
      font-size: 16px;
      color:  dodgerblue;

   }
   .fa-cloud-sun-rain{
      font-size: 16px;
      color: cornflowerblue;
   }

   .fa-dollar-sign{
      font-size: 16px;
      color: forestgreen;
   }
  .fa-location-arrow{
      font-size: 16px;
      color:  darkcyan;
     /* padding:0px;
      margin: 0;
      vertical-align: center;
      display: flex;*/
  }
#table-exchange, #table-head-flag td tr{
   border: none;
}

#sunrise-set{
   display:flex;
   justify-content: center;;
}


#cityname{
   font-size: 1.2rem;
}

#city{
   text-align:center;
}



div.leaflet-control-zoom .leaflet-bar .leaflet-control
{
   
   margin-bottom: 100px;

}

.btn {
   white-space: normal;
   text-align:left;
}

#headingOne, #headingTwo, #headingThree, #headingFour, #headingFive{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0.5rem;
}

#newsheader{
   justify-content: center;
}

@media only screen and (max-width: 576px) {
   #img1style, #img2style, #img3style, #img4style, #img5style{
      width: 80px;
   }

}
@media only screen and (min-width: 577px) {
   #img1style, #img2style, #img3style, #img4style, #img5style{
      width: 100px;
   }

}
@media (max-width: 576px) { 
#weather, #close, #units{
   font-size: 0.6rem;
   
}
}
/*#accordion{
   overflow:scroll;
}*/


#headingnews{
   color: darkslategrey;
}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 9999;
	overflow:hidden;
	background: #fff;
}
#preloader::before {
   content: "";
   position:fixed;
   top: calc(50%-30px);
   top: calc(50% - 30px);
   left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
   border-top: 6px solid #56829e ;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   -webkit-animation: animate-preloader 1s linear infinite;
   animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}
}



 .leaflet-tooltip{
   width: 150px;
   white-space: normal;
}
.table tbody + tbody{
   border: none;
}