body {
    background: #eeeeee;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.locked-qr-code {
    max-width: 300px;
    border-radius: 10px;
}

.waa {
    opacity: 0;
}

.loader {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position:fixed;
}

.closeModal {
    position: absolute;
    top:0;
    right:0;
    z-index:51;
    opacity:1;

}

#qrcode {
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    max-width: 100%;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-top: 40px;
}

#qrcode img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
}

#qrcode canvas {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19px;
}

#event-cover-container {
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size: 100% 100%;
    background-position:center;
    height: 300px;
    border-radius: 20px 20px 5px 5px;
}

.qrcode-locked-img {
    width: 160px;
    height: 160px;
}