@charset "UTF-8";
/* CSS Document */



 @media only screen and (max-width: 1350px) {
.customerpayment_btnbox button { margin-right: 0px;}
	 
	 
}
 
 

@media only screen and (max-width: 767px) {




	.rowboreder_box{ border-right: 0px;  border-bottom: solid 1px #E2E2E2;}
	.soorder_box{ text-align: left; padding-top: 5px; padding-bottom: 5px;}	
	.so2_m3{ margin-top: 5px; margin-bottom: 5px;}
	.saleorder_bags{ margin-top: 5px; margin-bottom: 10px;}
	.so_m1{ margin-bottom: 5px;}
	.mp_box{ padding-bottom: 5px;}
	.mp_box2{ padding-bottom: 5px; padding-top: 5px;}
	.saleorder_statusbox{ margin-top: 0px; padding-top: 0px; text-align: left; border: 0px;}
	ul.saleorder_statusbox_list{ margin-top: 5px;}
	ul.saleorder_statusbox_list li{ padding-left: 0px; padding-right: 0px; display: block;}
	.unit_span{ display: inline-block;}
	.so_numberbox{ float: left; position: relative; top: 5px; margin-right: 5px;}
	.rowboreder_box2{ border-bottom: solid 1px #E2E2E2;}
	
	.customerpayment_btnbox button{ margin-right: 0px;}
	
	ul.customer_bank li{ display: block;}
	.bank_title{ max-width: 95%;}
	
	ul.customer_bank li:last-child{ float: left; margin-top: 15px;}
	ul.customer_namebox li:last-child{ float: left; margin-top: 15px;}
	ul.banklocation_box li:last-child{ float: left;}
	ul.banklocation_box li{ display: block;}
	
	ul.customer_lastbox li{ padding-right: 5px;}
	.branch_textbox{ top: 3px;}
	.form-check-inline{ margin-right: 1px;}
	
	.customers_heading{ margin-bottom: 7px;}
	.summary_cashactivetext{ margin-top: 7px; margin-bottom: 15px;}
	ul.lastday_list{ margin-top: 7px; margin-bottom: 7px; }
	.desktop_view{ display: none;}
	.mobile_view{ display: block;}
	
	.months_icon,.salebags_icon2,.balance_icon{ width: 12px; height: 12px; top: 2px;}
	.mobile_mb{ margin-bottom: 15px;}

	.active_customerstable{ height:600px; overflow:auto; white-space:nowrap;}

	.active_customerstable .thead-dark{ top:-3px !important;}

	.activecustomer_table .tableth2{ top:38px;}
	.activecustomer_table .tableth{ top:77px;}
}
@media only screen and (max-width: 520px) {
	.activecustomerstable_mobile{ display: none;}
	.activecustomer_listboxmobile{ display: block;  text-align: left;}
	
}



@media only screen and (max-width: 420px) {
	

	.active_customerstable{ margin-top:0px; }
	.cardbody_mobile {
		padding-left:10px; padding-right:10px;
		text-align:center;
	}

	.active_headingbox{ padding-left:10px; padding-right:10px;}

}