
/* Shopping purchase container Properties start*/
#orderSection{
	position:relative;text-align:center;width:100%;min-height:800px;overflow:hidden !important;margin:0;padding:0;
}
.tableInput{
	width:100%;text-align:left !important;height:2em !important; padding: 11px 0px 0px;border-radius: 9px;
}
.tableInputCountry{
	width:101.6%;text-align:left !important;margin-left:-5px;height:2em !important; padding: 11px 0px 0px;border-radius: 9px;
}
#shopTabContainer{	
    position:relative !important;           
    top:9em; 
    height:auto;      	
	min-height:80em;
	min-width: 100px;	
    overflow: hidden;
    margin-right:30%;
    margin-left: 16%;  
         	
}
#shipValue{	
	position:absolute; 
	font-size:15px; 		
	top:15em;
	right:7%;			
	width:19%; 	
	text-align:left;	
}
#mshipValue{		
	display:none ;
    	  	 	
}
.orderconfirmtitle{
	color:white;background:black;text-align:center;font-family:Comfortaa;font-weight:bold;font-size:18px;letter-spacing:1.5px;
}
#orderConfirmation{
	position:relative !important;  
    margin-top:5em !important;  
    margin-right:15%;
    margin-left:15%;
    height: auto !important; 
    overflow: hidden;
    font-style: bold;
    font-variant: normal;
    font-weight:1600;     
    border-top: none;
    border-bottom: none;              	
}
.headerOrderConfirmTD{
 width:10em; height:1.5em;text-align:left; vertical-align:middle;padding-top:5px;padding-left:2px;
}
.headerOrderConfirm{
 min-width:10%;max-width:100%;top:1px; 
 background-color:#373435;
 border-radius: 5px;
 padding:10px 5px 5px 5px;	
}
#orderShopTitle{
   position: fixed !important;	
   width:100%;
   top:3.5em; 	
   text-align:center; 	
   text-transform: uppercase;		
   font-family: Comfortaa;        
   font-size: 17px;   
   letter-spacing:2px;  
   font-weight:bold;  
   z-index:900;  
   /* keep this 900 since filtering select has z-index 1000 by default and very difficult to change it*/     
}
.shipFormDiv{
	position:relative;
	height:auto;	
	   
}
#shippingContainer{	       
    width:100%;
    height:100%;
    bottom:5px;      
    overflow:hidden;  
    background-color: #d7d7d7;         
}
#billingContainer{
	width:100%;
    height:100%;
    bottom:5px;               
    overflow:hidden; 
    background-color: #d7d7d7;        
}
.billFormDiv{
	position:relative;
	height:auto;  
    
}
#orderContainer{	
    width:100%;
    height:100%;
    bottom:5px; 
    overflow:hidden; 
    background-color: #d7d7d7;    
}
#orderContainerForm{	
	position:relative; 
	height:auto;     
    overflow:hidden; 
         
}

#waitShopHome img{  
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.imageOrderText{
 width:100%;position:absolute;bottom:40%;	
}
.shippingTableContainer{
	margin-right:10%;	
}
.billingTableContainer{
	margin-right:10%;	
}
.greyLNF-labelCell {
			background-color: #d7d7d7;
			padding-left:10px;
}
.greyLNF-table-horiz .greyLNF-labelCell {
			text-align: right;
}
.greyLNF-valueCell {
			padding-left:10px;			
}


#addshipping{
 width:10em;
 font-size:16px; 	
}
#resetshipping{
 width:6em;
 font-size:16px;	
}
#addbilling{
 width:10em;
 font-size:16px;	
}
#resetBilling{
width:6em;
 font-size:16px;	
}

#shippingForm{	
	position:relative;             
    top:0; 
    width:100% !important; 
    height: auto !important; 
    overflow: hidden;  
    margin-bottom:3em !important;   
    background-color: #d7d7d7;      
    padding-top:3em; 
    text-align:left; 
    border-radius: 1em;  
       
}
.shippingButtonTable{
	width:100%;padding-bottom:3em;background-color:#d7d7d7;
}
.billingButtonTable{
	width:100%;padding-bottom:3em;background-color:#d7d7d7;
}
.checkboxShipping{
   font-size: 18px; 
   position:relative; 
   margin-top:1em;  
   left:0em;     
   letter-spacing:1px; 
   text-align:left;       
   font-color:#000000;
   border:0px;	
}  

