*{
	margin:0px;
	padding:0px;
}
:root {
	--black-1: #2C2C2C;
	--black-2: #1E1E1E;
	--black-3: #8E8E8E;
	--blue: #0C8CE9;
}
body {
	top: 0px !important;
	font-family: "Inter", "Segoe UI", "Roboto", sans-serif;
	user-select: none;
	background-color: var(--black-2); 
}
.modal-body::-webkit-scrollbar {
	width: 11px;
}

.modal-body::-webkit-scrollbar-track {
	background: var(--bg-card);
	border-radius: 4px;
}

.modal-body::-webkit-scrollbar-thumb {
	background: var(--black-3);
	border-radius: 4px;
	border: 2px solid var(--bg-card);
}

	.modal-body::-webkit-scrollbar-thumb:hover {
		background: var(--text-muted);
	}

.pre-line {
	white-space: pre-line;
}
a{
	text-decoration:none !important;
}
#toast-container > .toast {
	opacity: 1 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	text-shadow: none !important;
	border: none !important;
	outline: none !important;
}
	#toast-container > .toast:hover {
		opacity: 1 !important;
	}

.toast {
	filter: none !important;
}

label.required::after {
	content: " *";
	color: red;
	font-weight: bold;
}

label {
	margin-bottom: 3px !important;
	color:lightgray !important;
	margin-top:12px;
}
.form-label {
	margin-bottom: 3px !important;
	color: lightgray !important;
	margin-top: 12px;
}
.form-control {
	background-color: var(--black-1);
	color: white;
	cursor: pointer;
}

.form-control::placeholder {
	color: #8b8989ff;
}

	.form-control:focus {
		background-color: var(--black-1);
		color: white;
	}
.form-select:disabled {
	background-color: var(--black-3);
	color:black;
}
.form-dropdown {
	background-color: var(--black-1);	
	color: white;
	min-width:200px;
	border:none;
}

	.form-dropdown option {
		background-color: var(--black-1);
		color: white;
	}
.overflow-x-scroll {
	scrollbar-width: none;
}
.tagify__dropdown__wrapper {
	background: var(--black-1);
	padding: 2px;
}

