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

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

.customerLeftDivContent .custInfoContent 	  { height: 20.3%; }
.customerLeftDivContent .custSalePayContent   { height: 40.3%; }
.customerLeftDivContent .custReturnPayContent { height: 20.3%; }

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

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

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


.customerLeftDivContent .creditButtonDiv { padding:0rem; }
.customerLeftDivContent .creditButtonDiv .billHeading 	  { font-size:1.7rem; text-align: left; }
.customerLeftDivContent .creditButtonDiv .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d;  padding-top: 0.5rem; margin-bottom: 0.5rem; }
.customerLeftDivContent .creditButtonDiv .payButton { font-size: 2rem; padding: 1.4rem 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; }



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

/******************** 
*** Right Side ***
*********************/ 

.customerRightDivContent .itemRetailDiv     { height:100%; width: 100%; }
.customerRightDivContent .itemRetailContent { height:84%;  width: 100%; }
.customerRightDivContent .bottomButtonIcon  { height:16%;  width: 100%; background: #efefef; overflow: overlay; }

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

.customerRightDivContent .custBreadcrumbDiv  { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.customerRightDivContent .custBreadcrumbDiv .openCustPayHisory   { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none;  }
.customerRightDivContent .breadCrumbButton .breadCrumbActive  { background: #5cb85c; color: #ffffff; border-color: #4cae4c; } 
.customerRightDivContent .breadCrumbButton  { float: left; font-size: 2rem; padding: 1.25rem 2rem; background: #efefef; color: #333; border-color: #efefef;}

.customerRightDivContent .custOrderDivContent .borderRadius { overflow-y: auto; position: absolute; width:100%; height:79%;}
.customerRightDivContent .custOrderDivContent table th { font-size: 11pt; text-align:center; color:#FFF; }
.customerRightDivContent .custOrderDivContent table td { font-size: 10pt; text-align:center; }

/***************** *** Credit Customer Screen ****** *************/
.creditCenterDivContent { height:100%; width:100%; overflow: hidden; padding: 0rem;}

.creditCenterDivContent .itemRetailDiv     { height:100%; width: 100%; }
.creditCenterDivContent .itemRetailContent { height:86%;  width: 100%; }
.creditCenterDivContent .bottomButtonIcon  { height:14%;  width: 100%; background: #efefef; overflow: overlay; }

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

.creditCenterDivContent .proListDivContent { margin-top: 1rem; height:98%; overflow-y: scroll;}
.creditCenterDivContent .proListDivContent .borderRadius table { color: #fff; font-size: 1.4rem;}




@media (min-width: 1225px) and (max-width: 1324px) 
{
	.customerLeftDivContent  { width: 25%; }
	.customerRightDivContent { width: 75%; }	
	
	.customerLeftDivContent .custCalendarContent { padding: 0.5rem 0.5rem;}
	.customerLeftDivContent .custCalendarContent .backButton { padding: 0.6rem 1rem;}	
	.customerLeftDivContent .custCalendarContent input { font-size: 1.7rem; height: 4.1rem }
	
	.customerLeftDivContent .custInfoContent, .customerLeftDivContent .custSalePayContent, .customerLeftDivContent .custReturnPayContent { height: 25.2%; }
	
	.customerLeftDivContent .custInfoContent .billHeading	   { font-size:1.7rem; } 
	.customerLeftDivContent .custSalePayContent .billHeading   { font-size:1.7rem; }
	.customerLeftDivContent .custReturnPayContent .billHeading { font-size:1.7rem; }
	.customerLeftDivContent .creditButtonDiv .billHeading 	   { font-size:1.7rem; }
	
	.customerLeftDivContent .custInfoContent .billHeadingAmt 	  { font-size:1.7rem;  }
	.customerLeftDivContent .custSalePayContent .billHeadingAmt   { font-size:1.7rem;  }
	.customerLeftDivContent .custReturnPayContent .billHeadingAmt { font-size:1.7rem;  }
	.customerLeftDivContent .creditButtonDiv .billHeadingAmt 	  { font-size:1.7rem;  }
	
	.customerLeftDivContent .creditButtonDiv .payButton { font-size: 2.3rem; padding: 1.4rem 1.2rem; line-height: 1.33; }
	
	.customerRightDivContent .itemRetailContent { height:86%; }
	.customerRightDivContent .bottomButtonIcon  { height:14%; }
	
	.customerRightDivContent .searchbox { font-size: 2rem; padding: 2.5rem 1rem; }
	
	.customerRightDivContent .custOrderDivContent .borderRadius { height:72%; }
	.customerRightDivContent .custOrderDivContent table th { font-size: 1.5rem; }
	.customerRightDivContent .custOrderDivContent table td { font-size: 1.5rem; }
	.customerRightDivContent .custOrderDivContent table td i { font-size: 2rem;} 
	
	.customerLeftDivContent .marqueeDivContent { height: 7%;}
	 
	
}

@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)
{
	
}