.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index:1050;
   
   }
   
   .overlay:target {
    visibility: visible;
    opacity: 1;
   }
   
   .center-col {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
   }
   
   #popupBody{
    width: 85%;
    box-shadow: 0 0 5px #CCC;
    background: #FFF;
    position: relative;
    margin: 2% auto;
    transition: all 5s ease-in-out;
    overflow-y: auto;
    max-height: 92vh;
    text-transform:initial;
    font-size:14px;
   }


   
   #cerrar{
    position: absolute;
   top: 0px;
   right: 10px;
   font-size: 30px;
   font-weight: bold;
   text-decoration: none;
   color: #F00;
   transition: all 200ms;
   }

   #cerrar:hover{
       color:black;
       transition: .5s;
   }

   
   .cerrarPopup{
    display: none !important;
   }
   
   .abrirPopup{
    visibility:visible; 
    opacity: 1;
   }

   .coronavirus>.caja1>#boton{
       padding-bottom: 15px;
       padding-top: 15px;

   }
   
   .coronavirus{
       height:54px;
       display:flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }

   #boton:hover{
       color: lightskyblue;
       transition:.3s;
   }

   .popupContent{
       color: black;
   }

   .grupo1{
       display:flex;
       flex-direction:row;
       justify-content:center;
       align-items: center;
       width:100%;
       margin: 10px;
   }

   .grupo2{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    width:100%;
    margin-top:10px;
}

.grupo1>div, .grupo2>div{
    padding: 10px;
}

.grupo1>div>p, .grupo2>div>p{
    margin:0 !important;
}

.grupo1>div:first-child, .grupo2>div:first-child{
    margin-right:20px;
}

.grupo1>div:nth-child(2), .grupo2>div:nth-child(2){
    margin-right:20px;
}

.popupContent{
    padding: 2% 3% 0% 3%;
}

.popupContent2{
    background-color: #efefee;
    color: black;
    padding: 3%;
}

.popupBody::-webkit-scrollbar:vertical {
    width:10px;
}

.popupBody::-webkit-scrollbar-button:increment,.popupBody::-webkit-scrollbar-button {
    display: none;
} 

.popupBody::-webkit-scrollbar:horizontal {
    height: 10px;
}

.popupBody::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.popupBody::-webkit-scrollbar-track {
    border-radius: 10px;  
}
