/***************** *** Customer Screen ****** *************/
.vendorLeftDivContent  { width: 25%; height:100%; overflow: hidden; padding: 0rem; background:#f8f8f8; }
.vendorRightDivContent { width: 75%; height:100%; overflow: hidden; padding: 0rem; }

/******************** 
*** Left Side ***
*********************/ 
.vendorLeftDivContent .vendorCalendarContent { padding: 0.5rem 1rem; display: inline-flex;}
.vendorLeftDivContent .vendorCalendarContent .backButton { float: right; padding: 0.6rem 1rem; display: none; }
.vendorLeftDivContent .vendorCalendarContent .input-group { width: 100%; }	
.vendorLeftDivContent .vendorCalendarContent input { font-size: 2rem; height: 5rem; }

.vendorLeftDivContent .vendorInfoContent { height: 40%; }
.vendorLeftDivContent .vendorInfoContent .divBreakHr 	 { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.vendorLeftDivContent .vendorInfoContent .billHeading    { font-size:1.7rem; text-align: left; }
.vendorLeftDivContent .vendorInfoContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d;  padding-top: 0.5rem; margin-bottom: 0.5rem;}

.vendorLeftDivContent .vendorPaymentContent { height: 44.5%; }
.vendorLeftDivContent .vendorPaymentContent .divBreakHr 	 { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.vendorLeftDivContent .vendorPaymentContent .billHeading    { font-size:1.7rem; text-align: left; }
.vendorLeftDivContent .vendorPaymentContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d;  padding-top: 0.5rem; margin-bottom: 0.5rem;}


.vendorLeftDivContent .debitButtonDiv { padding:0rem; }
.vendorLeftDivContent .debitButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem; line-height: 1.33; color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;  
							   margin-bottom: 0; text-align: center; cursor: pointer; display: block; text-decoration: none; }							   

.vendorLeftDivContent .marqueeDivContent { height: 7%; width:100%; background:#0381b3; padding: 1rem;  }
.vendorLeftDivContent .marqueeDivContent .footerMarque { color: #fff; font-size: 3rem; line-height: 3rem; }
.vendorLeftDivContent .marqueeDivContent img { height:3rem ; width:auto;} 


/******************** 
*** Right Side ***
*********************/ 
.vendorRightDivContent .itemRetailDiv     { height:100%; width: 100%; }
.vendorRightDivContent .itemRetailContent { height:84%;  width: 100%; }
.vendorRightDivContent .bottomButtonIcon  { height:16%;  width: 100%; background: #efefef; overflow: overlay; }

.vendorRightDivContent .searchDivContent  { margin-top: 0rem; }
.vendorRightDivContent .searchbox 		{ font-size: 2rem; padding: 2.5rem 1rem; } 
.vendorRightDivContent .searchDivContent .cartProAutoContainer ul { position: absolute; z-index: 9; background: #0381B3; padding:0rem; color: white; font-size: 2rem;  }
.vendorRightDivContent .searchDivContent .cartProAutoContainer ul li { padding: 1rem; border-bottom: 1px solid #7ea2d6; }
.vendorRightDivContent .searchDivContent .cartProAutoContainer ul li:hover { background: #5cb85b; }
.vendorRightDivContent .searchDivContent .cartProAutoContainer .ulselected { background: #4d585d; }

.vendorRightDivContent .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.vendorRightDivContent .vendorbreadCrumbButton { float: left; font-size: 2rem; padding: 1.25rem 2rem; margin-right: 0.5rem; }
.vendorRightDivContent .vendorBreadcrumbDiv .openVendorPayHisory    { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none;  }

.vendorRightDivContent .vendorInvoiceDivContent .borderRadius { overflow-y: auto; position: absolute; width:100%; height:70%;}
.vendorRightDivContent .vendorInvoiceDivContent table th { font-size: 11pt; text-align:center; color:#6e61c4; }
.vendorRightDivContent .vendorInvoiceDivContent table td { font-size: 10pt; text-align:center; }

.vendorRightDivContent .vendorLedgerTable table th { font-size:1.5rem;} 
.vendorRightDivContent .vendorLedgerTable table td { font-size:1.5rem;} 


@media (min-width: 1225px) and (max-width: 1324px) 
{
	.vendorLeftDivContent  { width: 25%; }
	.vendorRightDivContent { width: 75%; }	
	
	/******************** Vendor Screen *****************/
	.vendorLeftDivContent  .vendorCalendarContent { padding: 0.5rem 1rem; }
	.vendorLeftDivContent  .vendorCalendarContent .backButton { padding: 0.6rem 1rem;}
	.vendorLeftDivContent  .vendorCalendarContent input { font-size: 2rem; }	
	.vendorLeftDivContent  .vendorInfoContent 	  { height: 40%; }
	.vendorLeftDivContent  .vendorPaymentContent { height: 38%; }
	.vendorLeftDivContent  .vendorInfoContent .billHeading , .vendorInfoContent .billHeadingAmt , .vendorPaymentContent .billHeading , .vendorPaymentContent .billHeadingAmt  
	{ font-size:1.7rem;} 
	
	.vendorLeftDivContent  .debitButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}							   
	
	.vendorRightDivContent .itemRetailContent { height:86%; }
	.vendorRightDivContent .bottomButtonIcon  { height:14%; }
	
	.vendorRightDivContent .searchbox { font-size: 2rem; padding: 2.5rem 1rem; }
	
	.vendorRightDivContent  .vendorbreadCrumbButton { font-size: 2rem; padding: 1.25rem 2rem; margin-right: 0.5rem; }
	.vendorRightDivContent .vendorBreadcrumbDiv .openVendorPayHisory    { font-size: 2rem; padding: 1.25rem 2rem; }
	.vendorRightDivContent .vendorInvoiceDivContent .borderRadius { height:72%;}	
	.vendorRightDivContent .vendorInvoiceDivContent table th , .vendorInvoiceDivContent table td { font-size: 1.7rem; }
	.vendorRightDivContent .vendorLedgerTable table th, .vendorLedgerTable table td { font-size:1.5rem;} 		

}
@media (min-width: 1525px) and (max-width: 1624px)
{

}

@media (min-width: 1425px) and (max-width: 1524px) 
{

}

@media (min-width: 1325px) and (max-width: 1424px) 
{
	 
}

@media (min-width: 1225px) and (max-width: 1324px) 
{
	 
}

@media (min-width: 1125px) and (max-width: 1224px) 
{
	 
}
@media (min-width: 1025px) and (max-width: 1124px) 
{
 
}
/* **************** Ipad Pro ******************/
@media (min-width: 891px) and (max-width: 1024px)
{
	
}

/* **************** Ipad ******************/
@media (min-width: 768px) and (max-width: 890px)
{
	
}