body, input {font-size:14pt}
input, label {vertical-align:middle}
.qrcode-text {padding-right:1.7em; margin-right:0}
.qrcode-text-btn {display:inline-block; background:url(//dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg) 50% 50% no-repeat; height:1em; width:1.7em; margin-left:-1.7em; cursor:pointer}
.qrcode-text-btn > input[type=file] {position:absolute; overflow:hidden; width:1px; height:1px; opacity:0}


#wrapper{
    position: relative;
}

#video{
    position: absolute;
    top: 0px;
    left: 0px;
    /* visibility: hidden; */
    position:absolute;opacity:0;top:0;left:0;z-index:-1000
}

#camera-canvas{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

#rect-canvas{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#qr-msg{
    position: absolute;
    top: 500px;
    left: 0px;
}

#login_video{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    position:absolute;opacity:0;top:0;left:0;z-index:-1000
}

#login_camera-canvas{
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 50;
    transform: translateX(-50%);
}

#login_rect-canvas{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}