/* =========================================================
   CATEGORY PAGE MODERN UI FIX
========================================================= */

.content-wrapper
 {
	/* background: #f4f7fb !important; */
	background: url('../../assets/images/home_banner.png') !important;
	background-size: cover!important;
	background-attachment: fixed!important;
}

/* MAIN CARD */

.card {
	border: none !important;

	border-radius: 22px !important;

	overflow: hidden;

	background: #ffffff;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

/* CARD BODY */

.card-body {
	padding: 35px !important;
}

/* LEFT FORM SECTION */

.form-group {
	margin-bottom: 22px;
}

.form-group label {
	font-size: 14px;

	font-weight: 700;

	color: #1e293b;

	margin-bottom: 10px;
}

/* INPUT */

.form-control {
	height: 50px !important;

	border-radius: 14px !important;

	border: 1px solid #dbe4f0 !important;

	box-shadow: none !important;

	font-size: 14px;

	padding-left: 15px;
}

.form-control:focus {
	border-color: #ef4444 !important;

	box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12) !important;
}

/* FILE INPUT */

input[type="file"] {
	padding: 10px;

	background: #fff;

	border-radius: 14px;

	border: 1px solid #dbe4f0;
}

/* SAVE BUTTON */

.btn-success {
	height: 50px !important;

	border: none !important;

	border-radius: 14px !important;

	background: linear-gradient(135deg, #ef4444, #dc2626) !important;

	font-size: 15px;

	font-weight: 700;

	transition: 0.3s;
}

.btn-success:hover {
	transform: translateY(-2px);

	box-shadow: 0 10px 20px rgba(239, 68, 68, 0.25);
}

/* TABLE */

.table {
	border-radius: 18px;

	overflow: hidden;

	background: #fff;
}

/* TABLE HEAD */

.table thead th {
	background: linear-gradient(0deg, #ef4444, #b91c1c) !important;

	color: #fff !important;

	border: none !important;

	padding: 18px 14px !important;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.5px;
}

/* TABLE BODY */

.table tbody td {
	vertical-align: middle !important;

	padding: 18px 14px !important;

	border-color: #eef2f7 !important;

	font-size: 14px;

	color: #334155;
}

/* TABLE ROW */

.table tbody tr {
	transition: 0.3s;
}

.table tbody tr:hover {
	background: #fff5f5;

	transform: scale(1.01);
}

/* IMAGE */

.table tbody img {
	width: 90px !important;

	height: 90px !important;

	object-fit: cover;

	border-radius: 16px;

	border: 3px solid #edf2f7;
}

/* ACTION BUTTON */

.btn-info,
.btn-danger {
	/* width:40px; */

	height: 40px;

	border-radius: 12px !important;

	border: none !important;

	display: inline-flex !important;

	align-items: center;

	justify-content: center;

	transition: 0.3s;
}

.btn-info {
	background: linear-gradient(135deg, #f97316, #ef4444) !important;
}

.btn-danger {
	background: linear-gradient(135deg, #dc2626, #991b1b) !important;
}

.btn-info:hover,
.btn-danger:hover {
	transform: translateY(-3px);

	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

/* DATATABLE SEARCH */

.dataTables_filter input {
	border-radius: 14px !important;

	border: 1px solid #dbe4f0 !important;

	height: 45px !important;

	padding-left: 15px !important;

	background: #fff !important;
}

/* DATATABLE SELECT */

.dataTables_length select {
	border-radius: 12px !important;

	border: 1px solid #dbe4f0 !important;

	height: 42px !important;
}

/* PAGINATION */

.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: none !important;

	border-radius: 10px !important;

	margin: 0 3px !important;

	overflow: hidden;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: linear-gradient(135deg, #ef4444, #b91c1c) !important;

	color: #fff !important;
}
/* RESPONSIVE */

@media (max-width: 768px) {
	.card-body {
		padding: 20px !important;
	}

	.table-responsive {
		overflow-x: auto;
	}

	.table thead th,
	.table tbody td {
		white-space: nowrap;
	}
}