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

/******************** 
*** Left Side ***
*********************/ 
.stockRecLeftDivContent .stockCardDivContent    { height: 59%; width:100%; padding: 0.5rem 0rem;}
.stockRecLeftDivContent .stockBillDetailContent { height: 25%; width:100%; padding: 1rem 0rem; }

.stockRecLeftDivContent .stockCardDivContent .topButtonInfo { padding: 0rem 1rem; }
.stockRecLeftDivContent .stockCardDivContent .cartItemContent { height: 95%; overflow-y: auto; overflow-x: hidden; }

.stockRecLeftDivContent .stockCardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
.stockRecLeftDivContent .stockCardDivContent .cartDelete      { float: right; padding: 0px 1rem; font-size: 3rem; padding-right: 3rem; }
.stockRecLeftDivContent .stockCardDivContent .backButton      { float: right; padding: 0.6rem 1rem; display: none; }
.stockRecLeftDivContent .stockCardDivContent .productName     { font-size:1.5rem; font-weight:600; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
.stockRecLeftDivContent .stockCardDivContent .productQuantity { font-size:1.5rem;}
.stockRecLeftDivContent .stockCardDivContent .productTotal	 { font-size:1.5rem;}
.stockRecLeftDivContent .stockCardDivContent .productDelete   { color:red; margin-bottom: 0rem;}
.stockRecLeftDivContent .stockCardDivContent .productPrice    { font-size:1.5rem; }
.stockRecLeftDivContent .stockCardDivContent .productDisc     { font-size:1.5rem; text-align: right; }
.stockRecLeftDivContent .stockCardDivContent .cartProEdit     { background: #fff; }
.stockRecLeftDivContent .stockCardDivContent .cartDivBreakHr  { border-top: 1px solid #ccc5c5; padding-top: 0.5rem; }

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

.stockRecLeftDivContent .stockPaymentButtonDiv { padding:0rem; }
.stockRecLeftDivContent .stockPaymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 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; }

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

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

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

	
/************** Center Side Content // Breadcrum *********************/
.stockRecRightDivContent .breadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.stockRecRightDivContent .breadcrumbDiv .breadCrumbButton { float: left; font-size: 2rem; padding: 1.25rem 2rem; background: #efefef; color: #333; border-color: #efefef;}
.stockRecRightDivContent .breadcrumbDiv .breadCrumbActive { background: #5cb85c; color: #ffffff; border-color: #4cae4c; }
.stockRecRightDivContent .breadcrumbDiv .openCartButton   { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none; margin: 0.4rem; }

/************** Center Side Content // Cate Div Content *********************/
.stockRecRightDivContent .mainCateDivContent .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  } 
.stockRecRightDivContent .subCateDivContent  .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  } 
.stockRecRightDivContent .productDivContent  .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  }

/************** Center Side Content // Cate Div Content // Main-category  /Product ****************/
.stockRecRightDivContent .mainCateDivContent  .main-cate,
.stockRecRightDivContent .subCateDivContent   .sub-cate  { width: 19%; margin: 0.4rem; display: inline-block; padding:0.5rem; }
.stockRecRightDivContent .productDivContent   .productItem  { width: 19%; position: relative; display: inline-block; margin: 0.4rem; padding:0.5rem; margin-bottom: 3rem;}

.stockRecRightDivContent .mainCateDivContent  .main-cate h2,
.stockRecRightDivContent .subCateDivContent   .sub-cate  h2,
.stockRecRightDivContent .liveOrderDivContent .order-item h2  { text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 15.5rem; margin-top: 0rem;
    															margin-bottom: 0.5rem; color: #fff; font-size: 2rem; line-height: 2.2rem; }

.stockRecRightDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
.stockRecRightDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
.stockRecRightDivContent .productDivContent  .productItem .nameInitialDiv  { width:16rem; height:15rem; padding-top:6rem; background: #fff; text-align: center;}

.stockRecRightDivContent .mainCateDivContent .main-cate   .nameInitial,
.stockRecRightDivContent .subCateDivContent  .sub-cate    .nameInitial,
.stockRecRightDivContent .productDivContent  .productItem .nameInitial  { font-size:  5rem; color:#fff; }

.stockRecRightDivContent .mainCateDivContent .main-cate   img,
.stockRecRightDivContent .subCateDivContent  .sub-cate    img,
.stockRecRightDivContent .productDivContent  .productItem img  { width: 15.5rem; height: 15.5rem; background: #fff; }






/* ********************************************************* */	


.stockRecRightDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
.stockRecRightDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
.stockRecRightDivContent .radioLabel   			{ font-size: 1.6rem; padding: 0.8rem 1.7rem; margin-right:5px; margin-bottom: 5px;  }
.stockRecRightDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
.stockRecRightDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
.stockRecRightDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 17rem; }
.stockRecRightDivContent .form-control      	{ height: 4rem; font-size: 1.8rem;  }
.stockRecRightDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; margin-bottom: 10px; }
.stockRecRightDivContent .orderPaymentHistoy 	{ max-height: 26rem; overflow: auto;  margin-bottom: 12%; bottom: 0; position: absolute; } 
.stockRecRightDivContent .orderPaymentHistoy .delbtn { font-size: 1.2rem; } 




/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
.stockRecRightDivContent .mainCateDivContent .main-cate  { width: 13%; margin: 0.4rem; display: inline-block; padding:0.5rem; } 
.stockRecRightDivContent .subCateDivContent .sub-cate    { width: 13%; margin: 0.4rem; display: inline-block; padding:0.5rem; }
.stockRecRightDivContent .productDivContent .productItem { width: 13%; position: relative; display: inline-block; margin: 0.4rem; padding:0.5rem; margin-bottom: 3rem;}

.stockRecRightDivContent .mainCateDivContent .main-cate img , 
.stockRecRightDivContent .subCateDivContent .sub-cate img , 
.stockRecRightDivContent .productDivContent .productItem  img 
{ 
	width: 15.5rem; height: 15.5rem; background: #fff; 
}

.stockRecRightDivContent .mainCateDivContent .main-cate h2 ,
.stockRecRightDivContent .subCateDivContent .sub-cate h2  
{ 
	text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 15.5rem; margin-top: 0rem;
    margin-bottom: 0.5rem; color: #fff; font-size: 2rem; line-height: 2.2rem;
}
.stockRecRightDivContent .mainCateDivContent .main-cate .nameInitialDiv ,
.stockRecRightDivContent .subCateDivContent .sub-cate .nameInitialDiv , 
.stockRecRightDivContent .productDivContent .productItem .nameInitialDiv
{
	background: #fff; text-align: center; width: 13.5rem; height: 13.5rem; padding-top: 4.5rem; 
}

.stockRecRightDivContent .mainCateDivContent .main-cate .nameInitial, 
.stockRecRightDivContent .subCateDivContent .sub-cate .nameInitial , 
.stockRecRightDivContent .productDivContent .productItem .nameInitial
{ 
	font-size:  5rem; color:#fff; 
}

.stockRecRightDivContent .productDivContent .product-name 
{ 
	position: absolute; font-weight: bold; font-size: 1.75rem; line-height: 2rem; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;
	 max-width: 15.5rem; color: #333;  margin-top: 0.5rem; overflow: visible; white-space: unset;
}

.stockRecRightDivContent .productDivContent .product-name:hover { overflow: visible; white-space: unset; }
.stockRecRightDivContent .productDivContent .productItem .price-tag 
{
	position: absolute; top:1.2rem; color: white; line-height: 2.2rem; font-size: 2rem; background: #333; padding: 0.5rem 0.5rem;
	border-bottom-right-radius: 1rem; 
} 
.stockRecRightDivContent .productDivContent .productItem .price-tag  span{ padding-right: 0.5rem; }

/******************** *** Cart Edit Product Scrren *************************/
.stockRecRightDivContent .cartItemEditDiv { display:none; }
.stockRecRightDivContent .cartItemEditDiv .cartItemEditCancel 	  { background: #fff; color: #0381b3; }
.stockRecRightDivContent .cartItemEditDiv .cartItemEditCancel h3 { margin-top: 0.5rem; font-size: 3rem;}
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent   { background:#f1eef7; bottom: 0rem; position: absolute; top: 4rem; width:100%; }

.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs { padding-left:0rem; height:100%}
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav {  padding-left: 0;  margin-bottom: 0;}
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs { border-bottom: none; }
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs > li > a { margin-right: 0rem; color: #428bca; background-color: #f8f8f8; }
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs > li.active > a { color: #428bca; cursor: default;  background-color: #f1eef7;}

.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .tab-content .container  { width: 100%;}
.stockRecRightDivContent .cartItemEditDiv .cartItemEditContent .tab-content .keyPadContent { margin-top: 3rem; width:100% }

/*********************** Edit Cart Heading  ************************/
.stockRecRightDivContent .cartItemEditContent .editTextBox	 { text-align: center; }
.stockRecRightDivContent .cartItemEditContent .editTextBox ul { margin:0 !important; text-align:center; padding-inline-start: 0rem; }
.stockRecRightDivContent .cartItemEditContent .editTextBox ul li { display: inline-block;  margin: 0 -4px 12px 0px; }
.stockRecRightDivContent .cartItemEditContent .editTextBox .qtylabel   { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; background: #fff; display: initial; 
												border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.stockRecRightDivContent .cartItemEditContent .editTextBox .unitlabel  { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; background: #fff; display: initial; 
												border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #9d9ea2;}
.stockRecRightDivContent .cartItemEditContent .editTextBox .pricelabel { padding: 4.4rem 5.0rem 3.9rem 5.0rem; font-size: 2.5rem; background: #fff; display: initial; 
												border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.stockRecRightDivContent .cartItemEditContent .editTextBox .disclabel  { padding: 4.4rem 3.0rem 3.9rem 3.0rem; font-size: 2.5rem; background: #fff; display: initial;
												border-top-left-radius: 10px; border-bottom-left-radius: 10px; }												
.stockRecRightDivContent .cartItemEditContent .editTextBox input		  { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 3.6rem; width: 19rem; height: 11rem; background: #fff; 
												border: none; text-align:right; color: transparent; text-shadow: 0 0 0 #333;}
.stockRecRightDivContent .cartItemEditContent .editTextBox input:focus{ outline: none;}
.stockRecRightDivContent .cartItemEditContent .editTextBox .unitlabel .deleteIcon { color:#333; font-size: 4rem; }
.stockRecRightDivContent .cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }

/******************** *** Edit Cart Keypad  ************************/	
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid { width: 100%; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid ul { margin:0 0 -5px 0; text-align:center; padding-inline-start: 0rem; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid ul li { display: inline-block;  margin: 0 1px 12px 0px; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid ul li a { border-radius: 10px; color: #0381b3; display: block; font-weight: bold; }
.stockRecRightDivContent .stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid ul li a:hover { background: #0381b3; color: #fff; text-decoration: none; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem;background:#fff; color:#0381b3; 
													text-decoration: none; margin: 0rem 0.2rem; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid .key-btn:active { box-shadow: 0 0 rgb(96, 96, 96) !important; top: 2px; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid .percentageDicount  { display:block; }
.stockRecRightDivContent .cartItemEditContent .numaricKeyPadGrid .fixedDicount  		{ display:none; }

.stockRecRightDivContent .cartItemEditContent .cartEditButton { text-align: center; margin-top: 1rem;}
.stockRecRightDivContent .cartItemEditContent .cartEditButton ul { margin:0; text-align:center; padding-inline-start: 0rem; }
.stockRecRightDivContent .cartItemEditContent .cartEditButton ul li { display: inline-block; }
.stockRecRightDivContent .cartItemEditContent .submitButton { font-size: 3rem;  padding: 2.5rem 21rem; color: #ffffff; background: #5cb85c; border-radius:10px; cursor: pointer;  
							  		 display: block; text-decoration: none; }
									 
									 

@media (min-width: 1225px) and (max-width: 1324px) 
{
	.stockRecLeftDivContent  { width: 30%; }
	.stockRecRightDivContent { width: 70%; }	
	
	/******************* * Stock Screen ***********************/
	.stockRecLeftDivContent .stockCardDivContent .cartItemContent { height: 95%; }
	.stockRecLeftDivContent .stockBillDetailContent { height: 25%; }
	.stockRecLeftDivContent .stockCardDivContent h3 { font-size: 2.5rem; } 
	.stockRecLeftDivContent .stockCardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.stockRecLeftDivContent .stockCardDivContent .productName , .stockCardDivContent .productQuantity, .stockCardDivContent .productTotal { font-size:1.5rem;}
	.stockRecLeftDivContent .stockCardDivContent .productPrice, .stockCardDivContent .productDisc  { font-size:1.5rem; }
	.stockRecLeftDivContent .stockBillDetailContent .billHeading , .stockBillDetailContent .billHeadingAmt { font-size:2rem; }		
	.stockRecLeftDivContent .stockPaymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 1.2rem; }
	
	.stockRecRightDivContent .itemRetailContent { height:86%; }
	.stockRecRightDivContent .bottomButtonIcon  { height:14%; }
	
}
@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)
{
	
}