/***   application	 : ipro.mice3.com			 				***/
	/***   libraries	 : cascading style sheet	 				***/
	/***   file name 	 : print.css								***/
	/***   created	  	 : 03 Apr 2019								***/
	/***   modified  	 : 01 Apr 2025								***/
	
	
	/* Raw material item tag */
	.rmitem-tag {
        max-width: 800px;
        margin: auto;
        border: 1px solid #eee; 
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        line-height: 20px;
        font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        color: #000000;
        page-break-after: always;
        padding: 5px 5px 5px 5px; /* top, right, bottom, and left */
    }
    
    
    .rmitem-tag table.itemlist {
        width: 100%;
        line-height: inherit;
        text-align: left; 
    }
    
    .rmitem-tag table.itemlist td.header {
    	width: 15%;
        padding-bottom: 10px;
        font-size: 12pt;
        font-weight: bold;
        padding: 5px 2px 5px 2px;
    }
    
     .rmitem-tag table.itemlist td.item {
     	width: 85%;
        padding-bottom: 10px;
        font-size: 14pt;
        padding: 5px 2px 5px 2px;
    }

 	.rmitem-tag table.itemlist td.header2col {
    	width: 15%;
        padding-bottom: 10px;
        font-size: 12pt;
        font-weight: bold;
        padding: 5px 2px 5px 2px;
    }
    
     .rmitem-tag table.itemlist td.item2col {
     	width: 35%;
        padding-bottom: 10px;
        font-size: 14pt;
        padding: 5px 2px 5px 2px;
    }
    
    
