.hidden {
	display: none;
}

.disabled-option {
	color: #fff !important;
	/* background-color: #e66430!important; */
}

div#b2b-card {
	display: none;
}

.balance-positive {
	color: green;
}

.balance-negative {
	color: red;
}

.product-tax,
.product-productId {
	display: none;
}



.nav-link.bg-light {
	padding: 0.1rem 0.1rem !important;
}

#modal-referencebilling modal-xl {
	max-width: 98% !important;
}

#reference_billingid tr td {
	padding: 0;
}

#modal-referencebilling .table>thead>tr>td,
.table>thead>tr>th {
	padding: 3px !important;
}

#modal-referencebilling .table [type="checkbox"]+label {
	margin-top: 10px;
}

.demo-radio-button label {
	min-width: 100px !important;
}

input#referenceBill,
input#referenceBill1 {
	position: relative;
	left: 0;
	opacity: 1;
	margin-left: 5px;
	width: 20px;
	height: 20px;
}

input#referenceBill1 {
	width: 15px;
	height: 15px;
}

[for="referenceBill"],
[for="referenceBill1"] {
	position: relative;
	margin-left: 10px;
	font-size: 16px;
	vertical-align: super;
}

F [for="referenceBill1"] {
	margin-left: 5px;
	font-size: 15px;
}

div#showCheck {
	margin-top: 1%;
}

div#showCheck1 {
	align-items: center;
}

.disabled-button {
	color: red;
}

@media (min-width: 576px) {
	.disc-model {
		max-width: 300px !important;
		margin: 1.75rem auto;
	}
}

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

	button.btn.btn-sm.btn-primary.pill-btn.rounded-3 {
		height: 40px;
		margin-bottom: 0px;
	}

	.demo-radio-button label {
		min-width: 80px !important;
	}

	.btn-custms {
		padding: 0px 5px;
		width: 100%;
		height: 50px !important;
		margin-bottom: 2px;
		line-height: 15px;
		font-size: 14px;
		border-radius: 0px;
	}
}

@media only screen and (max-width:575px) {
	.form-group {
		margin-bottom: 0;
	}

	.form-group label {
		margin-bottom: 0.05rem;
		font-size: 12px;
	}

	button.waves-effect.waves-light.btn.btn-md.mb-0.submitVariant1.me-1,
	button.waves-effect.waves-light.btn.btn-md.mb-0.submitVariant2.ms-1 {
		width: 45%;
		display: inline;
	}
}

.scroll-container {
	max-height: 200px;
	/* Set the maximum height for the scroll container */
	overflow-y: auto;
	/* Enable vertical scrolling */
}

.payment-item {
	display: inline-block;
	padding: 0px 0px;
	margin: 1px 1px;

	cursor: pointer;
	text-align: center;
	background: #fff;
	/* width: 17.9%; */
}

.payment-scroll-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	max-height: 200px;
	overflow-x: auto;
}

.payment-scroll-arrows {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	pointer-events: none;
	z-index: 99;
}

.payment-scroll-button {
	background: #a4ffc4 !important;
	border: none;
	font-size: 20px;
	cursor: pointer;
	outline: none;
	padding: 5px;
	pointer-events: auto;
}

.payment-scroll-content {

	transition: transform 0.3s ease;

}

/* Add styles to the scrollbar */
.payment-scroll-container::-webkit-scrollbar {
	width: 0.2rem;
	height: 1rem;
}

.payment-scroll-container::-webkit-scrollbar-thumb {
	background-color: #26a0da;
	/* Change thumb color */
	border-radius: 6px;
	/* Optional: Add rounded corners to the thumb */
}

span.select2-container.select2-container--default.select2-container--open {
	z-index: 9999;
}


