.pointer-all { pointer-events: all; }
.pointer-none { pointer-events: none; }

.opacity-1 { opacity: 1; }
.opacity-05 { opacity: 0.5; }
.opacity-02 { opacity: 0.2; }
.opacity-0 { opacity: 0; }

.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }

.full-content { 
    position: absolute; 
    width: 100vw;
    height: 100vh;
    padding: 0 !important;
    margin: 0 !important; 
    overflow: hidden;   
}

.aspectr-1-08 { aspect-ratio: 1/0.8; }

.bg-stretch { background-size: 100% 100%; }
.bg-cover {
    /* background: url(images/bg.jpg) no-repeat center center fixed; */
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.bg-no-repeat { background-repeat: no-repeat; }

.bg-transparent { background-color: rgba(0, 0, 0, 0) !important;  }

#scanner-logo {
    width: 100px;
    height: 100px;
    background-image: url('img/scanner_logo.png');
    background-size: cover;
}

#scanner-circle {
    width: 100%;
    height: 100%;
    background-image: url('circle.png');
    background-size: cover;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5)
}