#scan-icon {
    float: right;
    position: relative;
    display: inline-block;
    top: 12px;
    margin-right: 10px;
}
#wk_cart_icon {
    text-align: center;
}
.display-none {
    display: none !important;
}
.qrcode-modal {
    width: 520px;
    max-width: 100%;
    margin: 0 auto;
}
.scan-p {
    font-size: 24px;
}
#reader {
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* position: fixed; */
    z-index: 500;
}
.reader-title {
    position: absolute; left: 16px; right: 16px; top: 24px; font-size: 24px; text-align: center; 
    display: none;
}
#reader-qr-scan {
    position: absolute;
    width: 300px;
    left: 0;
    right: 0;
    margin-top: 40%;
    margin-left: auto;
    margin-right: auto;
    z-index: 9999;
}
.reader-button {
    position: absolute; left: 16px; right: 16px; bottom: 16px; text-align: center;
    display: none;
}
.reader-button-span {
    background: #1979c3; display: inline-block; padding: 13px 18px; color: #FFF; font-size: 16px; border-radius: 6px; text-transform: uppercase; width: 100%; box-sizing: border-box; 
    display: none;
}