.abc-back {
	background: linear-gradient(to right, #457796, #120e59);
	/* background-color: #634fd2; */
	border-color: #634fd2;
	color: #ffffff;

}



/* CSS for the preloader overlay */
.preloader-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

.preloader {
	border: 6px solid #f3f3f3;
	/* Light gray border for the spinner */
	border-top: 6px solid #3498db;
	/* Blue border for the spinner indicating loading */
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
	/* Animation to rotate the spinner */
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



.owl-carousel .owl-nav.disabled {
	display: none !important;
}

.text-danger {
	color: #ff3f3f !important;
}



.scroll-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	background: #c9dee9fc;
}




.scroll-content {
	display: inline-block;
	transition: transform 0.3s ease;
	padding-left: 20px;
}

.item1 {
	display: inline-block;
	padding: 0px 5px;
	margin: 1px 5px;
	border: 1px solid #4c95dd;
	cursor: pointer;
	text-align: center;
	background: #fff;
}



.items-bg {
	background-color: #f8fdff;
}

.actives {
	background: linear-gradient(to right, #457796, #26a0da);
	;
	color: #fff;
}

.item1 p {
	margin-bottom: 0px;
	line-height: 18px;
}

.item1 p.kotno {
	font-size: 16px;
	font-weight: 500;
}

/* .item1 p.qty_itm {
	
} */
.item1 p.ordamts {
	font-size: 16px;
	font-weight: 500;
}

#a-sidebar .item1 {
	border-radius: 20px;
	padding: 7px 15px !important;
	border-color: #01b075;
}

.toggle-button {
	display: block;
	margin: 10px;
	padding: 10px;
	background-color: #ccc;
	border: none;
	cursor: pointer;
}

.sidebars {
	position: fixed;
	z-index: 999;
	top: 8%;
	width: 100%;
	;
	height: 83%;
	overflow: auto;
	left: -100%;
	background-color: #f8f8f8;
	border-right: 0px solid #ccc;
	padding: 10px;
	transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}

.container-forDiv {
	padding-bottom: 20px !important;
}

.close-icon {
	/* position: absolute;
	top: 10px;
	right: 5px; */
	background: none;
	border: none;
	cursor: pointer;
	height: 40px;
	width: 40px;
	padding: 8px;
	text-align: center;
	line-height: 18px;
	font-size: 1.714rem;
	margin: 0 5px;
	border-radius: 10px;
	box-shadow: 0 0 30px 0 rgb(82 63 105/ 5%);
}

.sidebars h5.txt-auto {
	font-size: 20px !important;
	color: #01b075 !important;
}

.bg-booked {
	background-color: #ff4e5d !important;
}

.bg-booked p,
.bg-booked h5.txt-auto,
.bg-booked h3 {
	color: #fff !important;
}

/* styles.css */
.clickable-div {
	width: 70px;
	height: 35px;
	background-color: #a4ffc4;
	margin: 1px;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
}

.clickable-div.clicked {
	background-color: #ff5733;
	/* Change to your desired highlight color */
	color: #fff;
}

.fs-info {
	line-height: 14px;
	font-size: 12px;
}

.lh-14 {
	line-height: 14px;
}

.btn-secondary.toggle-button {
	border: none;
}

.billref_table td {
	padding: 0px 2px !important;
	border: none;
}

.billref_table {
	background: #cfffe0;
	margin-bottom: 5px;
}

#itemAddon [type="radio"]+label:before,
#itemAddon [type="radio"]+label:after {
	margin: 1px;
}

#itemAddon [type="radio"]:not(:checked)+label,
#itemAddon [type="radio"]:checked+label {
	width: 30%;
	padding-left: 25px;
}

.py-1p {
	padding-top: 1px;
	padding-bottom: 1px;
}

.br-20 {
	border-radius: 20px;
}

input[name="total-amount"],
input[name="net-amount"] {
	border: none;
	text-align: right;
	font-size: 20px;
	font-weight: 500;
	color: green;
	width: 150px !important;
}

input[name="total-amount"]:focus-visible {
	outline: none !important;
}

.nt-amt .form-control {
	width: 100% !important;
	background: #eeeeee;
}

[type="checkbox"]+label {
	padding-left: 0px;
	height: 13px;
	line-height: 13px;
}

.bca-table th,
.bca-table td {
	padding: 0.15rem !important;
}

.tr-addon {
	background: antiquewhite;
}

.fsx-small {
	font-size: x-small !important;
}

a.item.cat-item.border.p-1.d-block.bg-white {
	min-height: 106px;
	line-height: 97px;
}

.merge-order,
.merge-cancel {
	/* position: absolute;
	right: 60px;
	top: 17px; */
	border-radius: 4px;
}

