#qr-canvas {
    display: none;
}

#outdiv {
    width: 100%;
}

#v {
    width: 100%;
}

#html5-qrcode-button-camera-permission, #html5-qrcode-button-camera-stop, #html5-qrcode-button-camera-start {
    background-image: linear-gradient(to right, #FF512F 0%, #F09819 51%, #FF512F 100%);
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset;
    background-color: #f2711c;
    padding: 0.671429em 1em 0.671429em;
    font-size: 1rem;
    text-shadow: none;
    ursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0 0.25em 0 0;
    text-transform: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-decoration: none;
    border-radius: 0.28571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}