/* Portrait */
	.invoice-box {
        max-width: 800px;
        margin: auto;
        border: 1px solid #eee; 
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        line-height: 15px;
        font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        color: #000000;
        page-break-after: always;
        padding: 5px 5px 5px 5px; /* top, right, bottom, and left */
    }
    
    /* header: company name */
    .invoice-box table.header {
        width: 100%;
        line-height: inherit;
        text-align: left; 
    }
    
    /* header: company name*/
    .invoice-box table.header td.header {
        padding-bottom: 10px;
        font-size: 14pt;
        line-height: 16px;
        padding: 5px 2px 5px 2px;
    }
    
    .invoice-box table.header td.subheader {
        padding-bottom: 10px;
        font-size: 12pt;
        line-height: 12px;
        padding: 6px 2px 6px 2px;  
        text-align: right;
    }
    
    
    /* subheader: company address */
    .invoice-box table.subheader {
        width: 100%;
        line-height: inherit;
        text-align: left;
    }

    .invoice-box table.subheader td.subheader {
        padding-bottom: 10px;
        font-size: 11pt;
        line-height: 15px;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
    }
    
    /* subheader: do id and date */
    .invoice-box table.subheader tr td:nth-child(2) {
        text-align: right;
        font-size: 11pt;
        vertical-align: top;
    }
    
    
     /* subheader: billing and delivery address */
    .invoice-box table.add {
        width: 100%;
        line-height: inherit;
        text-align: left;
    }

	 .invoice-box table.add td.addheader {
        width: 50%;
        font-size: 10pt;
        font-weight: bold;
        background:#D5D5D5; 
        line-height: 16px;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
    }
    
	.invoice-box table.add td.add {
        width: 50%;
        font-size: 10pt;
        line-height: 14pt;
        border: 1px solid #959595;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
    } 
   
    .invoice-box table.add td.add textarea.add {
       	height: 100px; 
    	width: 380px; 
    	font-size: 10pt;	
        word-wrap:break-word;
        border: none; 
       	padding: 2px 2px 2px 2px; /* top, right, bottom, and left */   
    } 
    
    
    .invoice-box table.subsubheader {
        width: 100%;
        font-size: 16px;	
        line-height: inherit;
        text-align: left;
    }

    .invoice-box table.subsubheader td.subsubheader {
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        color: #333;
    }
    
   	/* table: item list */
    .invoice-box table.itemlist {
        width: 100%;
        text-align: left;
        table-layout: fixed;     
    }

	.invoice-box table.itemlist td {
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
    }

	 .invoice-box table.itemlist td.item-header {
        width: 500px;
        font-size: 14px;
        font-weight: bold;
        word-wrap:break-word;
        padding: 5px 5px 5px 5px;  /* top, right, bottom, and left */
    }    
    
    
	/* xs */
	.invoice-box table.itemlist td.item-xs {
        width: 20px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-xs-header {
        width: 20px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-xs-clear {
        width: 20px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: none;
    } 
    
    /* s2 */
    .invoice-box table.itemlist td.item-s2 {
        width: 30px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-s2-header {
        width: 30px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-s2-clear {
        width: 30px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: none;
    } 
    
    /* s */
    .invoice-box table.itemlist td.item-s {
        width: 65px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-s-header {
        width: 65px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-s-clear {
        width: 65px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: none;
    } 
    
    /* m */
    .invoice-box table.itemlist td.item-m {
        width: 100px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-m-header {
        width: 100px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-m-clear {
        width: 100px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 3px 2px 5px 2px; /* top, right, bottom, and left */
        border: none;
    } 
    
    .invoice-box table.itemlist td.item-m-footer {
        width: 100px;
        font-size: 10px;
        word-wrap:break-word;
        padding: 1px 1px 1px 1px; /* top, right, bottom, and left */
        border: none;
    } 
    
    .invoice-box table.itemlist td.item-m-footer-s {
        width: 100px;
        font-size: 10px;
        word-wrap:break-word;
        padding: 0px 0px 0px 0px; /* top, right, bottom, and left */
        border: none;
    } 
    
    /* l */
    .invoice-box table.itemlist td.item-l {
        width: 200px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
       	border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-l-header {
        width: 200px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding:2px 2px 2px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-l-clear {
        width: 200px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
       	border: none;
    } 
    
    .invoice-box table.itemlist td.item-l-footer {
        width: 200px;
        font-size: 10px;
        word-wrap:break-word;
       	padding: 1px 1px 1px 1px; /* top, right, bottom, and left */
       	border: none;
    } 
    
     .invoice-box table.itemlist td.item-l-footer-s {
        width: 200px;
        font-size: 10px;
        word-wrap:break-word;
       	padding: 0px 0px 0px 0px; /* top, right, bottom, and left */
       	border: none;
    } 
    
    /* xl */
    .invoice-box table.itemlist td.item-xl {
        width: 300px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
    .invoice-box table.itemlist td.item-xl-header {
        width: 300px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
        border: 1px solid #959595;
    } 
    
     .invoice-box table.itemlist td.item-xl-clear {
        width: 300px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
       	border: none;
    } 
    
     .invoice-box table.itemlist td.item-xl-footer {
        width: 300px;
        font-size: 10px;
        word-wrap:break-word;
       	padding: 1px 1px 1px 1px; /* top, right, bottom, and left */
       	border: none;
    } 
    
     .invoice-box table.itemlist td.item-xl-footer-s {
        width: 300px;
        font-size: 10px;
        word-wrap:break-word;
       	padding: 0px 0px 0px 0px; /* top, right, bottom, and left */
       	border: none;
    } 
    
    /* subheader: currency */
    .invoice-box table.curr {
        width: 100%;
        text-align: left;
        table-layout: fixed;  
    }
    
    .invoice-box table.curr td textarea.trans {
       	height: 50px; 
    	width: 600px; 
    	font-size: 10px;	
        word-wrap:break-word;
        border: none; 
       	padding: 5px 5px 5px 5px; /* top, right, bottom, and left */   
    } 
    

    /* subheader: notes */
    .invoice-box table.notes {
        width: 100%;
        text-align: left;
        table-layout: fixed;
    }
    
     .invoice-box table.notes td textarea.notes {
       	height: 100px; 
    	width: 380px; 
    	font-size: 10px;	
        word-wrap:break-word;
        border: 1px solid #959595;
       	padding: 5px 5px 5px 5px; /* top, right, bottom, and left */   
    } 
   
   	 .invoice-box table.notes td textarea.notes-xl-clear {
       	height: 20px; 
    	width: 800px; 
    	font-size: 10px;	
        word-wrap:break-word;
        border: none;
       	padding: 5px 5px 5px 5px; /* top, right, bottom, and left */   
    } 
   
   
/* Landscape */

	.invoice-box-landscape {
        max-width: 1200px;
        margin: auto;
        border: 1px solid #eee;
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        font-size: 11px;
        line-height: 20px;
        font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        color: #555;
        page-break-after: always;
        padding: 5px 5px 5px 5px; /* top, right, bottom, and left */
    }
    
    /* header: company name */
    .invoice-box-landscape table.header {
        width: 100%;
        line-height: inherit;
        text-align: left;
    }
    
    .invoice-box-landscape table.header td.header {
        padding-bottom: 20px;
        font-size: 20px;
        line-height: 30px;
    }
    
    /* subheader: company address */
    .invoice-box-landscape table.subheader {
        width: 100%;
        line-height: inherit;
        text-align: left;
    }

    .invoice-box-landscape table.subheader td.subheader {
        padding-bottom: 10px;
        font-size: 12px;
        line-height: 14px;
        color: #333;
    }
    
    /* subheader: do id and date */
    .invoice-box-landscape table.subheader tr td:nth-child(2) {
        text-align: right;
        font-size: 14px;
        vertical-align: top;
    }
    
    
     /* subheader: billing and delivery address */
/*    .invoice-box-landscape table.add {
        width: 100%;
        line-height: inherit;
        text-align: left;
    }

	 .invoice-box-landscape table.add td.addheader {
        width: 50%;
        font-size: 15px;
        font-weight: bold;
        background:#D5D5D5; 
        line-height: 15px;
        padding: 5px 5px 5px 5px; 
    }
    
	.invoice-box-landscape table.add td.add {
        width: 50%;
        font-size: 14px;
        line-height: 18px;
        border: 1px solid #959595;
        padding: 5px 5px 5px 5px;
    } 
   
    .invoice-box-landscape table.add td.add textarea.add {
       	height: 100px; 
    	width: 380px; 
    	font-size: 14px;	
        word-wrap:break-word;
        border: none; 
       	padding: 5px 5px 5px 5px;
    } 
*/    
    
    .invoice-box-landscape table.subsubheader {
        width: 100%;
        font-size: 11px;	
        line-height: inherit;
        text-align: left;
    }

    .invoice-box-landscape table.subsubheader td.subsubheader {
        padding-bottom: 10px;
        font-size: 11px;
        line-height: 12px;
        color: #333;
    }
    
   	/* subheader: item list */
    .invoice-box-landscape table.itemlist {
        width: 100%;
        text-align: left;
        table-layout: fixed;        
    }

	.invoice-box-landscape table.itemlist td {
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
    }

	/* xs */
	.invoice-box-landscape table.itemlist td.item-xs {
        width: 20px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-xs-header {
        width: 20px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-xs-clear {
        width: 20px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: none;
    } 
    
    /* s */
    .invoice-box-landscape table.itemlist td.item-s {
        width: 60px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-s-header {
        width: 60px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-s-clear {
        width: 60px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: none;
    } 
    
    /* m */
    .invoice-box-landscape table.itemlist td.item-m {
        width: 80px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-m-header {
        width: 80px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-m-clear {
        width: 80px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: none;
    } 
    
    /* l */
    .invoice-box-landscape table.itemlist td.item-l {
        width: 100px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-l-header {
        width: 100px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-l-clear {
        width: 100px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
       	border: none;
    } 
    
    /* xl */
    .invoice-box-landscape table.itemlist td.item-xl {
        width: 300px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    .invoice-box-landscape table.itemlist td.item-xl-header {
        width: 300px;
        font-size: 11px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
     .invoice-box-landscape table.itemlist td.item-xl-clear {
        width: 300px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
       	border: none;
    } 
    

    /* subheader: notes */
    .invoice-box-landscape table.notes {
        width: 100%;
        text-align: left;
        table-layout: fixed;
    }
    
     .invoice-box-landscape table.notes td textarea.notes {
       	height: 100px; 
    	width: 500px; 
    	font-size: 11px;	
        word-wrap:break-word;
        border: 1px solid #959595;
       	padding: 5px 5px 5px 5px; /* top, right, bottom, and left */   
    } 
    
   

/* JO Format */   
   /* table: print jo */
    .invoice-box table.printjo {
        width: 100%;
        text-align: left;
        table-layout: fixed;    
        border: 0.5px solid #959595;  
    }

	.invoice-box table.printjo td {
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
    }
    
    .invoice-box table.printjo td.item-header {
        width: 500px;
        font-size: 16pt;
        font-weight: bold;
        word-wrap:break-word;
        padding: 5px 5px 5px 5px;  /* top, right, bottom, and left */
    }    
    
    
    /* xs */
    .invoice-box table.printjo td.item-xs {
        width: 20px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 1px 1px 1px 1px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    
    /* s */
    .invoice-box table.printjo td.item-s {
        width: 50px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px;; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    /* m */
    .invoice-box table.printjo td.item-m {
        width: 100px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
     /* l */
    .invoice-box table.printjo td.item-l {
        width: 180px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 5px 2px 5px 2px; /* top, right, bottom, and left */
       	border: 0.5px solid #959595;
    } 
   
     /* xl */
    .invoice-box table.printjo td.item-xl {
        width: 280px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 2px 5px 2px;   /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
    
/* OQC Format */   
   /* table: print oqc */
    .invoice-box table.printoqc {
        width: 100%;
        text-align: left;
        table-layout: fixed;    
        border: 0.5px solid #959595;  
    }

	.invoice-box table.printoqc td {
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
    }
    
    .invoice-box table.printoqc td.item-xs-clear {
        width: 20px;
        font-size: 10px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: none;
    } 
    
    
 	/* s */
    .invoice-box table.printoqc td.item-s {
        width: 65px;
        font-size: 10px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 

	.invoice-box table.printoqc td.item-s-header {
        width: 65px;
        font-size: 10px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 

	/* m */    
     .invoice-box table.printoqc td.item-m {
        width: 80px;
        font-size: 10px;
        word-wrap:break-word;
        padding: 2px 2px 2px 2px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
          
     .invoice-box table.printoqc td.item-m-header {
        width: 80px;
        font-size: 10px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
           
    /* l */
    .invoice-box table.printoqc td.item-l {
        width: 200px;
        font-size: 10px;
        word-wrap:break-word;
       	padding:  2px 2px 2px 2px; /* top, right, bottom, and left */
       	border: 0.5px solid #959595;
    } 
    
    .invoice-box table.printoqc td.item-l-header {
        width: 200px;
        font-size: 10px;
        font-weight: bold;
        background:#D5D5D5; 
        word-wrap:break-word;
        padding: 2px 2px 2px 2px;/* top, right, bottom, and left */
        border: 0.5px solid #959595;
    }        
    
    
/* Sticker Format */   

   /* table: print sticker */
    .invoice-box table.printsticker {
      	width: 100%;
        text-align: left;
        table-layout: fixed;   
    }

	.invoice-box table.printsticker td {
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
    }
    
    
    /* s */
     .invoice-box table.printsticker td.item-s {
        width: 50px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 1px 20px 1px 20px; /* top, right, bottom, and left */
        border: none;  
    } 
    
     .invoice-box table.printsticker td.item-s-first {
        width: 50px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 5px 20px 1px 20px; /* top, right, bottom, and left */
        border: none;  
    } 
    
    
     /* m */
    .invoice-box table.printsticker td.item-m {
        width: 100px;
        font-size: 11px;
        word-wrap:break-word;
        padding: 1px 10px 1px 10px; /* top, right, bottom, and left */
        border: none;  
    } 
    
     /* l */
    .invoice-box table.printsticker td.item-l {
        width: 180px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 1px 10px 1px 10px; /* top, right, bottom, and left */
       	border: none;  
    } 
    
    .invoice-box table.printsticker td.item-l-first {
        width: 180px;
        font-size: 11px;
        word-wrap:break-word;
       	padding: 10px 10px 1px 10px; /* top, right, bottom, and left */
       	border: none;  
    } 

        
/* table: print iqc sticker */
    .invoice-box table.printiqcsticker {
      	width: 100%;
        text-align: left;
        table-layout: fixed;   
    }

	.invoice-box table.printiqcsticker td {
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
    }
    
    
    /* s */
     .invoice-box table.printiqcsticker td.item-s {
        width: 25px;
        font-size: 18px;
        word-wrap:break-word;
        padding: 3px 10px 3px 10px; /* top, right, bottom, and left */
        border: none;
    } 
    
    /* m */
     .invoice-box table.printiqcsticker td.item-m {
        width: 40;
        font-size: 18px;
        word-wrap:break-word;
        padding: 3px 10px 3px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
 
    
    /* m */
     .invoice-box table.printiqcsticker td.item-m-header {
        width: 40;
        font-size: 12px;
        font-weight: bold;
        word-wrap:break-word;
        padding: 3px 10px 3px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
 
     /* l */
     .invoice-box table.printiqcsticker td.item-l {
        width: 120;
        font-size: 18px;
        word-wrap:break-word;
        padding: 3px 10px 3px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
    
     /* l */
     .invoice-box table.printiqcsticker td.item-l-header {
        width: 120;
        font-size: 12px;
        font-weight: bold;
        padding: 3px 10px 3px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
     
     
/* table: print jo sticker */
    .invoice-box table.printjosticker {
      	width: 100%;
        text-align: left;
        table-layout: fixed;   
    }

	.invoice-box table.printjosticker td {
        padding: 2px 2px 2px 2px;  /* top, right, bottom, and left */
    }
         
     
    /* s */
     .invoice-box table.printjosticker td.item-s {
        width: 10px;
        font-size: 12px;
        word-wrap:break-word;
        padding: 2px 10px 2px 10px; /* top, right, bottom, and left */
        border: none;
    } 
         
 	/* m */
    .invoice-box table.printjosticker td.item-m-header {
        width: 80;
        font-size: 12px;
        font-weight: bold;
        word-wrap:break-word;
        padding: 5px 10px 5px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
        background: #D5D5D5; 
    }   
    
  	 /* m */
     .invoice-box table.printjosticker td.item-m {
        width: 80;
        font-size: 14px;
        word-wrap:break-word;
        padding: 5px 10px 5px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    } 
                
    /* l */
    .invoice-box table.printjosticker td.item-l-header {
        width: 120;
        font-size: 12px;
        font-weight: bold;
        word-wrap:break-word;
        padding: 5px 10px 5px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
        background: #D5D5D5; 
    }   
    
  	 /* l */
     .invoice-box table.printjosticker td.item-l {
        width: 120;
        font-size: 14px;
        word-wrap:break-word;
        padding: 5px 10px 5px 10px; /* top, right, bottom, and left */
        border: 0.5px solid #959595;
    }