.delete-order {
	/* position: absolute;
	left: 764px;
	top: 17px;  */
	border-radius: 4px;
}

.search-container {

	border-radius: 4px;

}

.merge-apply {
	/* position: absolute;
	right: 140px;
	top: 17px; */
	border-radius: 4px;
}

.hiddens {
	display: none !important;
}

.merge-select input[type="checkbox"]+label:before,
.merge-select input[type="checkbox"]:not(.filled-in)+label:after {
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 0px;
	margin-top: 0px;
	margin-left: 5px;
}

.merge-select [type="checkbox"]:checked+label:before {
	top: -4px;
	left: 5px;
	width: 15px;
	height: 30px;
}

.delete-select input[type="checkbox"]+label:before,
.delete-select input[type="checkbox"]:not(.filled-in)+label:after {
	top: 0;
	left: -65px;
	width: 30px;
	height: 30px;
	border-radius: 0px;
	margin-top: 0px;
	margin-left: 5px;
}


.table-tbl td {
	padding: 0px 5px !important;
	color: #fff;
}

#toast-container {
	position: fixed;
	bottom: 400px;
	right: 50%;
	z-index: 1000;
	width: 300px;
	text-align: center;
}

.toast {
	background-color: red;
	color: white;
	padding: 10px;
	border-radius: 5px;
	margin: 0 auto;
	/* Center the toast horizontally within the container */
	margin-bottom: 10px;
	display: none;
	animation: fadeOut 5s forwards;
}

.autocomplete,
.autocomplete1 {
	position: relative;
	/* display: inline-block; */
	width: 100%;
}

.autocomplete-list {
	/* margin-top: 30px; */
	list-style-type: none;
	position: absolute;
	z-index: 99;
	width: 100%;
	background-color: white;
	max-height: 150px;
	overflow-y: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 0;
}

.autocomplete-list li {
	padding: 10px;
	cursor: pointer;
}

.autocomplete-list li:hover {
	background-color: #f1f1f1;
}

.autocomplete-list li.selected {
	background-color: #f1f1f1;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

/* Style the table */
.table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	/* Adjust as needed */
}

/* Style the table header */
th {
	background-color: #f2f2f2;
	/* Background color for header */
	padding: 10px;
	/* Adjust as needed */
	text-align: left;
}

/* Style the table rows */
tr {
	border-bottom: 1px solid #ddd;
	/* Border between rows */
}

/* Style the table cells */
td {
	padding: 10px;
	/* Adjust as needed */
}

.text-red {
	color: #ff0000 !important;
}

@media only screen and (max-width:575px) {
	.sidebars {
		top: 14%;
		width: 100%;
		padding: 10px;
	}

	.close-icon {
		height: 35px;
		width: 35px;
		padding: 8px;
		line-height: 14px;
		font-size: 1.4rem;
	}

	.delete-order {
		left: 55%;
		top: 14px;
	}

	.merge-order,
	.merge-apply {
		right: 60px;
		top: 14px;
	}

	.merge-cancel {
		right: 110px;
		top: 14px;
	}

	.cat-item .new-imgDiv .img-fluid {
		width: -webkit-fill-available;
		height: 100px;
	}
}

#preloader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.preloader-new {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.spinner {
	border: 8px solid #3498db;
	border-top: 8px solid #ffffff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.search-top {
	margin-top: 41px !important;
}

#item-purchase {
	width: 94px !important;
	;
}


.item-mrp-1 {
	background: none !important;
}

.add-btn-order {
	padding: 5px;
	border: 1px solid #6c00ff !important;
	border-radius: 5px;
	background-color: #ecf0f1;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Style for the order Bill No */
#orderBillNo {
	color: #3498db;

}


