.itemTD{
	text-align: center; /* center checkbox horizontally */ vertical-align: middle; /* center checkbox vertically */
    
	}
	input{
	 background-color: #72A4D2;
	 border:none;
	 text-align: center;
	}
	.invNumber{
		min-width: 300px;
		text-align: right;
		font-weight: 700;
	}
	select{
	background-color: #72A4D2;
	font-weight: 700;
   	text-align: right;
	}
	th,td{
	margin-right:1px;
	}
	
	.discountShow{
		color: red;
	    font-size: 3.2vmax;
	    text-align: center;
	    
		}
	
	.discountShow2{
		display: none;
		font-size: 13.2vmax;
	}
	.disclaimer{
		white-space: normal;	
		text-align: center;
		font-size: 14px;
    	font-weight: 700
	}
	
		
	input[type='checkbox'] {
   -webkit-appearance: initial;
    appearance: initial;
   
    width: 30px;
    height: 30px;
    border: none;
    
    position: relative;
	}
	input[type='checkbox']:checked {
	    background: #abd;
	}
	input[type="checkbox"]:checked:after {
    /* Heres your symbol replacement - this is a tick in Unicode. */
    content: "\2713";
   <input type="checkbox" /> color: #fff;
    /* The following positions my tick in the center, 
     * but you could just overlay the entire box
     * with a full after element with a background if you want to */
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*
     * If you want to fully change the check appearance, use the following:
     * content: " ";
     * width: 100%;
     * height: 100%;
     * background: blue;
     * top: 0;
     * left: 0;
     */
}	
		
	.center {
        white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
	}
	.centerImg{
		margin-left: auto;
	    margin-right: auto;
	    width: 40%;
	}
	.summary{
	font-weight: bold;
	font-size: 25px;
	}
	.tableWidth{
		width: 100%;
		border-collapse: collapse;
	}
	.toTheRight{
		float:right;
	}
	.invInput{
		
		text-align: right;
		max-width: 250px;
	}
	
	.allOption td {
    border: 2px solid #000000;
    text-align: center;
    
	}
	
	.allOption th {
    border: 2px solid #000000;
    text-align: center;
    border-width: medium;
    
	}
	
	.delaerInfo{
		    text-align: right;
		    overflow: hidden;
		    resize: unset;
		    border: 0px;
		    
		    position: relative;
   			top: -50px;
		
	}
	.checkboxMark{
		    float: right;
	}
	
	tr:nth-child(even) {
    background-color: #dddddd;
	}
	
	button{
		min-width:200px;
	}
	.ErrorPrice{
		color: red;
	}
	
	
	.topInfo{
			font-size: 15px;
	    	font-weight: bold;
	    	font-style: italic;
    	}
    
    .orderBen{
    	white-space: nowrap;
    }
    .mpayStyle{
    	    padding-right: 100px;
	}
	.userdateStyle{
		position: absolute;
		bottom:0;
		right:0;
	}
	
	#return-home-ps {
		margin-bottom: 1em;
	}
	
	#qacodeDesc{
			white-space: break-spaces;
    		width: fit-content;
    		font-weight: bold;
		}
        
	
	@media print {
	
		@page { 
			margin-bottom: 0; 
			margin-top: 0;
			margin-left:2.5cm;
		
		}
  		body { 
	  		
	  		margin-top: 1.6cm;
	  		
  		}
	
	    .center {
	    width: 100%;
		}
		
		.delaerInfo{
		    text-align: right;
		    overflow: hidden;
		    resize: unset;
		    border: 0px;
		    
		    position: relative;
   			top: -50px;
		
		}
		
		select {
	    	direction: rtl;
		}
		option {
		    direction: ltr;
		}
		
		
		.printDis{
			display: none;
		}
		
		.discountShow{
			display:none;
		}
		.checkboxMark{
			display:none;
		}
		.discountShow2{
			color: red !important;
		    font-size:52px;
		    position:absolute;
		    bottom:0.5cm;
		    display:block;
		    right:25%;
		    left:50%;
		    margin-left:-150px;
		}
		#discountShow2{
			color: red !important;
		}
		
		
		::-webkit-input-placeholder { /* WebKit browsers */
			color: transparent;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color: transparent;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
			color: transparent;
		}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
			color: transparent;
		}
		
		select {
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    text-indent: 1px;
		    text-overflow: '';
		    border:0px;
  			outline:0px;
		}
	
		select::-ms-expand {
		    display: none;
		    border:0px;
  			outline:0px;
		}
  
	}