/* INFOPOP */

.nope {width: 100%; height: 100%; text-align: center;  display: block; position: fixed; bottom: 0; z-index: 999; right: 0; background:#A81AF4; color:#fff;  }
.nope .text {font-family: Lato,Verdana; font-weight: 300; position: absolute; top: 50%; left:50%; width: 80%; text-align: center; line-height: 3rem; margin:-4rem 0 0 -40%; font-size:2rem;}
.nope .text i{  font-size:4rem;}
 
.status {width: 100%; height: 100%; text-align: center;  display: block; position: fixed; bottom: 0; z-index: 999; right: 0; background:#A81AF4; color:#fff;  }
.status .text {font-family: Lato,Verdana; font-weight: 300; position: absolute; top: 50%; left:50%; width: 80%; text-align: center; line-height: 3rem; margin:-4rem 0 0 -40%; font-size:2rem;}
.status .text .icon{  font-size:4rem; color:#fff }
.status .text  .info {font-size: 1.3rem;  }
.status_success {background:#6FBA1B; }
.status_fail {background:#A81AF4; }


.status_unverified  {background:#fafafa; color:#000; }
.status_unverified .text   { margin:-8rem 0 0 -40%; }
.status_unverified .text  .info {font-size: 1rem;  }
.status_unverified .text .icon{  font-size:4rem; color:#A81AF4 }

 


@media screen and (max-width: 900px) {

 
}

@media screen and (max-width: 500px) {

/* HELLO 500*/
 .status .text {  font-size:1.4rem;}
   }


 .error { display: block; padding: 2rem; background: #000; color: #fff;  }