body {
    padding: 0;
    margin: 0;
}
html, body {
    height: 100%;
    width: 100%;
}

 #mapid{
   height: 95%;
   width: 100%;
/* margin-top:10px; */
 }

.toast{
  margin-top: 10vh;
  z-index:2000;
}

.hidd{
  visibility: hidden;
}

#info_text{
  color:black;
  font-size: 20px;
//  background-color: white;
  /* margin-right: 5px; */
    margin-top: 30px;
    /* max-height: 65vh; */
    min-width:20rem;
}

ul {
  list-style-position: inside;
  padding-left: 0;
  max-height:60vh;
}

.card{
  /* max-height:400px; */
}

.li:hover{
  background-color: yellow;
}

/* li:before { content: '\1F637'; margin-left: -20px; margin-right: 10px; }  */

#dateStyle{
color: orange;

}

#codeStyle{
color: red;

}

#caseItem{
margin-left: -10px;

}



.scanning:after {
  content: '';
  /* make the element cover the whole thing */
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* and sit in front */
  z-index: 1000;
  /* gradient with a radar like fade */
  background:
    linear-gradient(0deg,
      rgba(0,0,0,0.5),
      rgba(0,0,0,1) 50%,
      rgba(0,255,0,.5) 55%,
      rgba(0,255,0,1) 56%,
      rgba(0,0,0,1) 56%,
      rgba(0,0,0,1)
    );
  /* make it big enough so when we slide it around still covers whole image */
  background-size:     100% 300%;
  background-repeat:   no-repeat;
  /* start with the scan bar just off the left side */
  background-position: center 84%;
  -webkit-animation:   scan 5s infinite ease;
}

@-webkit-keyframes scan {
  /* finish with the scan bar just off the right side */
  100% { background-position:  center 25%; }
}