@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;1,100;1,300&display=swap);.component-barcode-scanner[data-v-5d3aa236]{width:100%;height:100%;position:relative;resize:both}.dbrScanner-bg-loading[data-v-5d3aa236]{animation:dbrScanner-rotate-5d3aa236 1s linear infinite}.dbrScanner-bg-camera[data-v-5d3aa236],.dbrScanner-bg-loading[data-v-5d3aa236]{width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa}.dbrScanner-cvs-drawarea[data-v-5d3aa236],.dbrScanner-cvs-scanarea[data-v-5d3aa236],.dbrScanner-video[data-v-5d3aa236]{width:100%;height:100%;position:absolute;left:0;top:0}.dbrScanner-scanlight[data-v-5d3aa236]{width:100%;height:3%;position:absolute;animation:dbrScanner-scanlight-5d3aa236 3s infinite;border-radius:50%;box-shadow:0 0 2vw 1px #00e5ff;background:#fff}.dbrScanner-sel-camera[data-v-5d3aa236]{margin:0 auto;position:absolute;left:0;top:0}.dbrScanner-sel-resolution[data-v-5d3aa236]{position:absolute;left:0;top:20px}@keyframes dbrScanner-rotate-5d3aa236{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}@keyframes dbrScanner-scanlight-5d3aa236{0%{top:0}to{top:97%}}body{font-family:Kanit,sans-serif!important;background-color:#000!important;min-height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:#272727}.h1,h1,h2,h3,h4,h5,p{font-family:Kanit,sans-serif!important;color:#004a7c!important}.navbar{padding-top:0!important;background-color:#004a7c!important;color:#fff}.navbar p h1 h2 h3 h4 h5{color:#fff!important}#app{font-family:Kanit,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error{color:tomato!important}.success{color:#63c072!important}.warning{color:#db9511!important}.white{color:#fff!important}.btn_myicon{border-radius:50%!important;border:2px solid #db9511!important;color:#db9511!important}.btn_myicon:active,.btn_myicon:hover{color:#fff!important;background-color:#db9511!important;border-color:#db9511!important}.btn_myicon_success{border-radius:50%!important;color:#fff!important;background-color:#004a7c!important;border-color:#004a7c!important;width:135px;height:135px}.btn_myicon_success:active{background-color:none!important;border:5px solid #004a7c!important;color:#004a7c!important}.btn_myicon_success:hover{background-color:none!important;border:5px solid #db9511!important;color:#db9511!important}.btn_icontools_green{border-radius:50%!important;border:2px solid #198754!important;color:#198754!important}.btn_icontools_green:active,.btn_icontools_green:hover{color:#fff!important;background-color:#198754!important;border-color:#198754!important}.msg_overlay{position:fixed;padding-top:50%;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.91);z-index:1300!important}.btn-sofcot{color:#fff!important;background-color:#004a7c!important;border-color:#004a7c!important}.btn-sofcot-inv,.btn-sofcot:active,.btn-sofcot:hover{color:#004a7c!important;background-color:#fff!important;border-color:#004a7c!important}.btn-sofcot_inv:active,.btn-sofcot_inv:hover{color:#fff!important;background-color:#004a7c!important;border-color:#004a7c!important}.green_back{background-color:#198754!important}.red_back{background-color:brown!important}