#qr-canvas{margin:auto;width:400px;height:400px;max-width:400px}#btn-scan-qr{cursor:pointer}#btn-scan-qr img{height:10em;padding:15px;margin:15px;background:#fff}#qr-result{font-size:1rem;margin:20px auto;text-align:center;max-width:700px;background-color:#fff;color:#cc0008}.container-qr{margin:0 auto;width:100%;height:375px;max-width:500px}#qrVideoElement{margin:0 auto;width:100%;height:300px;display:block;position:absolute;top:0;left:0;-moz-transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.0);-ms-transform:scale(3.0);transform:scale(3.0)}.fa-qrcode{font-size:1.8rem;color:#6c757d}.stage{width:100%;height:300px;position:relative;overflow:hidden}