html{width:100%;height:100%}html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;vertical-align: baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}ol,ul{list-style: none}blockquote,q{quotes: none}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none}table{width:100%;border-collapse: collapse;border-spacing: 0}br{clear:left}a{outline:none;text-decoration:none}:root{--0-bg-color: #ffffff;--1-bg-color: #1C0E23;--2-bg-color: #2BADE3;--3-bg-color: #9B3B8E;--4-bg-color: #30DBB5;--0-txt-color: #000;--1-txt-color: #ffffff;--2-txt-color: #1C0E23;--3-txt-color: #9B3B8E;--4-txt-color: #30DBB5;--brand-nav-bg: #1C0E23;--brand-nav-active-border: #9B3B8E;--brand-nav-bottom-bg: #1C0E23;--brand-nav-bottom-border: #9B3B8E;--brand-accent: #9B3B8E;--brand-accent-soft: rgba(155, 59, 142, 0.85);--brand-action: #9C3B91;--brand-action-hover: #A44C9A;--brand-field-focus: #9B3B8E;--brand-login-bg: #1C0E23;--brand-badge-bg: #E997B5;--brand-alert-bg: rgba(156, 59, 145, 0.6)}@font-face{font-family: "Roboto";src: url("../../../../../../_panel/_includes/css/_fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2") format("woff2");font-weight: 100 900;font-style: normal;font-display: swap}@font-face{font-family: "Roboto";src: url("../../../../../../_panel/_includes/css/_fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.woff2") format("woff2");font-weight: 100 900;font-style: italic;font-display: swap}body{width:100%;margin:0px 0px 0px 0px;padding:0;font-size:12pt;font-family: 'Roboto', sans-serif;color:#000;background:#EEEEEE;box-sizing:border-box;overscroll-behavior-y: contain}input, select, textarea{font-family: 'Roboto', sans-serif;font-size:16px}.hide{display:none !important}.clear{position:relative;clear:both}.text-left{text-align:left}.txtCenter, .text-center{text-align:center}.txtRight, .text-right{text-align:right}.alert-version{margin: 25px 0 20px 0;padding: 12px 22px 12px 48px;background: var(--brand-alert-bg);color: #FFF;border-left: 5px solid var(--brand-action);border-radius: 6px;font-size: 14px;width: 100%;text-align: center;letter-spacing: 0.03em;box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);position: relative;display: inline-block;max-width: 100%;transition: background 0.2s;box-sizing: border-box}.alert-version::before{content: "\f05a";font-family: "FontAwesome";position: absolute;left: 18px;top: 50%;transform: translateY(-50%);font-size: 1.2em;color: #FFF;opacity: 0.85;pointer-events: none}#mask-loading{position: fixed;width:100%;height:100%;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;background-color: transparent;z-index: 20000}#mask-text{position:absolute;color:#FFF;left: 50%;margin-top: 7px;margin-left: -55px;padding: 10px 20px 10px 20px;background: var(--brand-accent)}#js-loading{position: fixed;width:100%;height:100%;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;background-color: transparent;z-index: 20000}#js-text{position:absolute;color:#FFF;left: 50%;margin-top: 7px;margin-left: -55px;padding: 10px 20px 10px 20px;background: var(--brand-accent)}.spinner{width:25px;height:25px;vertical-align: middle;-webkit-animation: rotator 1.4s linear infinite;animation: rotator 1.4s linear infinite}@-webkit-keyframes rotator{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform: rotate(270deg);transform: rotate(270deg)}}@keyframes rotator{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform: rotate(270deg);transform: rotate(270deg)}}.path{stroke-dasharray: 187;stroke-dashoffset: 0;stroke: #FFF;-webkit-transform-origin: center;transform-origin: center;-webkit-animation: dash 1.4s ease-in-out infinite;animation: dash 1.4s ease-in-out infinite}@-webkit-keyframes colors{0%{stroke: #4285F4}25%{stroke: #DE3E35}50%{stroke: #F7C223}75%{stroke: #1B9A59}100%{stroke: #4285F4}}@keyframes colors{0%{stroke: #4285F4}25%{stroke: #DE3E35}50%{stroke: #F7C223}75%{stroke: #1B9A59}100%{stroke: #4285F4}}@-webkit-keyframes dash{0%{stroke-dashoffset: 187}50%{stroke-dashoffset: 46.75;-webkit-transform: rotate(135deg);transform: rotate(135deg)}100%{stroke-dashoffset: 187;-webkit-transform: rotate(450deg);transform: rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset: 187}50%{stroke-dashoffset: 46.75;-webkit-transform: rotate(135deg);transform: rotate(135deg)}100%{stroke-dashoffset: 187;-webkit-transform: rotate(450deg);transform: rotate(450deg)}}.window{position: fixed;top: 0;left:0;z-index: 10100}.window .fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear}.window .window-backdrop, .window .backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;z-index: 10101}.window .window-backdrop.transparent, .window .backdrop.transparent{background-color: transparent;opacity: 0}.window.in .window-backdrop.fade, .window.in .backdrop.fade{opacity: 0.5;filter: alpha(opacity=0.5)}.window .window-modal, .window .modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 10102;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;overflow-x: hidden;overflow-y: auto;display: flex;align-items: center;justify-content: center}.window.in .window-modal.fade, .window.in .modal.fade{opacity: 1}.window .window-modal.overflow, .window .modal.overflow{display: block}.window .window-modal.overflow .window-document, .window .modal.overflow .document{margin:24px auto}.window .window-document, .window .modal .document{opacity: 0;-webkit-transform: scale(0.1);-ms-transform: scale(0.1);-o-transform: scale(0.1);transform: scale(0.1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}.window .modal .document{opacity: 0;width: 600px;margin:0 auto;box-sizing: border-box}.window.in .window-document, .window.in .modal .document{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0)}.window .window-modal .window-document .window-content, .window .modal .document .content{position: relative;color:inherit;background-color: #FFF;border: none;border-radius: 12px;-webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2)}.window .modal .document .content{padding: 24px 24px;box-sizing: border-box}.window .modal .document .content .header{text-align: left;margin-bottom:24px}.window .modal .document .content .header h2{margin:0px;padding: 0px;font-size: 22px;font-weight: 700}.window .window-modal .window-document .window-content .content-body{padding: 0 24px}.window .modal .document .content .body{}.window .modal .document .content h2{margin:0px;padding: 0px 0px 24px 0px;font-size: 22px;font-weight: normal}.window .window-modal .window-document .window-content .content-footer{padding:24px;text-align: right;border-top: none}.window .modal .document .content .footer{text-align: right;margin-top:24px}.window .modal .document .content .footer .btn.submit{font-weight:700}.window .modal .document .content .footer .float-left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-weight: bold;color: #333;margin-left: 16px;pointer-events: none}.window-content .footer-btn.md-btn,.content-voucher-list .footer-btn.md-btn{color: var(--brand-action)}.window .window-document.content, .window .modal .document.content .content{width: 600px}.window .window-document.content h2{min-height: 16px;margin:0px;padding: 24px 0px 24px 0px;border-bottom: none;color:#000;font-size: 22px;font-weight: normal}.window .window-document.content h2 span.corner, .window .modal .document .content h2 span.corner{position: absolute;right: 24px;font-size: 14px;font-weight: normal}.window .window-document.content h2 span.tag:last-child{font-size: 12px}.level-menu{z-index: 10110}.drop-menu{position: fixed;font-size: 14px;text-align: left;background: #fff;border-radius: 2px;background-clip: padding-box;opacity:0;transition: all 0.2s ease;transform-origin: right top 0px;transform: scale(0)}.drop-menu.branch-position{top:9px;left:231px}.drop-menu ul{min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;position:relative}.drop-menu li{position: relative;list-style-type: none;opacity: 0;transition: all 0.3s ease;transform: translateY(-30%)}.drop-menu li a{color:#333;position: relative;cursor: pointer;user-select: none;display: block;height: 48px;line-height: 48px;padding: 0;padding-left: 16px;padding-right: 56px;clear: both;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 4px solid transparent;border-style: none none none solid;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}.drop-menu li a:hover{color:#212121;background-color:#E7E7E7}.drop-menu li a.active{color:#212121;background-color:#E7E7E7}.drop-menu li a:focus{border-color: var(--brand-accent)}.drop-menu i.fa{color: #747474;display: inline-block;margin-right: 16px;min-width: 25px;width: 25px;text-align: left;font-size: 14pt}.drop-menu i.fa:before, .drop-menu i.fa:after{vertical-align: middle}.drop-menu .divider{position: relative;display: block;height: 1px;margin: 8px 0;padding: 0;overflow: hidden;background-color: #E9E9E9}.drop-menu.active{opacity:1;transform-origin: right top 0px;transform: scale(1)}.drop-menu.active li{opacity: 1;transform: translateY(0px)}#setting-menu{top: 11px;right: 11px}.window .window-document.dialog{width: 600px}.window .modal .document.dialog .content{width: 600px}.dialog-header{min-height: 16px;padding: 24px;border-bottom: none}.dialog-title{color:#000;font-size: 22px}.dialog-body{padding: 0 24px}.dialog-body h4.warning{color:#E83426}.dialog-body p{color: #757575}.dialog-footer{padding: 24px;text-align: right;border-top: none}.window .modal .document .content .body .container-nav-bar{background-color:#FFF;color: #000;width: 100%;z-index:1000;position: relative}.window .modal .document .content .body .container-nav-bar .app-bar{height: 50px;padding: 8px;font-size: 16px;display: flex;flex-direction: row;align-items: center;box-sizing: border-box;position:relative}.window .modal .document .content .body .container-nav-bar .app-bar-left-align{flex: 1}.window .modal .document .content .body .container-nav-bar .app-bar-title{padding-right: 8px;font-size: 18px}.window .modal .document .content .body .container-nav-bar .nav-button{padding: 12px;height: 100%;cursor:pointer;box-sizing: border-box;color:#26A59A}.window .modal .document .content .body .container-nav-bar .app-bar-menu{margin-right: 12px;padding: 9px}.window .modal .document .content .body .container-nav-bar .button-light:hover,.window .modal .document .content .body .container-nav-bar .button-light:active,.window .modal .document .content .body .container-nav-bar .button-light:focus{background-color: rgba(0, 0, 0, 0.14)}.window .modal .document .content .body .container-nav-bar .tab-bar{display: flex;font-size: 16px;text-align:center;flex-direction: row;align-items: center;box-sizing: border-box}.window .modal .document .content .body .container-nav-bar .tab-bar a{padding:12px;flex-grow: 1;flex-shrink: 1;flex-basis: 100px;color:inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:3px transparent solid;border-style:none none solid none}.window .modal .document .content .body .container-nav-bar .tab-bar a.tag-tab{padding:11px 15px}.window .modal .document .content .body .container-nav-bar .tab-bar a.active{color:#26A59A;border-color:#26A59A}.window .modal .document .content .body .container-nav-bar .tab-bar a:hover{color:#26A59A;border-color:#26A59A}.window .window-document.full-content{width: 98%}.window .modal .document.full-content{width: 98%}.window .modal .document.full-content .content{width: 100%}.window .window-document.content-form{width: 900px}.window .modal .document.content-form{width: 900px}.window .modal .document.content-form .content{width: 900px}.window .modal .document.nav .content{padding: 0px}.window .modal .document.nav .content .after-nav{padding: 24px 24px 0px 24px}.window .modal .document.nav .content .footer{padding: 0px 24px 24px 24px}.window .window-document.barcode, .window .modal .document.barcode{position: absolute;left: 0px;bottom: 54px;width: 256px}.window .modal .document.barcode .content{padding: 0}.window .modal .document.barcode .content .body img{width:100%;max-width:100%}.window .modal .document.barcode .content .body p{font-weight: 700;margin: 0px;padding: 0px 0px 8px 8px;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.window .modal .document.barcode .content .body span.amount{color: #FFF;position: absolute;right: 8px;bottom: 24px;overflow: hidden;margin: auto;padding: 0;cursor: pointer;width: 100px;height: 22px;line-height: 24px;text-align: center;background: yellowgreen;border-radius: 8px}.window .modal .document.barcode .content .body span.amount i{position: absolute;top: 0px;left: 0px;width: 100%;font-style: normal;color: #fff;font-size: 14px}.window .window-document.barcode-alert, .window .modal .document.barcode-alert{position: absolute;left: 0px;bottom: 54px;width: 240px}.window .modal .document.barcode-alert .content{padding: 0}.window .modal .document.barcode-alert .content .header h2{padding: 18px 12px 18px 12px;background-color:#F77C03;text-align:center}.window .modal .document.barcode-alert .content .header h2 i{font-size:28px;color:#FFF}.window .modal .document.barcode-alert .content .body h3{padding: 12px 12px 12px 12px;text-align:center}.window .modal .document.barcode-alert .content .body p{margin: 0px;color:#777;text-align:center;padding: 0px 8px 24px 8px}.window .modal .document.barcode-alert .content .body img{width:100%}.window .window-document.keypad, .window .modal .document.keypad{width: 300px}.window .modal .document.keypad .content{padding: 0}.window .modal .document.keypad .content .body .nmpd-display{width: 100%;border: 1px solid #FFF;background-color: rgba(255, 255, 255, 0.8);box-sizing: border-box;margin: 0px;text-align: center;min-height: 60px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 24px}.window .modal .document.keypad .content .body table{border-collapse: separate;text-indent: initial;border-spacing: 2px;width: 100%;position: relative}.window .modal .document.keypad .content .body table span{display: block;padding: 16px 10px;background-color: #F1F1F1;color: #000;text-align: center;cursor:pointer}.window .modal .document.keypad .content .body table .cancel{color: #FFF;background-color: #EA4B35}.window .modal .document.keypad .content .body table .done{color: #FFF;background-color: #1ECD97}.window .modal .document.keypad .content .body table span:hover{color: #FFF;background-color: #B4B6C5}.print-select{}.content-voucher-list{}.content-voucher-list li{position: relative;list-style-type: none}.content-voucher-list li .fa{margin-right: 18px;font-size: 18px}.print-select div[data-cls="print-select"]{padding-top: 24px}.print-select a, .content-voucher-list li a{color:#333;text-align:center;position: relative;cursor: pointer;user-select: none;width:calc(100% - 80px);display: inline-block;height: 48px;line-height: 48px;padding: 0;border: 4px solid transparent;border-style: none none none solid;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: top}.content-voucher-list li a{padding-left: 24px;text-align:left}.content-voucher-list li a.interface-link{width:auto;padding: 0;width: 40px;border: 4px solid transparent;border-style: none none none solid;text-align: center}.content-voucher-list li a.interface-link .fa{margin: 0px}.content-voucher-list li a.processed-document{text-decoration: line-through;opacity: 0.6}.print-select a:hover, .content-voucher-list li a:hover{color:#212121;background-color:#E7E7E7}.print-select a:focus, .content-voucher-list li a:focus{border-color: var(--brand-accent)}.dialog-body div[data-cls="print-select"]{padding-top: 12px}.dialog-body div[data-cls="print-select"] a{color:#333;text-align:left;position: relative;cursor: pointer;user-select: none;display: block;height: 48px;line-height: 48px;padding: 0px 0px 0px 40px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}.dialog-body div[data-cls="print-select"] a:hover{color:#212121;background-color:#E7E7E7}@media (max-width: 900px){.window .content-form{width: 98%}.window .window-document.content-form, .window .modal .document.content-form{width: 98%}.window .modal .document.content-form .content{width: 100%}}@media (max-width: 600px){.window .modal .document{width: 98%}.window .window-document.content, .window .window-document.dialog{width: 98%}.window .modal .document.content .content, .window .modal .document.dialog .content{width: 100%}.window .window-document.content h2 span:last-child{position: relative;right: auto;display: block;width: fit-content}}.md-btn{display: inline-block;position: relative;cursor: pointer;height: 45px;line-height: 45px;padding: 0 1.5rem;color: #424242;font-size: 12pt;font-weight: bold;font-family: 'Roboto', sans-serif;text-align: center;text-decoration: none;text-transform: uppercase;vertical-align: middle;white-space: nowrap;outline: none;border: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 2px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225)}.group-cross{position: relative;display:inline-block;color: rgba(255,255,255,0.85);background: #30DBB5;overflow: hidden;margin: 0px 20px 0px 0px;padding: 0;border-radius: 50%;cursor: pointer;width: 45px;height: 45px;line-height: 45px;font-size: 18pt;text-align: center;text-decoration: none;text-transform: uppercase;vertical-align: middle;white-space: nowrap;outline: none;border: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3)}.md-btn.btn-fab, .md-btn.btn-fab-mini{overflow: hidden;position: relative;margin: auto;padding: 0;line-height: normal;border-radius: 50%;box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3)}.md-btn.btn-fab i, .md-btn.btn-fab-mini i{display: inline-block;float: none;width: inherit;margin: 0;font-size: inherit;text-align: center;vertical-align: middle}.md-btn.btn-fab{width: 56px;height: 56px;font-size: 21pt}.md-btn.btn-fab-mini{width: 30px;height: 30px;font-size: 18px;line-height: 30px}.md-btn.btn-add{line-height: 40px;font-size: 18px;color: rgba(255,255,255,0.85);background: #30DBB5}.md-btn.btn-minus{line-height: 40px;font-size: 18px;color: rgba(255,255,255,0.85);background: #E22162}.md-btn.btn-lg{height: 48px;line-height: 48px}.md-btn.btn-sm{height: 30px;padding: 0 1rem;line-height: 30px;font-size: 12px}.md-btn.btn-xs{height: 24px;padding: 0 .4rem;line-height: 24px;font-size: 11px;font-weight: 300;letter-spacing: .2px}.md-btn.disabled, .md-btn[disabled]{cursor: default;color: #9e9e9e;box-shadow: none}.md-btn.disabled:not(.btn-flat), .md-btn[disabled]:not(.btn-flat){background-color: #cdcdcd}.md-btn.btn-flat{box-shadow: none;background-color: transparent}.md-btn.btn-link{color: #3949ab;box-shadow: none;background-color: transparent}.md-btn.btn-link.disabled, .md-btn.btn-link[disabled]{color: #9fa8da;text-decoration: underline;background-color: transparent}.md-btn i{float: left;width: auto;height: auto;margin-right: 10px;font-size: 1.3rem;line-height: inherit}.md-btn i.right{float: right;margin: 0;margin-left: 10px}.md-btn.btn-fab.btn-submit{position:fixed;right:24px;bottom:24px;color:rgba(255,255,255,0.85);background:var(--brand-accent);font-size: 18pt;line-height:0;z-index:1200}.md-btn.btn-fab-mini.btn-deliver-add,.md-btn.btn-fab-mini.btn-inline-form,.md-btn.btn-fab-mini.btn-specification-add,.md-btn.btn-fab-mini.btn-items-add,.md-btn.btn-fab-mini.btn-work-add{color: rgba(255,255,255,0.85);background: #30DBB5}.label-active{color:#1C0E23;font-weight: bold}.ripple-effect{display: inline-block;position: relative;overflow: hidden;cursor: pointer;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 1}.ripple-effect .ripple{display: block;position: absolute;border-radius: 100%;background: rgba(255, 255, 255, 0.5);-webkit-transform: scale(0);transform: scale(0);pointer-events: none}.ripple-effect .animated{-webkit-animation: ripple 0.6s linear;animation: ripple 0.6s linear}@-webkit-keyframes ripple{100%{opacity: 0;-webkit-transform: scale(2.5);transform: scale(2.5)}}@keyframes ripple{100%{opacity: 0;-webkit-transform: scale(2.5);transform: scale(2.5)}}.md-btn:hover{text-decoration: none;box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225)}.md-btn.btn-fab:hover, .md-btn.btn-fab-mini:hover{box-shadow: 0 4px 11px 0px rgba(0, 0, 0, 0.375)}.md-btn.disabled:not(.btn-flat):hover, .md-btn[disabled]:not(.btn-flat):hover{background-color: #cdcdcd}.md-btn.btn-flat:hover{background-color: #cecece;box-shadow: none}.md-btn.btn-flat:focus{outline: 1px solid #cecece}.md-btn.btn-flat.disabled:hover, .md-btn.btn-flat[disabled]:hover{background-color: transparent}.md-btn.btn-link:hover{text-decoration: underline;background-color: transparent;box-shadow: none}.md-btn.btn-link.disabled:hover, .md-btn.btn-link[disabled]:hover{background-color: transparent}