.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-center,.flex-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.table-base{width:100%;border-collapse:collapse;font-size:12px}.table-base td,.table-base th{border:1px solid #ddd;padding:15px 8px;height:42px;line-height:1.5;text-align:center;vertical-align:middle}.table-base th{background-color:#fafafa;font-weight:700}.table-base tr{height:42px}#printable-content{width:100%;position:relative}#printable-content .produce-order-qrcode{position:absolute;left:0;top:-10px}.company-name{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;padding-top:10px}.company-name span{font-size:26px;font-weight:500}.title{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.title span{font-size:20px;font-weight:700}.order-number{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.order-number span{font-size:15px}.order-number span.order-number-value{color:red}.order-dates{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.order-dates span{font-size:15px}.order-dates span:nth-child(2){margin-left:30px}.main-table{width:100%;margin-top:10px}.main-table .table-header{font-weight:700;text-align:center}.sign-table tr{height:60px}.sign-table td{padding:15px 10px!important;vertical-align:middle}.unified-table{width:100%;border-collapse:collapse;font-size:12px;border:none!important}.unified-table td,.unified-table th{border:1px solid #ddd;padding:15px 8px;height:42px;line-height:1.5;text-align:center;vertical-align:middle}.unified-table th{background-color:#fafafa;font-weight:700}.unified-table tr{height:42px}.material-table{width:100%;border-collapse:collapse;font-size:12px;border:none!important}.material-table td,.material-table th{border:1px solid #ddd;padding:15px 8px;height:42px;line-height:1.5;text-align:center;vertical-align:middle}.material-table th{background-color:#fafafa;font-weight:700}.material-table tr{height:42px}.material-table td,.material-table th{border:0 none;border-right:1px solid #dedede;border-bottom:1px solid #dedede!important;background:none!important}.material-table td:last-child,.material-table th:last-child{border-right:0 none!important}.material-table tr:last-child td{border-bottom:0 none!important}.material-table .empty-row{height:42px}.printing-tech-container{padding:0;font-size:12px;width:50%}.printing-tech-table{width:100%;border-collapse:collapse;font-size:12px;border:none!important}.printing-tech-table td,.printing-tech-table th{border:1px solid #ddd;padding:15px 8px;height:42px;line-height:1.5;text-align:center;vertical-align:middle}.printing-tech-table th{background-color:#fafafa;font-weight:700}.printing-tech-table tr{height:42px}.printing-tech-table td,.printing-tech-table th{border:0 none;border-right:1px solid #dedede;border-bottom:1px solid #dedede!important;background:none!important}.printing-tech-table td:last-child,.printing-tech-table th:last-child{border-right:0 none!important}.printing-tech-table tr:last-child td{border-bottom:0 none!important}.remark-container{vertical-align:top!important}.remark-container div{padding:10px 8px;min-height:150px;text-align:center;line-height:1.5}.remark-container div strong{display:block;width:100%;text-align:center;margin-bottom:5px}.after-print-table{width:100%;border-collapse:collapse;font-size:12px;border:none!important}.after-print-table td,.after-print-table th{border:1px solid #ddd;padding:15px 8px;height:42px;line-height:1.5;text-align:center;vertical-align:middle}.after-print-table th{background-color:#fafafa;font-weight:700}.after-print-table tr{height:42px}.after-print-table td,.after-print-table th{border:0 none;border-right:1px solid #dedede;border-bottom:1px solid #dedede!important;background:none!important}.after-print-table td:last-child,.after-print-table th:last-child{border-right:0 none!important}.after-print-table tr:last-child td{border-bottom:0 none!important}.quality-table{width:100%;border-collapse:collapse;font-size:12px;border:none!important}.quality-table td,.quality-table th{border:1px solid #ddd;padding:15px 8px;height:42px;line-height:1.5;text-align:center;vertical-align:middle}.quality-table th{background-color:#fafafa;font-weight:700}.quality-table tr{height:42px}.quality-table td,.quality-table th{border:0 none;border-right:1px solid #dedede;border-bottom:1px solid #dedede!important;background:none!important}.quality-table tr:last-child td{border-bottom:0 none!important}.quality-table .packing-req-header{width:10%}.print-button-container{padding:20px;text-align:center}.print-button{width:150px}.leftTitle{font-weight:700;vertical-align:middle;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-align:center;letter-spacing:5px}.noprint{display:block}@media print{@page{size:A4;margin:.8cm;counter-increment:page}#printable-content{-webkit-transform-origin:top left!important;transform-origin:top left!important}html{background-color:#fff;height:auto;margin:0}body{margin:0;padding:0;counter-reset:page}.noprint{display:none!important}#printable-content{max-width:100%!important;margin:0!important;padding:0 0 35px 0!important;font-size:11px!important;position:relative}#printable-content,table{width:100%!important;line-height:1.5!important}table{font-size:10px!important;border-collapse:collapse!important;table-layout:fixed!important}.leftTitle{text-align:center!important;letter-spacing:5px}}