#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#1a80b6}#webcam-app{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:82vh}.webcam-container{background-color:#000}#background-container,.webcam-container{height:100vh;width:100vw}@media screen and (min-width:768px){.webcam-container{background-attachment:fixed}}.form-control.webcam-start{position:relative;background:#00447f;opacity:.9;padding:10px 20px;border:none;color:#fff;text-shadow:1px 1px #000;font-size:1.2rem;width:350px;height:55px;z-index:1000;top:45%;left:0;right:0;margin:auto}.form-control.webcam-on{position:fixed;top:10vh;bottom:auto;left:0;right:auto;transition:all .1s;width:145px!important}.form-control.webcam-off{transition:all .1s}.form-switch{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.form-switch i{position:relative;display:inline-block;margin-right:.5rem;width:60px;height:30px;background-color:#e6e6e6;border-radius:25px;vertical-align:text-bottom;transition:all .3s linear}.form-switch i:before{width:56px;height:25px;border-radius:15px;transform:translate3d(2px,2px,0) scaleX(1);transition:all .25s linear}.form-switch i:after,.form-switch i:before{content:"";position:absolute;left:0;background-color:#fff}.form-switch i:after{width:26px;height:26px;border:1px solid grey;border-radius:15px;box-shadow:2px 2px 2px rgba(0,0,0,.25);transform:translate3d(2px,2px,0);transition:all .2s ease-in-out}.form-switch:active i:after{width:60px;transform:translate3d(2px,2px,0)}.form-switch:active input.checked+i:after{transform:translate3d(16px,2px,0)}.form-switch input{display:none}.form-switch input.checked+i{background-color:#4bd763}.form-switch input.checked+i:before{transform:translate3d(18px,2px,0) scale3d(0,0,0)}.form-switch input.checked+i:after{transform:translate3d(30px,2px,0)}.form-switch input:disabled+i{background-color:#eee;cursor:not-allowed}.form-switch input:disabled+i:after{box-shadow:0 2px 2px rgba(0,0,0,.1)}#ocrResultMsg{position:fixed;bottom:auto;top:20px;right:5%;width:auto;max-width:85%;background:#fff;padding:10px 13px;border-radius:10px;z-index:1000;font-size:12px;box-shadow:0 10px 15px -6px rgba(0,0,0,.5),0 5px 15px 5px transparent;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:.95;text-align:left}.app-panel{height:100vh;width:100vw;text-align:center;background-color:#000}#webcam{display:block;position:relative;width:auto;z-index:99;pointer-events:none}#webcam,.md-modal{height:100vh;margin:auto}.md-modal{position:fixed;top:0;left:0;right:0;width:100vw;z-index:999;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.md-show{opacity:1;visibility:visible}.md-effect-12 .md-content{transform:scale(.8);opacity:0;transition:all .3s}.md-show.md-effect-12{background-color:#e4f0e3}.md-effect-12 .md-content,.md-effect-12 .md-content h3{background:transparent}.md-show.md-effect-12 .md-content{transform:scale(1);opacity:1}#errorMsg{position:fixed;top:22vh;left:0;padding:20px;z-index:999}@media screen and (min-width:768px){#errorMsg{position:fixed;top:32vh;left:20vw;padding:20px;z-index:999}}#cameraFlip{width:70px;height:55px;margin-left:40px;margin-top:-10px;position:absolute;cursor:pointer;background-color:#000;background-position:50%;background-repeat:no-repeat;background-image:url(../img/camera_flip_white.f2c86a4f.png);background-size:cover}.cameraControls{position:absolute;bottom:16%;width:100%;z-index:1000;background:transparent;opacity:.7;padding:10px}.material-icons{font-size:50px!important;color:#fff;width:80px;height:80px;background-color:#000;border-radius:50%;padding-top:15px;margin:0 10px}.flash{position:fixed;width:100%;height:100%;background-color:#fff}#canvas,.flash{top:0;left:0;z-index:999}#canvas{background-color:transparent;position:absolute;width:auto;height:100vh;margin:auto;right:0;margin-left:auto;margin-right:auto}@media screen and (min-width:420px) and (max-width:767px){.form-control.webcam-on{top:17vh;left:0}}@media screen and (min-width:1024px){.form-control.webcam-on{top:16vh;left:8vw}}.webcam-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;opacity:.6;padding:0}.webcam-overlay-bar{position:absolute;opacity:.85}.webcam-overlay-bar-v{top:0;width:2px;height:100%}.webcam-overlay-bar-left{left:20%;background:grey}.webcam-overlay-bar-mid{right:49.875%;background:grey}.webcam-overlay-bar-right{right:20%;background:orange}.webcam-overlay-bar-h{left:0;width:100%;height:2px}.webcam-overlay-bar-top{top:15%;background:orange}.webcam-overlay-bar-bottom{bottom:20%;background:grey}.webcam-overlay-pointer{position:absolute;font-size:40px;z-index:999;right:20.5%}.webcam-overlay-pointer-top{color:orange;top:-45px;transform:rotate(225deg)}.webcam-overlay-pointer-bottom{color:grey;top:5px;transform:rotate(315deg)}.btn-group{box-shadow:0 1px 5px 0 rgba(0,0,0,.3);border-radius:6px}.btn-group,.btn-primary{border-color:#fff!important}.btn-primary{text-shadow:0 0 2px rgba(0,0,0,.9)}.btn-secondary{border-color:#fff!important;text-shadow:0 0 2px rgba(0,0,0,.7);color:#fff}