.heading-size_image {

	margin: 6px 0 !important;

	font-size: 14px;

	/* margin-bottom: 10px !important; */
	text-align: center !important;
	height: 45px !important;

}

.heading-size {

	margin: -4px 0 28px 0 !important;

	font-size: 23px;

	font-weight: bold;
	/* margin-bottom: 10px !important; */

	height: 45px !important;

}

.tag-margin {

	margin-right: 2px !important;

}

.tag-btn {

	padding: 5px 10px !important;

}

.white-bg {

	padding: 5px 0px 5px 0px !important;

}

.all {

	margin: 0px !important;

	padding: 5px !important;

}

#portfolio {

	height: 500px;

	overflow-y: auto;

	margin: 0 -5px;

}

.cart-table-wrap {

	height: 220px;

	overflow-x: hidden;

}

#CartHTML td {

	vertical-align: top;

}



.confirm-modal .modal-header {

	padding: 15px;

}

.confirm-modal .modal-body {

	background-color: transparent;

}

.payment-option-icon {}



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



	.btn.IncreaseToCart,
	.btn.DecreaseToCart {

		display: block;

	}



}

/* Fix Sidebar Layout and Footer Overlap */
.navbar-static-side {
	z-index: 2050 !important;
	position: fixed;
	/* Ensure sidebar is fixed */
	height: 100%;
	overflow-y: auto !important;
	/* Enable scrolling if menu is tall */
}

#page-wrapper {
	margin-left: 220px;
	/* Standard Inspinia sidebar width */
	position: relative;
	z-index: 1000;
}

.footer {
	z-index: 900 !important;
	/* Footer below sidebar */
	margin-left: 0px;
}

@media (max-width: 768px) {
	#page-wrapper {
		margin-left: 0;
	}

	.navbar-static-side {
		display: none;
	}

	body.body-small .navbar-static-side {
		display: block;
		z-index: 2050;
	}
}

/* Unified table action icons */
.table a.edit,
.table a.delete,
.table button.delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid #d9dee5;
	border-radius: 6px;
	background: #fff;
	color: #334155;
	margin-right: 6px;
	text-decoration: none;
	padding: 0;
}

.table a.edit:hover {
	color: #0ea5a4;
	border-color: #0ea5a4;
}

.table a.delete:hover,
.table button.delete:hover {
	color: #dc2626;
	border-color: #dc2626;
}

/* SweetAlert/SweetAlert2 above fixed sidebar */
.swal2-container {
	z-index: 99999 !important;
}

.sweet-overlay {
	z-index: 99998 !important;
	position: fixed !important;
	inset: 0 !important;
}

.sweet-alert {
	z-index: 99999 !important;
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
}