body {
    margin: 0;
    padding: 0;
}
html,body,#mapid {
    height:100%;
    width: 100vw;
}
/*PRELOADER CSS____________________*/
#preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0; 
    top: 0;  
    overflow: hidden;
    z-index: 9999;  
    }
  
#preloader:before {
  border: 6px solid #f2f2f2;
  border-radius: 50%;
  border-top: 6px solid #1A5CB3;
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  position: fixed;
  top: calc(50% - 30px);
  width: 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);
    }
  }

/* select bar//////////// */
  #country-select {
      margin: 20px 60px;
      position: absolute;
      width: 200px;
      z-index: 1000;
     
  }
/* easy buttons//////////// */
  .star{
      font-size: 1.5em;
  } 
  #flag {
    max-height: 100%;
    max-width: 50%;
    margin-top: 20px;
    object-fit: contain;
  }

  /* Weather//////////// */
  #txtCurrentTemp, #txtCurrentDescripton, #txtCurrentMaxMin {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
  }
/* BootStrap Modals */
  .modal-body {
    max-height: 70vh;
    overflow-y: auto;
}
/* bootstrap tables */
#txtCovidDeaths, #txtCovidCases, #txtCovidActiveCases {
    text-align: right;
}
#country-select {
    border: 2px solid #1A5CB3;
}
/* leaflet layer control */
.leaflet-control-layers-expanded {
    border: 2px solid #1A5CB3!important;
}
.leaflet-control-layers-toggle{ 
    border: 2px solid #1A5CB3;

}
/* leaflet popup styles */
.leaflet-popup-content-wrapper .leaflet-popup-content {
    border: 2px solid #1A5CB3;
}
.leaflet-popup-content-wrapper .leaflet-popup-content h5 {
    color: black;
    font-size: 20px;
    font-weight: bold; 
    margin: 0px;
    padding: 5px;
    text-align: center;
}
.leaflet-popup-content-wrapper .leaflet-popup-content p {
    color: rgb(27, 25, 25);
    font-size: 15px;
    margin: 0;
    padding: 5px;
    text-align: center;
}
.leaflet-popup-content {
    padding: 5px;
}