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



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

@media only screen and (max-width: 1199px) {
	.brand_logobox2 {
		width: 25px;
		height: 25px;
		display: inline-block;
		background-size: 100% !important;
		position: relative;
		top: 5px;
		margin-right: 10px;
	}

}






@media only screen and (max-width: 992px) {
	.mobile_none {
		display: none;
	}
}


@media (min-width: 992px) {
	.no-border-xl {
		border-top: none !important;
		border-bottom: none !important;
	}
}



	@media only screen and (max-width: 767px) {
		.mobile_none {
			display: none;
		}

		.mobile_view_table {
			display: block;
		}

		.window_view_table {
			display: none;
		}


		.popup_deletebtn {
			width: 19px;
			height: 19px;
			margin-left: 0px;
		}


		.table_mobileview tr td {
			padding: 3px;
		}


		.btn-primary {
			margin-bottom: 10px;
		}

		.btn-dark {
			margin-bottom: 10px;
		}




		.demo-inline-spacing .badge {
			margin-bottom: 10px;
		}


		.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: 575px) {

		.paymentbagtext {
			text-align: left;
		}

		.paymenttext_number {
			text-align: left;
		}

		.paymenttext {
			text-align: left;
		}

		.paymentcard_text {
			text-align: left;
		}

		.paymentcard_number {
			text-align: left;
		}
	}



	@media only screen and (max-width: 520px) {
		.active_customerstable_deskctop {
			display: none;
		}

		.activecustomer_listboxmobile {
			display: block;
		}


		.ml-20 {
			margin-left: 5px;
		}

		.ml-40 {
			margin-left: 10px;
		}

		.ml-60 {
			margin-left: 15px;
		}

		.ml-80 {
			margin-left: 20px;
		}
		.ml-100 {
			margin-left: 25px;
		}

		.circular-loader {
			
			width: 60px;
			height: 60px;
			 
		}
			.circular-loader .percentage{ font-size:smaller;}


	}




	@media only screen and (max-width: 420px) {
		.circular-loader {
		
			width: 45px;
			height: 45px;
		}

		.good_customer {
			border-left: 2px solid #16c96b;
		}

		.bad_customer {
			border-left: 2px solid #ec5351;
		}

		.avg_customer {
			border-left: 2px solid #FFA037;
		}

		.asiacard {
			border-left: solid 2px #1ac96a;
		}
		.chenabcard {
			border-left: solid 2px #EC5351;
		}
		.deltacard {
			border-left: solid 2px #FFA037;
		}

		.menu_break {
			margin-left: 0px;
		}

		.report_cardtable tr th {
			font-size: 10px;
		}

		.report_cardbox {
			padding: 5px 5px;
		}


		.active_customerstable {
			margin-top: 0px;
		}

		.cardbody_mobile {
			padding-left: 5px;
			padding-right: 5px;
			text-align: center;
		}

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


		.ml-20 {
			margin-left: 3px;
		}

		.ml-40 {
			margin-left: 6px;
		}

		.ml-60 {
			margin-left: 9px;
		}

		.ml-80 {
			margin-left: 12px;
		}


	}