.tags-look .tagify__dropdown__item {
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	border: none !important;
	background: black;
	margin: .2em;
	font-size: .85em;
	color: white;
	transition: 0s;
	padding:7px 15px;
}	
.cursor-pointer {
	cursor: pointer;
}
.pointer-events-none {
	pointer-events: none !important;
}
.section-edit-btn {
	position: absolute;
	top: 10px;
	right: 2px;
	display: flex;
	align-items: center;
	padding: 5px 15px;
	border-radius: 50px;
	font-size: 12px;
	cursor: pointer;
	z-index: 1;
	color: white;
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.2s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
	.section-edit-btn:hover {		
		transform: scale(1.03);
	}
.colour-edit-btn {
	position: absolute;
	top: 10px;
	right: 75px;
	padding: 5px 15px 5px 10px;
	display: flex;
	align-items: center;
	border-radius: 50px;
	font-size: 14px;
	cursor: pointer;
	z-index: 1;
	font-size: 12px;
	color: white;
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.2s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

	.colour-edit-btn:hover {		
		transform: scale(1.03);
	}

.form-control{
	border:none !important;
}
.info-btn{
	background-color:transparent;
	border:none;
	outline:none;
}
.softize-table-wrapper {
	max-width: 1800px !important;	
	margin: auto;
}
.dt-container {
	max-width: 1800px !important;
	width: 100% !important;
	margin:auto;	
}
.dt-layout-row{
	margin:0px !important;
}
.dt-length {
	display: none;
}
.dt-search{
	display:none;
}
.dt-column-order{
	display:none;
}
.dt-info{
	color:lightgray !important;
}
.dt-paging-button {
	background-color: var(--black-3) !important;
	border-radius: 5px !important;
	padding: 1px;
	margin: 3px;
	font-size: 12px;
}

.softize-table {
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid gray;
}
	.softize-table tbody tr:hover > td {
		background-color: var(--black-1) !important;
		cursor:pointer;
	}
	.softize-table th {
		background-color: var(--black-1);
		color: white;
		min-width: 150px;
		padding: 13px !important;
		letter-spacing: 0.5px;
		font-weight: lighter;
		text-align: left !important
	}
	.softize-table td {
		font-size: 14px;
		background-color: var(--black-2);
		color: white;
		padding: 12px !important;
		text-align:left !important;
	}

.swal2-popup{
	background:black !important;
	color:white;
	border-radius:20px;
}
.swal2-title {
	font-size: 25px
}
.swal2-html-container{
	font-size:15px;
	color:lightgray;
}
.swal2-confirm {
	padding: 10px 35px;
	background-color: var(--black-2)
}
.swal2-cancel {
	padding: 10px 25px;
	background-color: var(--black-1)
}
.swal2-confirm:hover{	
	background-color:var(--black-3)
}

body.modal-open {
	overflow: hidden;
}

.modal {
	backdrop-filter: blur(4px) !important;
}

.modal-header {
	background-color: var(--black-1);
	position: sticky;
	top: 0;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 20px;
	border: none !important;
}

.modal-title {
	font-size: 17px;
	font-weight: 400;
}

.modal-content {
	display: flex;
	flex-direction: column;	
	background-color: var(--black-2);
	border: none !important;
}

.modal-body {
	flex: 1 1 auto;
	overflow-y: auto;
	min-height: 0;
	max-height:75vh !important;
}

.modal-footer {
	position: sticky;
	bottom: 0;
	z-index: 10;
	background-color: #2C2C2C;
	border-top: none !important;
}



.admin-product-card-image{
	width:45px;
	margin-right:15px;
	border-radius:5px;
}
.featured-product-desc {
	color: #6c757d;
	margin-bottom: 32px;
	font-size: 15px;
}

.featured-product-design-row {
	display: grid;
	gap: 32px;
}

@media (max-width: 767px) {
	.featured-product-title {
		margin-left: 0px;
	}
	.featured-product-title-2 {
		margin-left: 0px;
	}
	.featured-product-title-3 {
		margin-left: 0px;
	}
}

.add-to-wishllist.wishlist-active svg {
	fill: red;
	stroke: red;
}
.custom-radio-options {
	display: flex;
	gap: 20px;
	width: 100%;
}

.custom-radio-radio-input {
	display: none;
}

.custom-radio-card {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 15px 25px;
	background: #171717;
	border: 1px solid #2f2f2f;
	border-radius: 10px;
	cursor: pointer;
	transition: all .25s ease;
}

	.custom-radio-card:hover {
		border-color: #4a4a4a;
	}

.custom-radio {
	width: 25px;
	height: 25px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}

.custom-radio-title {
	color: #ffffff;
}

/* Selected State */
.custom-radio-radio-input:checked + .custom-radio-card {
	border-color: #f4b400;
	box-shadow: 0 0 12px rgba(244,180,0,.15);
}

	.custom-radio-radio-input:checked + .custom-radio-card .custom-radio {
		border-color: #f4b400;
	}

		.custom-radio-radio-input:checked + .custom-radio-card .custom-radio::after {
			content: "";
			width: 12px;
			height: 12px;
			background: #f4b400;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

@media(max-width:768px) {
	.custom-radio-options {
		flex-direction: column;
	}
	.dt-layout-full {
		overflow: hidden;
		overflow-x: auto;
	}
}
.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn-cancel {
	background: transparent;
	color: #adb5bd;
	border: 1px solid #343a40;
}

	.btn-cancel:hover {
		background: rgba(255,255,255,0.05);
		color: #ffffff;
		border-color: #495057;
	}

	.btn-save {
		background: #0d6efd;
		color: #fff;
		border: none;
		box-shadow: 0 2px 8px rgba(13, 110, 253, 0.25);
	}

		.btn-save:hover {
			background: #0b5ed7;
			transform: translateY(-1px);
			color: #ffffff;
			box-shadow: 0 4px 16px rgba(13, 110, 253, 0.35);
		}
.btn {
	font-weight: 500;
	padding: 0.6rem 1.5rem;
	border-radius: 8px;
	font-size: 0.9rem;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.mt-0-5{
	margin-top:0.5px;
}
.mt-2-5{
	margin-top:2.5px;
}

.check-box {
	appearance: none;
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border: 2px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	position: relative;
	transition: all 0.25s ease;
}

	.check-box:hover {
		border-color: #2563eb;
	}

	.check-box:checked {
		background: #2563eb;
		border-color: #2563eb;
	}

		.check-box:checked::after {
			content: "";
			position: absolute;
			left: 6px;
			top: 4px;
			width: 5px;
			height: 10px;
			border: solid #fff;
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
		}

	.check-box:focus {
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
	}
.conditions-font{
	font-size:13px;
}