.site-layout-content{margin:24px 16px;padding:24px;background:#fff;min-height:280px}.site-layout-header{background:#fff;padding:0;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.site-layout-header .logo{font-size:20px;font-weight:700;padding:0 16px}.site-layout-content{margin:8px;padding:10px;background:#fff;min-height:280px;max-height:calc(100vh - 80px);overflow-y:auto}.mb-1{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.table-mh80 .ant-table-content{min-height:80vh}.table-mh75 .ant-table-content{min-height:75vh}.table-mh70 .ant-table-content{min-height:70vh}.table-mh40 .ant-table-content{min-height:40vh}.table-mh80 .ant-empty-normal,.table-mh75 .ant-empty-normal,.table-mh70 .ant-empty-normal{min-height:60vh}.table-mh40 .ant-empty-normal{min-height:30vh}.table-mh30 .ant-empty-normal{min-height:25vh}.table-mh80 .ant-table-expanded-row-fixed{min-height:69vh}.table-mh75 .ant-table-expanded-row-fixed{min-height:60vh}.table-mh70 .ant-table-expanded-row-fixed,.table-mh65 .ant-table-expanded-row-fixed{min-height:65vh}.table-mh60 .ant-table-expanded-row-fixed{min-height:55vh}.table-mh40 .ant-table-expanded-row-fixed{min-height:30vh}.table-mh30 .ant-table-expanded-row-fixed{min-height:25vh}.table-mh20 .ant-table-expanded-row-fixed{min-height:15vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-color);box-shadow:0 2px 8px #f0f1f2;position:relative;background-color:var(--primary-background)}.header .ant-menu{background-color:var(--primary-background);color:#fff}.header .ant-menu .ant-menu-title-content{color:#fff;font-weight:500}.logo{display:flex;align-items:center;margin-right:auto}.logo img{height:60px;margin-right:16px;background:transparent}.logo span{font-size:20px;font-weight:700}.menu{flex-grow:1}.user-section{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ant-menu-submenu{z-index:9999}.ant-message{z-index:99999}.oi-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-background);color:#fff;padding:0 16px;height:50px;line-height:50px;position:fixed;top:0;width:100%;z-index:1000}.oi-logo{display:flex;align-items:center;margin-right:auto}.oi-logo img{height:50px;margin-right:16px;background-color:transparent}.oi-title{flex:1;text-align:center;font-size:24px;font-weight:600}@media (max-width: 770px){.oi-title{font-size:19px}}@media (max-width: 700px){.oi-title{font-size:18px}}@media (max-width: 468px){.oi-title{font-size:18px;text-align:left}.oi-logo{display:none}.hidden-on-mobile{display:none!important}}@media (max-width: 390px){.oi-title{font-size:16px;text-align:left}.oi-logo{display:none}.hidden-on-mobile{display:none!important}.user-menu{display:none}}.oi-footer{background-color:var(--primary-background);color:#fff;display:flex;justify-content:space-around;align-items:center;padding:6px 0;border-radius:0;position:fixed;bottom:0;width:100%;z-index:1000;height:40px}.oi-footer-tab{text-align:center;flex:1;cursor:pointer}.oi-footer-tab .anticon{font-size:16px}.oi-footer-tab:not(.active){opacity:.5}.oi-layout{min-height:100vh}.oi-content{flex:1;background:#e3eaf0;margin-top:50px;overflow:auto;padding:15px 8px 64px}.row-selected{color:#000;font-weight:600;background:#3f3}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f0f2f5;background-image:url(/assets/background-C58cciBl.webp);background-position:center;background-size:cover}.login-card{width:400px;text-align:center}.sidebar-content{flex:1;overflow-y:auto;height:inherit;padding-bottom:60px}.above-all{z-index:9999}.top-field:not(:has(div)){display:none}.bottom-field.has-scrollbar{margin-right:-15px}.has-scrollbar::-webkit-scrollbar{width:5px}.has-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.has-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.has-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}.row-gray{background-color:#bfbfbf;color:#fff}.table-custom-tbody{font-weight:700}.table-custom-tbody table>tbody{height:120px;font-size:22px}.table-custom-full-height table>tbody{height:50vh}.ui-manufacturing-table .ant-table-content{min-height:50vh}@media print{.print-only{display:block!important}}@media screen{.print-only{display:none}}@media print{@page{size:24mm 50mm}.print-container{font-size:15px!important;width:100%!important;height:20mm!important;margin:2mm;display:block;text-align:center}.small-text{font-size:8px}.print-container>table{transform:rotate(90deg) translate(15mm) translateY(16mm);width:56mm!important;height:24mm!important}.print-container>*:not(:first-child){margin-top:-1mm}.qr-code{width:20mm!important;height:20mm!important}.break-page{page-break-after:always!important}}.site-layout-background{background:#fff!important;color:#000;padding:16px;height:100vh;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.sidebar-content{display:flex;flex-direction:column}.ant-radio-group{width:100%;text-align:center;margin-bottom:8px}.ant-radio-button-wrapper{width:33.3%}.content-table{padding:24px;background:#fff}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-form-grid .ant-form-item{margin-bottom:0}.modal-title{display:flex;flex-direction:column}.modal-title-divider{height:1px;background-color:#e8e8e8;margin-top:8px}.sidebar{display:flex;flex-direction:column;height:100vh}.sidebar-content{flex:1;display:flex;flex-direction:column}.button-container{margin-top:auto;padding:1rem;background-color:#f8f9fa}.content-scroll{max-height:190px;overflow-y:auto}.content-scroll::-webkit-scrollbar{width:5px}.content-scroll::-webkit-scrollbar-track{background:#f1f1f1}.content-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.content-scroll::-webkit-scrollbar-thumb:hover{background:#555}.content-item{padding:2px;cursor:pointer}.col-content-item{border-bottom:1px solid #d1d1d1;cursor:pointer}.content-item:hover{background-color:#86c3f5}.custom-row{border:.5px solid gray;border-radius:0;margin-bottom:10px}.custom-col{border:.5px solid gray;padding:5px}.custom-col-main{background-color:var(--primary-background);color:#fff;border-bottom:.5px solid gray;padding:5px}.kpi-chart .ant-card-head-title{text-align:center!important}#tinymce p{padding:0;margin:2px 0}.ui-full-height .ant-table-content{min-height:70vh}.table-actions{display:flex;gap:8px}.ant-table-thead>tr>th{background-color:var(--primary-background)!important;color:#fff!important;text-align:center}.ant-table-tbody>tr>td{text-align:center}.site-layout-sider{background:#fff!important;color:#000;display:flex;flex-direction:column;height:calc(100vh - 64px);position:relative}.sidebar-content{flex:1;overflow-y:auto;padding-bottom:60px}.sidebar-form{margin:0 15px}.ant-divider{margin:8px 0}.ant-picker{width:100%}.time-picker-type .ant-radio-button-wrapper{width:33.33%;text-align:center}.time-picker-type .ant-radio-button-wrapper-checked{background-color:#1890ff;color:#fff}.ant-select{width:100%}.sidebar-footer{position:absolute;bottom:0;width:100%;padding:16px;border-top:1px solid #e8e8e8;text-align:center;background:#fff;z-index:9}.tree{height:100%;overflow-y:auto;margin-right:-15px;bottom:5px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.tree::-webkit-scrollbar{width:5px}.tree::-webkit-scrollbar-track{background:#f1f1f1}.tree::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.tree::-webkit-scrollbar-thumb:hover{background:#555}.bom-management-form .ant-col.ant-form-item-control{flex:none}.bom-management-form .ant-row.ant-form-item-row{height:100%;justify-content:space-between}.scrollable-container{display:flex;flex-direction:column;overflow-x:auto;white-space:nowrap}.row-yellow,.row-orange{background-color:#bc9e41;color:#fff}.row-pqc{background-color:#f7e2a0;color:#fff}.cnc-valid-row{background:#3f3;color:#fff}.cnc-invalid-row{background:#f5222d;color:#fff}.oi-manufacture-table .ant-table-content{min-height:60vh}.oi-select-container,.oi-statistics-container{width:20%;margin-right:10px;display:flex;flex-direction:column;justify-content:stretch}.oi-quality-row-button{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.oi-quality-mr{margin-right:5px}.checked-ok{background-color:#2ecc71!important;color:#fff}.checked-ng{background-color:#ff4d4f!important;color:#fff}.text-center{text-align:center}.text-end{text-align:end}.editable-cell{position:relative}.editable-cell-value-wrap{padding:5px 12px;cursor:pointer}.editable-row:hover .editable-cell-value-wrap{padding:4px 11px;border-radius:0}.editable-row:hover .editable-cell-value-wrap:empty{padding:12px 11px;border-radius:0}.ng-row{color:red;background:#ff0}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ng-radio-btn{color:#fff;background:#1677ff;border-color:red}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active.ng-radio-btn{color:#fff;border-color:red}.ant-radio-button-wrapper .ng-radio-btn .ant-radio-button-checked{border-color:red}.ng-radio-btn .ant-radio-button-checked{border-color:red!important;background-color:red}.ng-radio-btn .ant-radio-button:hover{border-color:red}.ng-radio-btn .ant-radio-button-checked:focus{border-color:red}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ok-radio-btn{color:#fff;background:#1677ff;border-color:green}.ant-radio-button-wrapper .ok-radio-btn .ant-radio-button-checked{border-color:green}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active.ok-radio-btn{color:#fff;border-color:green}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{background-color:unset}.ok-radio-btn .ant-radio-button-checked{border-color:green!important}.ok-radio-btn .ant-radio-button-checked{background-color:green}.ok-radio-btn .ant-radio-button:hover{border-color:green}.ok-radio-btn .ant-radio-button-checked:focus{border-color:green}.oi-suggest{font-weight:600}.oi-suggest ul{margin-top:0;margin-bottom:0}@page{margin:0!important}@media print{@page{margin:0!important}body:has(.horizontal-print){width:100%;height:100%;justify-content:center;vertical-align:middle;align-content:center;font-size:18px!important;margin:0!important}.print-container{display:block;margin:auto;padding:10px;font-size:11px}.tem-nvl{display:block!important}.tem-nvl .tem{writing-mode:tb-rl}.tem-lot{display:block!important;scale:1}}.oi-imported{background-color:#ccc}.oi-waiting{background-color:#fff;font-weight:500}.oi-process{background-color:#3f3}.tem-nvl{display:none}.tem-nvl .tem{display:flex;writing-mode:tb-rl;margin:0 auto;justify-content:center;height:100%}.tem-lot{width:100%;height:100%;display:block;align-items:center;margin:0}.tem-lot table{width:90%!important;height:100%!important}.tem-lot tr{height:10px!important}.tem-lot p{margin:0!important}.oi-row{display:flex;justify-content:space-between;align-items:center}.oi-select{height:100%;display:flex;background:#fff;border-bottom:1px solid #f0f0f0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-oi-select-header{border-start-end-radius:0}.custom-oi-header{border-start-start-radius:0}.full-height-iframe{height:100%;width:100%;border:none}.oi-content{height:90vh!important}.oi-column-iframe{height:80vh!important}.oi-col-header{border-bottom:1px solid white!important}.oi-select-header-left{background-color:var(--primary-background);color:#fff;text-align:center;padding:10px;font-weight:600;height:100%}.custom-oi-tabs .ant-tabs-nav-list{width:100%}.custom-oi-tabs .ant-tabs-tab{width:100%;justify-content:center}.custom-oi-tabs .ant-tabs-tab:not(.ant-tabs-tab-active){opacity:.5}.custom-oi-tabs .ant-tabs-nav-operations{display:none!important}.row-green,.mappedInCncOiTrue{background-color:#3f3;color:#fff}.mappedInCncOiFalse{background-color:#ccc;color:#fff}.oi-select-row{display:flex;margin-bottom:16px;align-items:stretch}.oi-select-container,.oi-statistics-container{width:20%;margin-right:16px;display:flex;flex-direction:column;justify-content:stretch}.oi-select-container:last-child,.oi-statistics-container{margin-right:0}.oi-select-header{background-color:var(--primary-background);color:#fff;text-align:center;padding:10px;border-radius:0;font-weight:600}.oi-select .ant-select-selector{border-top-left-radius:0!important;border-top-right-radius:0!important}.oi-statistics-container{width:60%;display:flex;justify-content:center}.oi-statistics-table{width:100%;border-collapse:collapse}.oi-statistics-header{background-color:#1a73e8;color:#fff;text-align:center;padding:8px;border:1px solid #ddd}.oi-statistics-table td{text-align:center;padding:8px;border:1px solid #ddd}.ant-tabs-nav{margin-bottom:0}.ant-statistic{text-align:center}.highlighted-cell{background-color:#fcc}.oi-select{text-align:center}.oi-select .ant-select-selector{border:none!important}.oi-quality-row-button-pqc{display:flex;align-items:center;gap:5px;width:100%}.row-orange{background-color:#ed7d31;color:#fff}.row-red{background-color:red;color:#fff}.row-gray{background-color:#ccc;color:#fff}.row-green{background-color:#3f3;color:#fff}.oi-column{display:flex;flex-direction:column}.oi-select{height:100%;display:flex;background:#fff;border-bottom:1px solid #f0f0f0}.oi-row-buttons{display:flex;gap:8px}.oi-row-button{height:auto;display:flex}.label-container{width:100%;border:1px solid black;padding:10px;margin:20px auto;font-family:Arial,sans-serif}.label-container-header{display:flex;justify-content:space-between;align-items:center}.label-container-header img{max-width:30%}.label-container-header div{text-align:right}@page{size:2.4in;margin:.2in}@media print{.label-container{width:100%!important;border:1px solid black;padding:10px;margin-top:20px;font-family:Arial,sans-serif}.label-container-header{display:flex;justify-content:space-between;align-items:center}.label-container-header img{max-width:40%}.label-container-header div{text-align:right}}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;padding:20px;box-shadow:0 2px 10px #0000001a;z-index:1000}.popup-content{display:flex;flex-direction:column;align-items:center}.popup button{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.popup button:hover{background-color:#0056b3}.node-list{margin-top:20px;overflow-y:auto;height:400px}.node-list h2{text-align:center}.node-list ul{list-style-type:none;padding:0}.node-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc}.node-list .btn-active{padding:5px 10px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.node-list .btn-inactive{padding:5px 10px;background-color:#d89d2f;color:#fff;border:none;cursor:pointer}.node-list button:hover{background-color:#0056b3}.text-overlay{position:absolute;background-color:#fffc;border:1px solid #ccc;padding:5px;pointer-events:none;display:none}.row-normal{background-color:#f6ffed}.row-delay{background-color:#ff7c80;color:#fff}.row-error{background-color:red;color:#fff}.dashboard-production-table th,.dashboard-production-table td{font-size:27px;font-weight:700}.dashboard-layout-content{margin:50px 12px;padding:12px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.row-red,.row-red td{background-color:red!important;color:#fff!important}.row-orange,.row-orange td{background-color:#ff8c00!important;color:#fff!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-background: #1031a4;--secondary-color: #2ecc71;--text-color: white;--font-size: 16px}.ant-table-row .ant-table-cell-row-hover{background-color:#bae0ff!important}.ant-table-wrapper .ant-table,.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-tbody>tr>td,.ant-table-wrapper .ant-table-container .ant-table-header,.ant-table-wrapper .ant-table-container .ant-table-body{border-radius:0!important}.ant-table-wrapper .ant-table-container,.ant-card,.ant-btn,input,.ant-picker,.ant-input-affix-wrapper,.ant-select-single .ant-select-selector,.ant-radio-button-wrapper{border-radius:0!important}.auto-width-column .ant-table-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-modal-content{border-radius:0!important}thead th.ant-table-cell{text-align:center!important;white-space:pre-line}.ant-table-title{border-radius:0!important}.ant-table-thead>tr>th.header-orange{background-color:orange!important;color:#fff!important}