body,html{width:100%;height:100%}body{font-family:Roboto,sans-serif;font-size:14px;background:#fff}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-style:italic}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.container{padding-left:5px;padding-right:5px}.row{margin-left:-5px;margin-right:-5px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.fade-in-enter-active{transition:opacity .5s}.fade-in-enter,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{position:relative;transition:all .3s ease;left:0;right:auto!important}.slide-left-enter,.slide-left-leave-to{left:-100%!important;right:auto!important}.slide-right-enter-active,.slide-right-leave-active{position:relative;transition:all .3s ease;right:0;left:auto!important}.slide-right-enter,.slide-right-leave-to{right:-100%!important;left:auto!important}.slide-down-enter-active,.slide-down-leave-active{position:relative;transition:all .3s ease;bottom:0;top:auto!important}.slide-down-enter,.slide-down-leave-to{bottom:-100%!important;top:auto!important}.flip-list-move{transition:transform .3s}.m-notify-container{position:fixed;bottom:10px;left:0;width:100%;z-index:10000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.m-notify-container .m-notify-wrapper{display:inline-block;max-width:500px}.m-notify-container .m-notify-wrapper .m-notify{display:flex;align-items:center;padding:9px 10px;font-size:14px;overflow:hidden;border-radius:4px;box-shadow:0 1px 8px rgba(0,0,0,.15);color:#fff;background:rgba(0,0,0,.75);pointer-events:all;position:relative}.m-notify-container .m-notify-wrapper .m-notify .m-notify-icons{float:left;margin-right:10px}.m-notify-container .m-notify-wrapper .m-notify .m-notify-icons svg{display:inline-block;width:22px;height:22px}.m-notify-container .m-notify-wrapper .m-notify .m-notify-content{width:100%}.m-notify-container .m-notify-wrapper .m-notify .m-notify-description{line-height:1.6;color:#fff}.m-notify-container .m-notify-wrapper+.m-notify-wrapper{margin-top:10px}.m-notify-container .m-notify-wrapper:after,.m-notify-container .m-notify-wrapper:before{content:"";clear:both;display:table}.m-notify-fade-in{-webkit-animation:m-notify-fade-in .3s;animation:m-notify-fade-in .3s}.m-notify-fade-out{-webkit-animation:m-notify-fade-out .3s;animation:m-notify-fade-out .3s}.m-alert-fade-in{-webkit-animation:m-alert-fade-in .3s;animation:m-alert-fade-in .3s}.m-alert-fade-out{-webkit-animation:m-alert-fade-out .3s;animation:m-alert-fade-out .3s}.m-alert-container{display:flex;position:fixed;z-index:2050;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;background-color:transparent;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.4)}.m-alert-container .m-alert{position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;z-index:1}.m-alert-container .m-alert .m-alert-header{display:flex;flex-direction:column;align-items:center}.m-alert-container .m-alert .m-alert-header .m-alert-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex}.m-alert-container .m-alert .m-alert-header .m-alert-icon:before{display:flex;align-items:center;height:92%;font-size:3.75em}.m-alert-container .m-alert .m-alert-header .m-alert-icon-info{border-color:#9de0f6;color:#3fc3ee}.m-alert-container .m-alert .m-alert-header .m-alert-icon-info:before{content:"i"}.m-alert-container .m-alert .m-alert-header .m-alert-icon-success{border-color:#a5dc86;position:relative}.m-alert-container .m-alert .m-alert-header .m-alert-icon-success:before{content:"";display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86;top:2.875em;left:.875em;width:1.5625em;transform:rotate(45deg);font-size:inherit}.m-alert-container .m-alert .m-alert-header .m-alert-icon-success:after{content:"";display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86;top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.m-alert-container .m-alert .m-alert-header .m-alert-icon-warning{border-color:#facea8;color:#f8bb86}.m-alert-container .m-alert .m-alert-header .m-alert-icon-warning:before{content:"!"}.m-alert-container .m-alert .m-alert-header .m-alert-icon-error{border-color:#f27474;position:relative}.m-alert-container .m-alert .m-alert-header .m-alert-icon-error:before{content:"";display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474;left:1.0625em;transform:rotate(45deg);font-size:inherit}.m-alert-container .m-alert .m-alert-header .m-alert-icon-error:after{content:"";display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474;right:1em;transform:rotate(-45deg)}.m-alert-container .m-alert .m-alert-header .m-alert-icon-question{border-color:#c9dae1;color:#87adbd}.m-alert-container .m-alert .m-alert-header .m-alert-icon-question:before{content:"?"}.m-alert-container .m-alert .m-alert-header .m-alert-title{font-size:1.3rem;margin:10px 0}.m-alert-container .m-alert .m-alert-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.m-alert-container .m-alert .m-alert-input{height:42px}.m-alert-container .m-alert .m-alert-action{display:flex;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.m-alert-container .m-alert .m-alert-action button{display:inline-block;margin:0 5px;padding:8px 12px;min-width:80px}.m-spinner{stroke:#f2f2f2;stroke-width:3;stroke-linecap:round;background:none;vertical-align:middle}.m-spinner .path{fill:none;stroke:#f2f2f2}.m-spinner .active-path{fill:none;stroke:#20a0ff;transform-origin:50% 50%;stroke-dasharray:90,150;stroke-dashoffset:0;-webkit-animation:spinner-wipe 1.5s ease-in-out infinite,spinner-rotate 2s linear infinite;animation:spinner-wipe 1.5s ease-in-out infinite,spinner-rotate 2s linear infinite}.btn .m-spinner{float:left;margin-top:1px;margin-right:2px}.m-loading .bg{display:inline-block;background:#fff;padding:6px 10px;color:#333;font-size:13px;text-align:center;border-radius:5px;width:auto}.m-loading .bg svg{float:left;margin-right:5px}.m-loading .bg i{display:inline-block;width:20px;text-align:left}.m-loading .bg .tip{font-size:10px;margin-top:10px;line-height:12px}.m-loading .bg .tip:empty{display:none}.m-loading:not(.full){text-align:center;margin:10px 0}.m-loading.full{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:2000;display:flex;justify-content:center;align-items:center}.m-loading.full .bg{border:1px solid #ddd;box-shadow:0 2px 5px #888;max-width:80%}.content-html{overflow-x:hidden}.content-html ul{list-style-type:disc;padding-left:20px}.content-html ol{list-style-type:decimal;padding-left:20px}.content-html ul ul{list-style-type:circle;padding-left:40px}.content-html ol ol{list-style-type:lower-alpha;padding-left:40px}.content-html p{margin:0 0 10px}.content-html h1,.content-html h2,.content-html h3,.content-html h4,.content-html h5,.content-html h6{font-weight:700;margin-bottom:10px}.content-html h1{font-size:20px}.content-html h2{font-size:18px}.content-html h3{font-size:16px}.content-html h4{font-size:14px}.content-html h5{font-size:12px}.content-html h6{font-size:10px}.content-html table{width:100%;margin-bottom:15px;border:1px solid var(--black-color);border-collapse:collapse}.content-html table td,.content-html table th{border:1px solid var(--black-color);padding:8px}.content-html img{max-width:100%!important;margin:0!important}.content-html a{color:#0134cb}.form-check .form-check-input{width:14px;height:14px;margin-top:3px}.form-check label{margin-bottom:0}.btn.disabled,.btn:disabled{opacity:.4}.btn{font-size:14px}.btn-sm{font-size:13px}.btn-xs{font-size:12px;padding:4px 8px;line-height:1}.form-group.form-control{height:auto}.form-group label{margin-bottom:2px}.form-control{font-size:14px}.modal-open{overflow:hidden}.modal-open .modal{-webkit-overflow-scrolling:touch}.modal[data-backdrop=false]{background:rgba(0,0,0,.5)}.modal .modal-header{padding:12px}.modal .modal-title{font-size:15px;line-height:20px}.modal .modal-header .close{padding:10px 15px;margin:-12px -10px}.modal .modal-body{padding:15px}.modal .modal-footer{padding:5px}.card-header{padding:7px 10px}.card-body{padding:10px}.table>thead>tr>th{white-space:nowrap}.table td,.table th{padding:8px}a,a:active,a:focus,a:hover{text-decoration:none}a,a:not([href]){cursor:pointer}a{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.red{color:red}.yellow{color:#ff0}.orange{color:orange}.gray{color:grey}.green{color:green}.blue{color:#00f}.fs10{font-size:10px;line-height:12px}.fs11{font-size:11px;line-height:13px}.fs12{font-size:12px;line-height:14px}.fs17{font-size:17px}.fs20{font-size:20px}.app{display:flex;flex-direction:column;width:100%;height:100%;background:#3f51b5}.app header{background:#6495ed;padding:8px 12px}.app header .logo{float:left;width:50%;padding-top:4px}.app header .logo img{max-width:100%;height:50px;-o-object-fit:contain;object-fit:contain}.app header .user{float:right;width:50%;text-align:right}.app header .user span{display:block;color:#fff;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .content{flex-grow:1;overflow:auto;-webkit-overflow-scrolling:touch}.app .login{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app .login .card{width:300px}.app .btn-scan{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center}.app .btn-scan a.btn{font-size:30px;min-width:130px}.app .box-image{display:flex;width:100%;height:220px;background:#eee;border:2px solid #aaa;align-items:center;justify-content:center;margin:0 auto}.app .box-image.small{height:150px}.app .box-image img{display:block;max-width:100%;max-height:100%}.app .popup-scanner{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);padding:20px;z-index:101}.app .popup-scanner .popup-layout{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.app .popup-scanner .popup-content{height:inherit}.app .popup-scanner video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.app .popup-scanner video.started{background:#000}.app .popup-scanner canvas{display:none}.app .popup-scanner .popup-close{position:absolute;top:5px;right:5px;color:#fff;font-size:3em;padding:5px;cursor:pointer;line-height:30px;z-index:4}.app .popup-scanner .popup-close:active,.app .popup-scanner .popup-close:hover{color:#ddd}.app .popup-scanner .popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.app .popup-scanner .popup-overlay .popup-overlay-top{position:absolute;top:0;left:0;width:100%;height:calc(50% - 150px);background:rgba(0,0,0,.5);z-index:2}.app .popup-scanner .popup-overlay .popup-overlay-right{position:absolute;top:calc(50% - 150px);right:0;width:calc(50% - 125px);height:250px;background:rgba(0,0,0,.5);z-index:3}.app .popup-scanner .popup-overlay .popup-overlay-bottom{position:absolute;bottom:0;left:0;width:100%;height:calc(50% - 100px);background:rgba(0,0,0,.5);z-index:2}.app .popup-scanner .popup-overlay .popup-overlay-left{position:absolute;top:calc(50% - 150px);left:0;width:calc(50% - 125px);height:250px;background:rgba(0,0,0,.5);z-index:3}.app .popup-scanner .popup-overlay .popup-overlay-left:before{content:"";position:absolute;top:-4px;left:calc(100% - 4px);width:30px;height:30px;border-top:4px solid #fff;border-left:4px solid #fff;z-index:1}.app .popup-scanner .popup-overlay .popup-overlay-left:after{content:"";position:absolute;bottom:-4px;left:calc(100% - 4px);width:30px;height:30px;border-bottom:4px solid #fff;border-left:4px solid #fff;z-index:1}.app .popup-scanner .popup-overlay .popup-overlay-right:before{content:"";position:absolute;top:-4px;right:calc(100% - 4px);width:30px;height:30px;border-top:4px solid #fff;border-right:4px solid #fff;z-index:1}.app .popup-scanner .popup-overlay .popup-overlay-right:after{content:"";position:absolute;bottom:-4px;right:calc(100% - 4px);width:30px;height:30px;border-bottom:4px solid #fff;border-right:4px solid #fff;z-index:1}.app .popup-camera{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.app .popup-camera video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1}.app .popup-camera video.started{background:#000}.app .popup-camera canvas{display:none}.app .popup-camera .popup-close{position:absolute;top:5px;right:5px;color:#fff;font-size:3em;padding:5px;cursor:pointer;line-height:30px;z-index:4}.app .popup-camera .popup-close:active,.app .popup-camera .popup-close:hover{color:#ddd}.app .popup-camera .popup-take{position:absolute;left:50%;bottom:20px;width:80px;height:80px;margin-left:-40px;background:rgba(0,0,0,.2);color:#fff;font-size:33px;border:1px solid rgba(0,0,0,.4);border-radius:50%;text-align:center;line-height:80px;z-index:2}.app #modal_checkin .modal-header,.app #modal_checkout .modal-header{padding:15px}.app #modal_checkin .modal-header .modal-title,.app #modal_checkout .modal-header .modal-title{font-size:20px}.app #modal_checkin .modal-header .close,.app #modal_checkout .modal-header .close{font-size:2rem;padding:5px 10px}.app #modal_checkin .btn-lg,.app #modal_checkout .btn-lg{font-size:20px;padding:15px 20px}@-webkit-keyframes m-notify-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes m-notify-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes m-notify-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes m-notify-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@-webkit-keyframes m-alert-fade-in{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes m-alert-fade-in{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@-webkit-keyframes m-alert-fade-out{0%{transform:scale(1)}45%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(.7)}}@keyframes m-alert-fade-out{0%{transform:scale(1)}45%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(.7)}}@-webkit-keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes spinner-wipe{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes spinner-wipe{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}