.imageSpinningP1{
 margin-top:13em;text-align: center;letter-spacing:2px;font-size:18px;font-weight:bold;
}
.imageSpinningP2{
 overflow:hidden !important;text-align: center;letter-spacing:1px;font-size:14px;
}
#billingForm {
	position:relative;             
    top:0; 
    width:100% !important; 
    height: auto !important; 
    overflow: hidden;  
    margin-bottom:3em !important;   
    background-color: #d7d7d7;      
    padding-top:3em; 
    text-align:left; 
    border-radius: 1em;  
}


#ordernow{ 
 width:14em;
 font-size:16px; 
}

@media only screen  and (max-width:1390px) {
#shipValue{	
	right:5%;	
	width:21%; 
    	  	 	
}
}
@media only screen  and (max-width:1290px) {

.orderconfirmtitle{
	font-size:16px;letter-spacing:1.3px;
}
#orderConfirmation{
     
   margin-right:10%;
   margin-left:10%; 
}		

#shipValue{		
	
	font-size:14px; 	
	overflow: hidden; 
	
	right:3%;	
	width:24%; 
    	  	 	
}
	
#shopTabContainer{
   
    margin-right:30%; 
    margin-left:0.5%;          
    font-style: bold;
    font-variant: normal;
    font-weight:1600;      
    overflow: hidden;  
    	             	
}
}


@media only screen  and (max-width:1050px){
#stripePayment{
 padding:20px;margin-top:40px;
}
#orderShopTitle{
   position: fixed;	
   top:3.5em;	
  
}	
	
#shopTabContainer{
    
    margin-right:32%;
    top:7em;  
    margin-left:0.5%;          
    font-style: bold;
    font-variant: normal;
    font-weight:1600;      
    overflow: hidden;  
    	             	
}
#shipValue{		
	 
	font-size:13px; 	
	overflow: hidden; 
	
	right:0.5%;	
	width:30%; 
    	  	 	
}
.shippingTableContainer{
	margin-right:2%;	
}
.billingTableContainer{
	margin-right:2%;	
}
#addshipping{
 width:10.5em;
 padding-top:3px;
 font-size:14px; 	
}
#resetshipping{
 width:6em;
 padding-top:3px;
 font-size:14px;	
}
#addbilling{
width:10.5em;
padding-top:3px;
font-size:14px;	
}
#resetBilling{
width:6em;
padding-top:3px;
 font-size:14px;	
}
#ordernow{ 
 
 width:14em;
 padding-top:4px;
 font-size:14px; 
}
}


@media only screen  and (max-width:812px) {
	
#orderConfirmation{
  
   margin-right:5%;
   margin-left:5%;    
}	
#shopTabContainer{
   
    margin-right:35%; 
    margin-left:0.2%; 
    top:8em;          
    font-style: bold;
    font-variant: normal;
    font-weight:1600;      
    overflow: hidden;  
    	             	
}
#shipValue{		
	
	font-size:13px; 	
	overflow: hidden; 	
	right:0.2%;	
	width:33%; 
    	  	 	
}

}

@media only screen  and (max-width:790px) {
	
.greyLNF-labelCell {			
			display:none;						
}
.greyLNF-table-horiz .greyLNF-labelCell {			
			display:none;
}
.greyLNF-valueCell {
			padding-left: 10px;				
			text-align: left;	
}
#statusDailogue{	
	text-align:center;
}
.shopStatusLabels-labelCell { 
  display:none;
}
.shopStatusLabels-table-horiz ..shopStatusLabels-labelCell {			
			display:none;
}
}
@media only screen  and (max-width:730px) {
	
#orderConfirmation{
   
   margin-right:2%;
   margin-left:2%;       
}	
#shopTabContainer{
    
    margin-right:37%; 
    margin-left:0.2%; 
    top:8em;          
    font-style: bold;
    font-variant: normal;
    font-weight:1600;      
    overflow: hidden;  
    	             	
}
#shipValue{		
	
	font-size:12.5px; 	
	overflow: hidden; 
	
	right:0.2%;	
	width:35%; 
    	  	 	
}

}


