/* This is fucked up, do not use translate or transform because there is an issue with chrome and pixels use flexbox!!!! */         
.myspinner_popup {





   border:solid 0px red;

}


.modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0); /* Black w/ opacity */

            -ms-flex-align: center;
            -webkit-align-items: center;
            -webkit-box-align: center;

            justify-content: center;


}


#myspinner_text{


   color:black;
   animation: myspinner_pulse 20s ease infinite;


   /* This is static so it can stay here */
   border-radius:10px;     
   border:solid 2px black;
   background:white;
   padding:10px;
   font-size:13px;
   text-align:center;     
}


/* Standard syntax */
@keyframes myspinner_pulse {
   0% {border:solid 1px black;opacity:0.9;background:white;color:black; }
   50% {border:solid 1px white;opacity:0.9;background:black;color:white; }
}