*{font-family:roboto;outline:0;margin:0;padding:0;-ms-touch-action:pan-x pan-y;touch-action:manipulation;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:#f5f5f5}.header-horizontal{width:100%;height:50px;background-color:#fafafa;border-bottom:1px solid #ddd;position:relative;z-index:10}.header-logo-container{width:200px;padding-top:8px;padding-left:8px;display:inline-block;vertical-align:middle}.header-logo-image,.header-logo-text{display:inline-block;vertical-align:middle}.header-logo-image{width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.header-logo-text{font-family:roboto-bold;font-size:14pt;color:#0f4278}.header-horizontal-item-container{width:calc(100% - 216px);display:inline-block;vertical-align:middle;text-align:right}.header-horizontal-item{display:inline-block;vertical-align:middle;text-align:left}.header-user-image,.header-user-text{display:inline-block;vertical-align:middle}.header-user-image{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.header-user-text{font-size:10pt}.header-menu-outer-container,.page-container{display:inline-block;vertical-align:top}.header-menu-outer-container{width:200px;height:calc(100% - 50px);background-color:#fafafa;border-right:1px solid #ddd;position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header-menu{display:block;text-decoration:none}.header-menu.active .header-menu-content,.header-submenu.active{background-color:rgba(0,0,0,.05);background-color:#0f42780f}.header-menu-content{padding:16px 12px;cursor:pointer;position:relative}.header-menu-icon,.header-menu-text{display:inline-block;vertical-align:middle}.header-menu-icon{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center}.header-menu-text{padding-left:8px;font-size:11pt;color:#555}.header-menu.active .header-menu-text,.header-menu:hover .header-menu-text,.header-submenu.active .header-submenu-text,.header-submenu:hover .header-submenu-text{color:#0f4278;font-family:roboto-medium}.header-menu-expand-icon{position:absolute;top:16px;right:12px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;-webkit-transition:transform .2s;-moz-transition:transform .2s;-ms-transition:transform .2s;-o-transition:transform .2s;transition:transform .2s}.header-menu[data-expanded=true] .header-menu-expand-icon{transform:rotate(-180deg)}.header-submenu-container{display:none}.header-menu[data-expanded=true] .header-submenu-container{display:block}.header-submenu{padding:8px 8px 8px 36px;cursor:pointer;display:block;text-decoration:none}.header-submenu:nth-child(1){margin-top:-8px}.header-submenu-text{font-size:10pt;color:#555}.page-container{padding:16px;width:calc(100% - 200px);height:calc(100% - 50px);position:relative;overflow:auto}.custom-bottom-section{padding:16px;background-color:#fff;border-top:1px solid rgba(0,0,0,.2);position:fixed;bottom:0;left:200px;width:calc(100% - 200px)}.custom-bottom-section .custom-btn:not(:nth-child(1)){margin-left:8px}.custom-card{padding:16px;background-color:#fff}.custom-card-title{margin-bottom:16px}.custom-dropdown{position:relative;padding:4px 0}.custom-dropdown-content{cursor:pointer}.custom-dropdown-icon{display:inline-block;vertical-align:middle;width:18px;height:18px;background-image:url(../../img/icon-down.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.custom-dropdown-category .custom-dropdown-icon{margin-left:-32px}.custom-dropdown-item-container{visibility:hidden;display:block;width:100%;position:absolute;top:100%;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:4px 0}.custom-dropdown:hover .custom-dropdown-item-container{visibility:visible}.custom-dropdown-item-col{display:inline-block;vertical-align:top;max-height:200px;overflow:auto;border-right:1px solid rgba(0,0,0,.2)}.custom-dropdown-item{display:block;padding:8px 8px;font-size:10pt;color:#555;cursor:pointer;text-decoration:none;position:relative}.custom-dropdown-item:hover{background-color:rgba(0,0,0,.05)}.custom-dropdown-item[data-next-col=true]:after{content:"";display:block;position:absolute;top:calc(50% - 10px);right:0;width:20px;height:20px;background-image:url(../../img/icon-right.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.custom-dropdown-category .custom-dropdown-item-container{width:auto}.custom-dropdown-category .custom-dropdown-item-col{width:170px}.custom-dropdown-category .custom-form-input{background-color:#fff;cursor:pointer}.custom-form-item{display:inline-block;vertical-align:middle;margin-right:16px}.custom-form-item-block{display:block;margin-bottom:16px}.custom-form-label{font-size:9pt;margin-bottom:4px}.custom-form-item.error .custom-form-label{color:red}.custom-form-input{padding:6px 8px;font-size:10pt;border:1px solid rgba(0,0,0,.2)}.custom-form-input:focus,.custom-form-input:hover{border:1px solid #0f4278}.custom-form-item.error .custom-form-input{border:1px solid red}.label-radio{font-size:10pt;cursor:pointer;margin-right:8px}.custom-form-upload{display:inline-block;vertical-align:top}.custom-form-upload-box{width:100px;height:100px;border:1px dashed rgba(0,0,0,.4);border-radius:4px;position:relative}.custom-form-upload-icon{width:30px;height:30px;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);background-image:url(../../img/icon-add.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.custom-form-upload-preview{position:absolute;top:5%;left:5%;width:0;height:0;background-size:contain;background-repeat:no-repeat;background-position:center}.custom-form-upload[data-has-image=true] .custom-form-upload-preview{width:90%;height:90%}.custom-form-upload-btn-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0}.custom-form-upload-preview:hover .custom-form-upload-btn-container{opacity:1}.custom-form-upload-btn-delete{background-image:url(../../img/icon-delete-white.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:24px;height:24px;cursor:pointer;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.custom-form-upload-input{width:100%;height:100%;position:relative;opacity:0}.custom-form-upload-text{font-size:9pt;text-align:center;color:#555;margin-top:4px}.custom-btn{padding:6px 16px;background-color:#0f4278;border:1px solid #0f4278;color:#fff;font-size:10pt;display:inline-block;vertical-align:middle;border-radius:4px;cursor:pointer;text-decoration:none;transition:background-color .2s;position:relative}.custom-btn:hover{background-color:#0f4278cc;border-color:#0f4278cc}.custom-btn[data-variant="2"]{border:1px solid rgba(0,0,0,.5);background-color:#fff;color:#000}.custom-btn[data-variant="2"]:hover{background-color:rgba(0,0,0,.1)}.custom-btn.disabled,.custom-btn.disabled:hover{background-color:#ccc;color:#555;cursor:not-allowed}.custom-btn.is-loading{color:transparent;cursor:not-allowed}.custom-btn.is-loading:after{content:"";display:block;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);border:2px solid transparent;border-radius:50%;border-top:2px solid #fff;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.btn-filter{margin-left:8px;margin-top:18px}.filter-container{margin-bottom:16px}.float-container{overflow:auto;margin-bottom:16px}.float-left{float:left}.float-right{float:right}.text-center{text-align:center}.text-right{text-align:right}.expansion-panel{border:1px solid rgba(0,0,0,.2);background-color:#fff;margin-bottom:16px}.expansion-panel-header{padding:16px;border-bottom:1px solid rgba(0,0,0,.2)}.expansion-panel-title{font-size:11pt;font-weight:700}.expansion-panel-body{padding:16px}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:auto!important;z-index:10;display:none}.modal.show{display:block}.modal-background{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.4);text-align:center;overflow:auto}.modal-box{position:relative;display:inline-block;text-align:left;margin:50px auto;background-color:#fff;min-width:500px}.modal-header{padding:16px;position:relative;border-bottom:1px solid rgba(0,0,0,.1)}.modal-title{font-size:11pt;font-weight:700}.modal-close-icon{width:24px;height:24px;background-image:url(../../img/icon-close-black.svg);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;top:calc(50% - 12px);right:16px;cursor:pointer;background-color:transparent;border-radius:100%}.modal-close-icon:hover{background-color:rgba(0,0,0,.1)}.detail-header-row:not(:nth-child(1)){margin-top:5px}.modal-content{padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.checkbox{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul.ui-autocomplete{z-index:1100}.custom-table{border-collapse:collapse;width:100%}.custom-table td{font-size:10pt;padding:16px 16px;background-color:#fff}.custom-table thead td{font-weight:700}.custom-table tr:nth-child(1) td{border-top:1px solid #ddd}.custom-table tr:nth-last-child(1) td{border-bottom:1px solid #ddd}.custom-table td:nth-child(1){border-left:1px solid #ddd}.custom-table td:nth-last-child(1){border-right:1px solid #ddd}.custom-table tbody td{vertical-align:middle;color:#555;border-bottom:1px solid #eee}.table-vertical-top tbody td{vertical-align:top}.custom-table tbody tr:hover td{background-color:rgba(0,0,0,.01)}.td-row{padding:16px 0}.td-row:nth-child(1){padding-top:0}.td-row:nth-last-child(1){padding-bottom:0}.td-row:not(:nth-child(1)){border-top:1px solid #ddd}.td-image{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:top;margin-right:8px}.td-image-1{width:80px;height:80px}.td-text{display:inline-block;vertical-align:top}.table-tab-container{display:flex;background-color:#fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd}.table-tab{text-align:center;padding:16px 0;flex-grow:1;cursor:pointer;position:relative}.table-tab:after{content:"";display:none;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#0f4278}.table-tab.active:after{display:block}.table-tab-count,.table-tab-text{display:inline-block;vertical-align:middle}.table-tab-text{font-size:9pt;color:#777}.table-tab.active .table-tab-text{font-family:roboto-medium;color:#0f4278}.table-tab-count{font-size:8pt;background-color:rgba(0,0,0,.05);padding:2px 4px 3px;min-width:20px;margin-left:4px;border-radius:20px}.table-tab.active .table-tab-count{background-color:#0f4278;color:#fff}.channel-icon{width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.filter-btn-container{margin-top:24px;margin-right:16px}.select-select2.has-error .select2-selection{color:#e74c3c!important;border:1px solid #e74c3c!important}.loader,.table-loader{border:4px solid transparent;border-radius:100%;border-top:4px solid #3498db;width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.td-table-empty,.td-table-loader{position:relative;height:100px}.table-loader{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}.table-empty{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.table-empty-image{width:72px;height:72px;background-size:contain;background-repeat:no-repeat;background-position:center}.table-empty-text{text-align:center;color:#aaa;font-size:10pt}.table-action{font-size:9pt;color:#0f4278;cursor:pointer}.table-action[data-inline-block=true]{display:inline-block;vertical-align:middle}.table-action[data-inline-block=true]:not(:nth-child(1)){margin-left:8px}.table-action[data-variant=error]{color:#d32f2f}.table-action:not([data-inline-block=true]):not(:nth-child(1)){margin-top:4px}.tfoot-nav,.tfoot-page,.tfoot-page-container,.tfoot-total{display:inline-block;vertical-align:middle}.tfoot-total{font-size:9pt;margin-right:8px}.tfoot-nav,.tfoot-page{width:30px;padding:5px 0;text-align:center;font-size:9pt;border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.3);margin-right:4px;cursor:pointer}.tfoot-nav.disabled{cursor:not-allowed}.tfoot-page.active{color:#0f4278;border:1px solid #0f4278}.custom-table tfoot .custom-form-input{padding-top:4px;padding-bottom:4px}.chip{display:inline-block;padding:4px 8px;font-size:9pt}.chip-order-status{margin-top:2px;background-color:#0f427811;color:#0f4278}.chip-status[data-status="1"]{color:#388e3c;background-color:#e8f5e9}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.btn-float{position:fixed;width:60px;height:60px;bottom:24px;right:32px;background:linear-gradient(to bottom right,#000,#000);color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;z-index:100}.btn-float:hover{color:#fff;box-shadow:0 0 8px #4a80f5}.my-float{margin-top:20px;font-size:15pt}.container-status,.hs-status,.inv-status{padding:2px 0;width:90px;margin:0 auto;text-align:center}.container-status{width:auto}.hs-status[data-status="1"],.inv-status[data-status="0"]{background-color:#f44336;color:#fff}.container-status[data-status="2"],.hs-status[data-status="2"],.inv-status[data-status="1"]{background-color:#fb8c00;color:#fff}.hs-status[data-status="3"],.inv-status[data-status="2"]{background-color:#43a047;color:#fff}[data-display-none]{display:none!important}.hide-spinner::-webkit-inner-spin-button,.hide-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide-spinner{-moz-appearance:textfield}@keyframes notif-hide{0%{opacity:0}5%{opacity:1}95%{opacity:1}100%{opacity:0}}.custom-notif{position:fixed;z-index:20;bottom:32px;right:32px;padding:12px 16px 13px;border-radius:4px;background-color:#0f4278;visibility:hidden;opacity:0}.custom-notif.show{visibility:visible;animation:notif-hide 5s linear 0s 1}.custom-notif[data-variant=success]{background-color:#388e3c}.custom-notif[data-variant=error]{background-color:#f44336}.custom-notif-close-icon,.custom-notif-text{display:inline-block;vertical-align:middle}.custom-notif-text{color:#fff;font-size:10pt}.custom-notif-close-icon{margin-left:8px;width:20px;height:20px;background-image:url(../../img/icon-close-white.svg);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}