*{touch-action:pan-x pan-y}body,html{height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{display:flex;align-items:center;padding-top:40px;padding-bottom:40px;background-color:#f4f4f4;color:#313131}.form-control{border:1px solid #9c9c9c}input:active,input:focus,input:hover,select:active,select:focus,select:hover{outline:0!important;transition:none!important;box-shadow:none!important;border:1px solid #9c9c9c!important}.cGreen{color:#09d266}.cRed{color:#d20a11}.cBlue{color:#0976d2}.cDarkGray{color:#575757}.ml25{margin-left:25px}.pr{position:relative}.cp{cursor:pointer}.ttu{text-transform:uppercase}.wsi{white-space:initial}.fs125{font-size:1.25rem}.w100p{width:100%}.dib{display:inline-block}.m-125{margin:1.25rem 0}.fsi{font-style:italic}.link,a{color:#d20a11}.link:hover,a:hover{color:#313131;cursor:pointer}.link.cGreen,a.cGreen{color:#09d266}.btn{color:#fff;transition:none!important;outline:0!important;box-shadow:none!important}.btn:active,.btn:focus,.btn:hover{color:#fff!important;transition:none!important;outline:0!important;box-shadow:none!important}.btn:disabled{background-color:rgb(130.5,130.5,130.5)!important;border-color:rgb(130.5,130.5,130.5)!important}.btn:disabled:active,.btn:disabled:focus,.btn:disabled:hover{background-color:rgb(130.5,130.5,130.5)!important;border-color:rgb(130.5,130.5,130.5)!important}.btn-default{background-color:#9c9c9c;border-color:rgb(130.5,130.5,130.5)!important}.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:rgb(130.5,130.5,130.5)!important;border-color:rgb(130.5,130.5,130.5)!important}.btn-primary{background-color:#575757;border-color:#313131}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#313131!important;border-color:#313131!important}.btn-success{background-color:#09d266;border-color:rgb(6.904109589,161.095890411,78.2465753425)}.btn-success:active,.btn-success:focus,.btn-success:hover{background-color:rgb(6.904109589,161.095890411,78.2465753425)!important;border-color:rgb(6.904109589,161.095890411,78.2465753425)!important}.btn-danger{background-color:#d20a11;border-color:rgb(161.3181818182,7.6818181818,13.0590909091)}.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background-color:rgb(161.3181818182,7.6818181818,13.0590909091)!important;border-color:rgb(161.3181818182,7.6818181818,13.0590909091)!important}.badge-primary{background-color:#d20a11}.badge-white{top:0!important;background:#fff;color:#333}.badge-gray{background-color:#f4f4f4}#app{width:100%;max-width:330px;padding:15px;margin:auto}#app .app-msg{position:fixed;top:50px;left:0;z-index:10;border-radius:0;margin:0;text-align:center}#app .clear-search-icon{position:absolute;top:6px;right:6px;fill:#d20a11;height:26px;width:26px}#app .info{position:absolute;bottom:20px;right:20px;text-align:right;display:block;z-index:100}#app .language-box{text-align:center}#app .language-box p{margin-bottom:5px;font-weight:700}#app .language-box img{margin:0 5px}#app .logo-box-2{display:block;text-align:center}#app .logo-box-2 img{height:45px;vertical-align:initial}#app .logo-box-2 b{margin-left:0;font-size:61px;position:relative;top:-1px;color:#575757;font-weight:400}#app .view{display:none}#app .view.active{display:block}#app .view-image{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center}#app .view-image.active{display:flex}#app .view-image .spinner-border{position:absolute;top:50%;left:50%;margin-left:-1rem;margin-top:-1rem;z-index:-1}#app .view-image .close-img{position:fixed;top:10px;right:10px;background:#fff;padding:5px;border-radius:100%;z-index:10;cursor:pointer}#app .view-image .close-img img{width:100%;height:auto}#app .view-image .close-img svg{height:40px;fill:#d20a11}#app .view-main{position:absolute;top:0;left:0;width:100%;height:100%}#app .view-main .header{background-color:#575757;padding:11px 15px;position:fixed;left:0;top:0;width:100%;z-index:10;height:50px;text-align:center}#app .view-main .header img{height:20px}#app .view-main .header b{font-weight:300;font-size:28px;color:#fff;line-height:20px;vertical-align:middle;display:inline-block;margin-left:-2px}#app .view-main .header .offline-data{position:absolute;top:7px;right:15px}#app .view-main .header .offline-data .info-icon{width:36px;height:36px;margin-right:5px;fill:#fff;cursor:pointer}#app .view-main .header .offline-data .internet{display:inline-block;vertical-align:middle;background-color:#fff;border-radius:.25rem;padding:3px}#app .view-main .header .offline-data .internet svg{height:30px;width:30px}#app .view-main .header .offline-data .num{position:absolute;bottom:2px;right:3px;font-size:12px;font-weight:700;background:#fff;line-height:12px}#app .view-main .header .notes-icon{position:absolute;top:7px;right:59px}#app .view-main .header .notes-icon .fa-bell{display:inline-block;vertical-align:middle;background-color:#fff;border-radius:.25rem;padding:3px 5px;font-size:30px}#app .view-main .header .notes-icon .num{position:absolute;top:12px;left:0;width:100%;color:#fff;font-size:12px;font-weight:700;line-height:12px}#app .view-main .header .go-back-btn{position:absolute;top:7px;left:15px}#app .view-main .header .logo-box{position:relative}#app .view-main .header .logo-box .spinner-border{position:absolute;top:0;right:-22px}#app .view-main .content{margin-top:50px;padding:15px}#app .view-main .content .settings-icon{position:relative;top:-2px}#app .view-main .content select{border-radius:4px;padding:5px;border:1px solid #9c9c9c;vertical-align:middle}#app .view-main .content .badge{top:4px}#app .view-main .content .svg-0{height:16px;width:16px;fill:#fff;position:relative;top:-2px;margin-right:5px}#app .view-main .content .svg-1{height:16px;width:16px;fill:#d20a11;position:relative;top:-2px;margin-right:7px}#app .view-main .content .svg-2{height:36px;width:36px;margin-left:8px;cursor:pointer;fill:#9c9c9c}#app .view-main .content .svg-fff .svg-1{fill:#fff}#app .view-main .content .refill-products{position:relative}#app .view-main .content .refill-products b{display:block;margin-bottom:5px;font-weight:400}#app .view-main .content .refill-products input{width:82px;border-radius:4px;padding:5px;border:1px solid #999;vertical-align:middle}#app .view-main .content .refill-products input::-webkit-inner-spin-button,#app .view-main .content .refill-products input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#app .view-main .content .refill-products input[type=number]{-moz-appearance:textfield}#app .view-main .content .refill-products input:hover{border:1px solid rgba(0,0,0,.1254901961)!important}#app .view-main .content .refill-products input.error{border:3px solid #d20a11!important}#app .view-main .content .refill-products .up-down-btn{border-radius:4px;padding:5px;border:1px solid #999;vertical-align:middle;font-size:24px;width:36px;text-align:center;color:#313131;background:#fff}#app .view-main .content .refill-products .fill-state{max-width:340px;display:flex}#app .view-main .content .refill-products .fill-state .bar,#app .view-main .content .refill-products .fill-state .num{border:1px solid #999;border-radius:4px;padding:1px;background:#fff}#app .view-main .content .refill-products .fill-state .bar{width:100%;overflow:hidden}#app .view-main .content .refill-products .fill-state .bar>div{height:100%;border-radius:4px;max-width:100%;display:inline-block}#app .view-main .content .refill-products .fill-state .bar .after-refill{background-color:#9c9c9c;background-size:10px 10px}#app .view-main .content .refill-products .fill-state .bar.combine>div:first-child{border-top-right-radius:0;border-bottom-right-radius:0}#app .view-main .content .refill-products .fill-state .bar.combine>div:last-child{border-top-left-radius:0;border-bottom-left-radius:0}#app .view-main .content .refill-products .fill-state .num{width:82px;text-align:center;margin-right:5px;overflow:hidden;height:28px}#app .view-main .content .search-machine{width:100%;border-radius:4px;padding:5px;border:1px solid #9c9c9c;vertical-align:middle}#app .view-main .content .card-body ul{padding-left:0;list-style:none}#app .view-main .content .card-body ul.machine-errors{margin-bottom:0}#app .view-main .content .machine-icon{position:relative;top:-3px;left:-2px;margin-right:2px;fill:#d20a11}#app .view-main .content .scanCode .video{width:100%;position:relative;padding:0;overflow:hidden;border:1px solid #9c9c9c;border-radius:4px}#app .view-main .content .scanCode .video::before{padding-top:100%;display:block;content:""}#app .view-main .content .scanCode .video #video{position:absolute;top:-100%;left:-100%}#app .view-main .content .scanCode .video #video.widthBiggerHeight{position:absolute;top:0;height:100%;transform:translateX(25%);left:-50%;width:auto}#app .view-main .content .scanCode .video #video.heightBiggerWidth{position:absolute;top:-50%;width:100%;transform:translateY(25%);left:0;height:auto}#app .view-main .content .scanCode .preview-container{height:330px;flex-direction:column;align-items:center;justify-content:center;display:flex;width:100%;overflow:hidden}#app .view-main .content .scanCode .switch-camera{margin-bottom:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app .view-main .content .scanCode .switch-camera svg{width:50px;fill:#9c9c9c;cursor:pointer}#app .view-main .content .scanCode .switch-camera svg:hover{fill:#838383}#app .view-main .content .scanCode .switch-camera span{margin:0 10px;width:calc(100% - 120px);overflow:hidden;border:1px solid #9c9c9c;display:inline-block;text-align:center;line-height:38px;vertical-align:middle;background:#fff;padding:5px;border-radius:4px;height:50px}#app .view-main .content .table-wrapper{overflow:auto;white-space:nowrap}#app .view-main .content .machine-details .machine-errors{margin-bottom:0;white-space:initial}#app .view-main .content .machine-image img{width:100%;height:auto;cursor:pointer}#app .view-main .content .machine-img-upload .img-box,#app .view-main .content .note-img-upload .img-box{display:flex}#app .view-main .content .machine-img-upload .img-box>div,#app .view-main .content .note-img-upload .img-box>div{flex-grow:1}#app .view-main .content .machine-img-upload svg,#app .view-main .content .note-img-upload svg{height:20px;position:relative;top:-2px;margin-left:5px}#app .view-main .content .list-group-item.active{background-color:#d20a11;border-color:#d20a11}#app .view-main .content .list-group-item.active .w14tac{color:#fff}#app .view-main .content .product-badge{position:relative;top:-2px!important}#app .view-main .content .product-badge .w14tac{color:#fff}#app .view-main .content .change-product input{width:82px;border-radius:4px;padding:5px;border:1px solid #999!important;vertical-align:middle}#app .view-main .content .change-product input.error-input{border:1px solid red!important}#app .view-main .content .change-product select{border:1px solid #999!important;width:100%}#app .view-main .content .change-product span{width:120px}#app .view-main .content .replace-product .selected-replace-product,#app .view-main .content .replace-product input{width:100%;border-radius:4px;padding:5px 10px;border:1px solid #999!important;vertical-align:middle}#app .view-main .content .replace-product input.error-input{border:1px solid red!important}#app .view-main .content .replace-product .selected-replace-product{position:relative;padding-right:33px}#app .view-main .content .replace-product .selected-replace-product .fa-xmark{position:absolute;top:5px;right:8px;color:#d20a11;font-size:24px}#app .view-main .content .replace-product select{border:1px solid #999!important;width:100%}#app .view-main .content .replace-product .available-products{height:206px;overflow-y:auto;border:1px solid #999;border-radius:4px;margin-bottom:0}#app .view-main .content .replace-product .available-products li{padding:5px 10px}#app .view-main .content .replace-product .available-products li:nth-child(even){background-color:#eee}#app .view-main .content .replace-product .replace-selector{width:46px}#app .view-main .content .replace-product .screen-2 input{width:82px}#app .view-main .content .replace-product .screen-2 .separator{border-top:1px solid rgba(0,0,0,.125);margin:3rem 0;position:relative}#app .view-main .content .replace-product .screen-2 .separator span{color:#d20a11;position:absolute;background:#fff;top:-12px;font-weight:700;text-transform:uppercase;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;padding:0 5px}#app .view-main .content .packing-list-table{font-size:.75rem}#app .view-main .content .packing-list-table td{border:1px solid #dee2e6}#app .view-main .content .packing-list-table td:first-child{padding-left:0;border-left:0}#app .view-main .content .packing-list-table td:nth-child(2){text-align:right;width:32px}#app .view-main .content .packing-list-table td:last-child{padding-right:0;text-align:right;border-right:0;width:32px}#app .view-main .content .packing-list-table .packing-list-head td{color:#d20a11;font-weight:700;border:0}#app .view-main .content .packing-list-table .packing-list-space td{border:0;padding-top:1rem}#app .view-main .content .packing-list-table .selectors{font-style:italic;font-weight:700;font-size:.75rem}#app .view-main .content .packing-list-table .w14tac{margin-right:0!important}#app .view-main .content .packing-list-table input{position:relative;bottom:-2px}#app .view-main .content .packing-list-info{font-size:.75rem}#app .view-main .content .packing-list-info table td{padding:.25rem}#app .view-login .form-control{position:relative;box-sizing:border-box;height:auto;padding:10px;font-size:16px}#app .view-login .form-control:focus{z-index:2}#app .view-login input[type=email]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}#app .view-login input[type=password]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}#app hr{border-top:1px solid rgba(0,0,0,.125)}#app .view-installApp span{color:#0a7dfe}#app .view-installApp .ios-icon{vertical-align:top;fill:#0a7dfe;height:32px;margin-top:.75rem}.msRed{color:#c9302c}.mScore{color:#fff;display:inline-block;border-radius:4px;width:50px;text-align:center;padding:1px 0;font-size:14px}.mScore2{padding:1px 6px;width:auto}.msBgRed{background-color:#c9302c}.msBgOrange{background-color:#ec971f}.msBgGreen{background-color:#449d44}.wrong-price{background-color:#c9302c;color:#fff}.mdh-score{background-color:#f4f4f4;border-radius:4px;padding:4px}.mdh-score .mScore{margin-right:10px}.light-box{background-color:#f4f4f4;border-radius:4px;padding:.75rem}.fwb{font-weight:700}.vatt{vertical-align:text-top}.prtm2{position:relative;top:-2px}.hide{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.debug-box{border:1px dashed #ccc;padding:10px;border-radius:4px;margin-bottom:10px;color:#d20a11}.error-box{padding:10px;border-radius:4px;background:#d20a11;color:#fff;position:relative}.error-box .triangle{position:absolute;top:-8px;left:5px}.w14tac{width:14px;text-align:center}.bsd{border-style:dashed!important}.selected2{background:#fcf8e3;border:1px dashed #9c9c9c}.card .badge-count{position:absolute;top:-5px!important;left:-5px}.selected{background-color:#c9302c!important;color:#fff!important}.triangle{width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #d20a11 transparent;transform:rotate(0)}.hr-1{margin:.75rem 0}.b0{border:0}.membership-page input{border-radius:4px}.membership-page .error-input{border:1px solid red}.membership-page .error-box{color:red;background:#fff;border:1px solid red;border-radius:4px;padding:5px 10px}.membership-page .error-box input[type=checkbox]{margin:0 10px 0 0}.toClipboard{background:0 0;border:0;padding:0 50px 0 0;outline:0!important}.mhd,.vdp-datepicker input{width:195px!important;cursor:pointer}.vdp-datepicker__calendar{border-color:rgba(0,0,0,.1254901961)!important;border-radius:4px;width:100%!important;z-index:1!important;top:45px;background:#eee!important;padding:15px}.vdp-datepicker__calendar .cell.selected{border-radius:4px}.vdp-datepicker__clear-button{color:#d20a11;display:inline-block;margin-left:5px;font-size:22px;font-weight:900;background:#fff;border-radius:4px;line-height:34px;padding:0 10px;border:1px solid #999;vertical-align:middle}.vdp-datepicker__clear-button i{font-style:normal}.vdp-datepicker__clear-button>span{position:relative;top:-2px}.input{width:82px;border-radius:4px;padding:5px;border:1px solid #999;vertical-align:middle}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input:hover{border:1px solid rgba(0,0,0,.1254901961)!important}.selected-date{scroll-margin-top:calc(50px + 1rem)}.btn-radio{border-radius:100%;padding:0;line-height:0}.btn-radio b{display:inline-block;width:30px;height:30px;background:#fff;border:5px solid #fff;border-radius:100%;margin:2px}.btn-radio.active b{background:#09d266}.view.dev{-webkit-user-select:text;-moz-user-select:text;user-select:text}.border-box{border-radius:4px;padding:5px;border:1px solid #9c9c9c;width:100%}.msg-box{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;background-color:#fff;z-index:5;display:flex;justify-content:center;align-items:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;background-color:#fff;z-index:15;overflow-y:auto}.overlay .spinner-border{width:20px;height:20px}.close-fault-note{position:absolute;top:20px;right:20px;color:#d20a11;font-size:24px}#app .answer hr{border-top:1px solid #ccc;margin:10px 0}#app .answer .answer-date{font-size:12px;background:rgba(255,255,255,.6);padding:0 6px;border-radius:6px}.dp-box{position:relative}.dp-box.expired input{background-color:#d20a11;color:#fff}.dp-box.soon input{background-color:#ffc107}@keyframes progress-bar-stripes{0%{background-position-x:10px}}.fault-note{background-color:#f2dede;padding:10px;border-radius:4px}