.btn-primary{
	background-color:#000;
	border-color:#000;
	color:#fff;
}
.btn-primary:hover{
	background-color:#333;
	border-color:#333;
	color:#fff;
}
.bg-primary-subtle {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
body[data-sidebar="dark"] .navbar-brand-box {
	border-bottom:1px solid #fff;
}
.breadcrumb-item+.breadcrumb-item::before{
	float:left;padding-right:var(--bs-breadcrumb-item-padding-x);
	color:var(--bs-breadcrumb-divider-color);
	content:var(--bs-breadcrumb-divider, "/")
}
.vertical-collpsed .navbar-brand-box{
	width: 70px !important;
	padding: 0;
}
.light{
	width:80%;
	height:auto;
}
.card .card-header{
	background-color:#fff;
	border-bottom:1px solid #ddd;
}
.card .card-header .card-title{
	margin-bottom:0px;
}
.btn-dark{
	background:#000;
}
.btn-outline-dark{
	border-color:#000;
}
.btn-outline-dark:hover{
	border-color:#000;
	background-color:#000;
}
.active > .page-link, .page-link.active{
	background-color:#000;
	border-color:#c7c7c7;
}
.page-item .page-link{
	border-color:#c7c7c7;
}
.page-link:focus{
	box-shadow:none;
}
.auth-logo a img{
	width: 100%;
	height: auto;
	padding: 15px;
}
.btn:focus{box-shadow: none;}
#sidebar-menu .arrow::after{
	content: '\f107';
	font-family: 'FontAwesome';
	float: right;
	transition: transform .2s,-webkit-transform .2s;
}
#sidebar-menu .mm-active > .arrow::after {
	transform: rotate(-180deg);
	transition: transform .2s,-webkit-transform .2s;
}
.avatar-title{
	background-color:#000;
	font-size: 20px;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i{
	font-size: 1.25rem;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a{
	padding: 15px 15px;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a.arrow::after{
	display: none;
}
.vertical-collpsed .logo span.logo-sm img{width: 50px;height: auto;}
body[data-sidebar="dark"].vertical-collpsed{min-height: auto;}
body[data-sidebar="dark"] .vertical-menu{background-color: #000;}
body[data-sidebar="dark"] .navbar-brand-box{background-color: #000;}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a{background: #040404;}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul{background-color: #040404;}
.noti-icon i{color: #000;font-size: 18px;}
.dt-responsive table{
	width: 100% !important;
}
.dt-responsive table tbody .product-image{
	width: 100px;
	height: 100px;
}
.dt-responsive .sr{width: 40px !important;}
.dt-responsive .action{width: 60px !important;}
.dt-responsive .status{width: 100px !important;}
.dt-responsive table tbody .table-btn{
	display: flex;
	gap: 10px;
	font-size: 14px;
}
.table > :not(caption) > * > *{
	background-color: transparent;
	color: #000;
	font-weight: 400;
}
table.dataTable th{font-weight: 500;}
.dt-responsive table tbody .table-btn .btn-delete{
	padding: 0px;
	color: #d52c34;
	font-size: 14px;
}
.dt-responsive table tbody .table-btn .btn-delete:hover{color: #b7040c;}
a{color: #000;}
a:hover{color: #333;}
.card-title{
	color: #000;
	font-weight: 500;
}
.badge.bg-success{
	background-color: #000 !important;
	font-size: 13px;
	font-weight: 400;
}
.badge.bg-sold{
	background-color: #d52c34 !important;
	font-size: 13px;
	font-weight: 400;
	margin-top: 6px;
}
table.dataTable > tbody > tr.child ul.dtr-details > li{
	display: inline-flex;
	width: 100%;
	word-break: break-word;
}
table.dataTable > tbody > tr.child span.dtr-title{
	min-width: 90px !important;
	max-width: 90px !important;
}
table.dataTable > tbody > tr.child ul.dtr-details{
	width: 100%;
	border-bottom: 1px solid #efefef;
}
.dt-responsive table tbody .category-image{
	width: 80px;
	height: 80px;
}
.main-heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product img{
	width: 100%;
	height: 180px;
}
.product-order p{
	margin-bottom: 0px;
}
.product-order .product-name{
	margin-bottom: 5px;
}
.product-order > * {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.product-order > *:nth-last-child(1) .card {margin-bottom: 0px;}
.product-order > *:nth-last-child(2) .card {margin-bottom: 0px;}
.product-order > *:nth-last-child(3) .card {margin-bottom: 0px;}
.page-title-box{padding-bottom: 15px;}
.product-detail-imgs img{
	width: 300px;
	height: 300px;
}
.product-detail{
	color: #000;
	margin-top: 20px;
}
.product-detail .product-name{
	color: #000;
}
.product-detail h6{
	min-width: 120px;
}
.product-detail .product-total{
	min-width: 120px;
}
.product-detail .pro-flex{
	display: flex;
}
.related-product img{
	width: 80px;
	height: 80px;
}
.related-product{
	color: #000;
}
.related-product .product-name{
	font-size: 16px;
}
.related-product .product-price{
	font-size: 14px;
	margin: 0px;
}
.dt-responsive table tbody .table-btn .view-btn{
	padding: 0px;
	color: #000;
}
.dt-responsive table tbody .table-btn .view-btn:hover{
	color: #333;
}
.view-order-modal img{
	width: 70px;
	height: 70px;
}
.view-order-modal {
	color: #000;
}
.view-order-modal .sold-price label , .view-order-modal .sold-price p{
	font-size: 16px;
}
.modal-header .btn-close{opacity: 1;}
.modal-header .btn-close:hover{opacity: 0.5;}
.profile .profile-images{
	width: 80px;
	height: 70px;
	margin-top: 10px;
}
.card-header.custom-header{
	padding: 15px 20px;
}
.dashboard > *{
	display: flex;
	flex-direction: column;
}
.dashboard > * .card{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.billing{
	padding-left: 0;
}
.billing li label{
	font-size: 13px;
	margin: 3px 0px;
}
.billing li{
	list-style-type: none;
}
.billing li p{
	margin: 3px 0px;
}
.payment{
	padding-left: 0;
}
.payment li{
	list-style-type: none;
}
.payment li label{
	font-size: 13px;
	margin: 3px 0px;
}
.payment li p{
	margin: 3px 0px;
}
.order-number{
	font-size: 24px;
}
.bill-title{
	font-size: 20px;
	margin-top: 10px;
}
.payment-title{
	font-size: 20px;
	margin-top: 0px;
}
.view-order-modal .date{
	margin-bottom: 22px;
}
.view-order-modal .payment-total{
	display: flex;
	gap: 0px 7px;
	margin-top: 15px;
}
.view-order-modal .payment-total label , .view-order-modal .payment-total p{
	margin-bottom: 0px;
	white-space: nowrap;
}
.view-order-modal .billing-email p{
	word-break: break-word;
}
.red-font{
	color: #d52c34;
}
.remover-prodcut-modal  .modal-body{
	text-align: center;
	padding: 30px 20px 20px;
}
.remover-prodcut-modal  .modal-body .btn-close{
	position: absolute;
	right: 10px;
	top: 10px;
}
.remover-prodcut-modal .delete-icon{
	height: 3rem;
	width: 3rem;
	margin: auto;
	margin-bottom: 20px;
}
.remover-prodcut-modal .delete-icon .bg-danger{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.remover-prodcut-modal .delete-icon i{
	font-size: 20px;
}
.remover-prodcut-modal .remove-text{
	font-size: 16px;
	margin-bottom: 0;
}
.remover-prodcut-modal .remover-prodcut-btn{
	display: flex;
	gap: 0px 60px;
	align-items: center;
}
.remover-prodcut-modal .modal-footer{
	justify-content: center;
}
.remover-prodcut-modal .modal-footer button:first-child {position: relative;}
.remover-prodcut-modal .modal-footer button:first-child::after {
	border-right: 1px solid #7c7c7c;
	position: absolute;
	content: '';
	height: 100%;
	top: 0;
	right: -30px;
}
.product-category .category-image{
	width: 80px;
	height: 80px;
	margin-top: 10px;
}
.product-create .product-image{
	width: 100px;
	height: 100px;
	margin-top: 10px;
}
.order-product .product-image{
	width: 100px;
	height: 100px;
	margin-top: 10px;
}
textarea.form-control {
	min-height: calc(2.5em + 1.94rem + calc(var(--bs-border-width) * 2));
}
.dash-box{
	display: flex;
}
.dash-box .dash-col-one{
	flex-grow: 1;
}
.dash-box .dash-col-one h4{
	color: #000;
}
.dash-box .dash-col-two{
	flex-shrink: 0;
	align-self: center;
}
.dash-box .dash-col-two .mini-stat-icon{
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
}
.toggle-bar{
	font-size: 22px;
	color: #000;
}
.btn-link{color: #000;}
.btn-link:hover{color: #333;}
.notifications h6{color: #000;}
.notification-text{
	font-size: 12px;
	color: #333;
}
.b-none{border: none !important;}
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before{top: 25px !important;}
.btn:focus-visible , .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
	background-color:#000;
	border-color:#000;
	box-shadow: none;
}
.datepicker-panel > ul > li.highlighted, .datepicker-panel > ul > li.highlighted:hover, .datepicker-panel > ul > li:hover{
	background-color: #000;
}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover{
	background-color: #00000029;
	color: #000;
}
.login-center{
	display: flex;
	align-items: center;
	height: 100vh;
}
.login-center .card{
	margin-bottom: 0px;
}
.header-item .pro-image{
	background-color: #e1e1e1;
	border-radius: 50%;
	overflow: hidden;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-profile-user{
	background-color: transparent;
	width: 27px;
	height: 27px;
	object-fit: contain;
	padding: 0;
}
.header-item.profile{
	display: flex;
	align-items: center;
	gap: 3px;
}
.default-image{
	height: 70px;
	width: 100px;
}
.order-list .default-image{
	height: 50px;
	width: 70px;
}
.order-list .order-list-image{
	height: 55px;
	width: 55px;
}
.product-order .card .card-body{padding: 10px;}
.view-order-modal .default-image{
	height: 70px !important;
	width: 100px !important;
}
.product-order p{
	font-size: 12px;
}