.btn-group1 {
	background: linear-gradient(to bottom, #4a4a4a, #2b2b2b);
	border: 1px solid #333;
	border-radius: 5px;
	margin-right: 10px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-darkturquoise {
	background-color: darkturquoise !important;
}

.scannerLoader {
	width: 48px;
	height: 48px;
	display: inline-block;
	position: relative;
	border: 3px solid;
	border-color: #de3500 #0000 #fff #0000;
	border-radius: 50%;
	box-sizing: border-box;
	animation: 1s rotate linear infinite;
}

.scannerLoader:before,
.scannerLoader:after {
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	transform: translate(-10px, 19px) rotate(-35deg);
}

.scannerLoader:after {
	border-color: #de3500 #0000 #0000 #0000;
	transform: translate(32px, 3px) rotate(-35deg);
}

@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}


.preloader-containernew {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	/* Transparent background */
	backdrop-filter: blur(1px);
	/* Adjust the blur amount as needed */
	-webkit-backdrop-filter: blur(10px);
	/* For Safari */
	z-index: 999999;
}


.preloadernew {
	margin-left: 45px;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #333;
}

.loading-textnew {
	margin-right: 5px;
	color: #fff !important;
}

.loadernew {
	color: #4c95dd;
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: mulShdSpin 1.3s infinite linear;
	transform: translateZ(0);
}

@keyframes mulShdSpin {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em,
			2em -2em 0 0em, 3em 0 0 -1em,
			2em 2em 0 -1em, 0 3em 0 -1em,
			-2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
			3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
			-2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em,
			2em -2em 0 0, 3em 0 0 0.2em,
			2em 2em 0 0, 0 3em 0 -1em,
			-2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
			3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
			-2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
			3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
			-2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
			3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
			-2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
			3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
			-2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
			3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
			-2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

.balamtDiv h6 {
	font-size: 18px !important;
	font-weight: bold !important;
}

.payamtTable .head-title {
	font-size: 18px !important;
	font-weight: bold !important;

}

.btn-grad {
	background-image: linear-gradient(to right, #51a2d8 0%, #4e4376 51%, #2b5876 100%);
	margin: 10px;
	padding: 12px 5px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
}

.btn-grad:hover {
	color: #fff !important;
}

@media screen and (max-width: 1366px) and (max-height: 768px) {
	.pdt-body {
		height: 68.5vh;
	}

	.bwth {
		width: 100%;
		height: 38px;
		font-size: 16px;
	}

	.card-body.summary-card {
		height: 22.5vh;
	}

}

@media screen and (max-width: 1024px) and (max-height: 768px) {
	.summary-card .table {
		font-size: 12px !important;
	}

	.card-heading td {
		font-size: 10px;
	}

	i.ti-trash {
		font-size: 20px;
	}

	.itm-name {
		font-size: 12px !important;
	}

	.itm-info {
		padding: 0px 6px 1px !important;

	}

	.card-body.summary-card {
		height: 37vh !important;
	}

	.pdt-body {
		height: 73.5vh !important;
	}
}

@media screen and (max-width: 1024px) and (max-height: 456px) {
	button.btn.btn-sm.btn-primary.pill-btn.rounded-3 {
		height: 35px;

	}

	.bwth {
		width: 100%;
		height: 38px;
		font-size: 12px;
	}

	.search-bx input[type=text] {
		font-size: 14px !important;

	}

	input#myInput {
		font-size: 14px;

	}

	.card-body.summary-card {
		height: 20vh !important;
	}

	.pdt-body {
		height: 43.0vh !important;
	}

}

@media screen and (max-width: 1024px) and (max-height: 756px) {
	button.btn.btn-sm.btn-primary.pill-btn.rounded-3 {
		height: 35px;

	}

	.bwth {
		width: 100%;
		height: 38px;
		font-size: 12px;
	}

	.search-bx input[type=text] {
		font-size: 14px !important;

	}

	input#myInput {
		font-size: 14px;

	}

	.card-body.summary-card {
		height: 20vh !important;
	}

	.pdt-body {
		height: 65.0vh !important;
	}

}

.content-wrapper {
	min-height: 0;
}

.new-contains {
	width: 100%;
	margin: 0 auto 0 0;
}

#a-sidebar .item1 {
	border-radius: 7px;
	padding: 11px 15px !important;
	border-color: #01b075;
}

#scroll-content-hall-data {
	display: flex;
	align-items: center;
}

.table-card {
	background: #cfffe0;
}

.saveloadtxt {
	font-weight: 600;
	margin-right: 5px;
	color: #0057ac !important;
}

.preloader-containernew1 {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 999999;
}