@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap");

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	/* background-color: #fff; */
}

:root {
	--column-grid: 3;
	--column-grid--pricing: 2;
	--column-grid_overview: 2;
	/* --bacground: color-mix(in srgb, red, green); */
	--bacground: #fff;
	--text_color: #fff;
	--font-Outfit: "Outfit", sans-serif;
	--font-poppins: "Poppins", sans-serif;
	--blue: #262362;
	--green: lightseagreen;
	--green_2: #169533;
	--red: #f5463a;
}

a {
	text-decoration: none !important;
	color: var(--blue);
	font-family: var(--font-poppins);
	font-weight: bold;
}

html {
	scroll-behavior: smooth;
}

textarea {
	border: 1px solid #ddd;
	max-width: 100%;
	resize: none;
	white-space: pre-line;
	line-height: 20px;
	padding-left: 5px;
}

label {
	margin-block: 5px;
}

input {
	cursor: pointer;
}

button {
	cursor: pointer;
}

select {
	width: 100%;
	padding: 5px;
	background: var(--bacground);
	border: 1px solid #000;
	cursor: pointer;
}
/* WordPress Footer  */
#wpfooter {
	display: none !important;
}

/* For Woocommerce checkout  */
#place_order {
	display: none;
}

/* Custom classes  */
.hide {
	display: none !important;
}

.show {
	display: block;
	margin-top: 15px;
}
/* App Tour  */
.app_tour {
	font-size: 18px;
	font-weight: normal;
	font-family: var(--font-poppins);
	word-break: break-all;
}

.app_tour_h2 {
	font-size: 20px;
	font-weight: bold;
	font-family: var(--font-Outfit);
}

/* custom error  */
.error {
	font-size: 20px;
	font-weight: bold;
	font-family: var(--font-Outfit);
	text-align: center;
	color: red;
	padding: 20px;
	letter-spacing: 2px;
}

.text_red {
	color: var(--red);
	position: relative;
}

.text_red .table_tooltip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.text_green {
	color: var(--green);
	position: relative;
}

.bg_green {
	background: var(--green);
}

.bg_blue {
	background-color: var(--blue);
	cursor: pointer;
}

.bg_red {
	background: red;
}

/* for buttons active  */

.button_Active {
	background-color: #ef4036;
	color: #fff;
	border: none;
}
/* Custom classes End */

/* Sweet Alter  */

/* div:where(.swal2-container).swal2-noanimation {
transition: 0.1s filter !important;
filter: blur(10px) !important;
} */

div:where(.swal2-container) {
	background: rgba(0.1, 0, 0.1, 0.1) !important;
}

body.swal2-shown > [aria-hidden="true"] {
	-webkit-transition: 0.1s -webkit-filter !important;
	transition: 0.1s -webkit-filter !important;
	-o-transition: 0.1s filter !important;
	transition: 0.1s filter !important;
	transition: 0.1s filter, 0.1s -webkit-filter !important;
	-webkit-filter: blur(5px) !important;
	filter: blur(5px) !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
	font-size: 20px !important;
	font-weight: bold !important;
	white-space: nowrap !important;
}

/* Sweet Alter End */

/* Mian Theme  */

/* credits  */

.credits {
	max-width: 100%;
	height: 60px;
	background: var(--blue);
	margin-block: 20px;
}

@media screen and (max-width: 599px) {
	.credits {
		padding: 20px;
		height: 100%;
	}

	.credits_amounts {
		flex-direction: column;
	}

	.credits_amounts h1 {
		font-size: 20px !important;
		margin-top: 20px;
	}
}

.credits_amounts {
	display: flex;
	justify-content: space-between;
	margin-inline: 20px;
	align-items: center;
	height: 100%;
}

.credits_amounts h1 {
	color: #fff;
	text-align: center;
	font-family: var(--font-Outfit);
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}

/* credits End  */

/*Altaf Css */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.credits_amounts h1 {
		font-size: 20px !important;
		font-weight: bold !important;
		line-height: normal;
		text-transform: uppercase;
	}
	.container .tab-links {
		gap: 5px !important;
	}
	.container .tab-links a,
	.container .Analytics_Tab a {
		background-color: var(--bacground) !important;
		color: var(--blue) !important;
		padding: 20px 30px;
		text-align: left !important;
		font-family: var(--font-Outfit) !important;
		font-size: 13px !important;
		font-style: normal !important;
		font-weight: bolder !important;
		line-height: normal !important;
		position: relative !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		flex-direction: column !important;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		min-width: 95px !important;
		width: 100% !important;
		height: 77px !important;
		border-radius: 0 30px !important;
		border: 2px solid var(--blue) !important;
		background: var(--bacground) !important;
		flex-grow: 1 0 100% !important;
	}
	.order_text i {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 36px;
		font-weight: 700;
	}
	.order_text_content p {
		font-size: 20px;
		font-weight: 700;
	}
	.view_reports a span {
		color: #000;
		font-family: var(--font-poppins);
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		display: flex;
		gap: 7px;
		margin-top: 1px;
	}
	.view_reports a i {
		width: 30px;
		height: 30px;
		background-color: var(--blue);
		color: #fff;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: -4px;
	}
	.view_reports a {
		width: 160px;
		height: 45px;
		border-radius: 15px;
		border: 2px solid var(--blue);
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.status_div p,
	.status_div_2 p {
		font-size: 15px !important;
	}
	.quik_report a {
		font-size: 13px !important;
	}
	.quik_report a i {
		width: 83px !important;
		height: 83px !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		font-size: 25px !important;
		box-shadow: 0 0 8px 3px #00000026 !important;
	}
	.Abandued_Status_h1 {
		font-size: 24px !important;
	}
	table th,
	table td {
		font-size: 12px !important;
	}
	.text_status h2 {
		font-size: 16px !important;
	}
	.text_status p {
		font-size: 16px !important;
	}
}

/*Altaf Css End */

.container {
	width: 100%;
	background-color: var(--bacground);
	min-height: 800px;
	overflow: hidden;
}

.container.custom {
	max-width: 100%;
	padding: 20px;
	/* margin-inline: auto; */
}

.container .tab-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	overflow: auto hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	cursor: all-scroll;
}

.container .tab-links::-webkit-scrollbar {
	display: none;
}
/* Anatylicts tabs  */

.container .Analytics_Tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	overflow: auto hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	cursor: all-scroll;
}

.container .Analytics_Tab::-webkit-scrollbar {
	display: none;
}
/* mobile  */
@media screen and (max-width: 599px) {
	.container .tab-links {
		overflow: auto hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		cursor: all-scroll;
	}
	.container .tab-links::-webkit-scrollbar {
		display: none;
	}
}

/* COD tab in configration  */
.COD_tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

/* tablet  */
@media screen and (max-width: 799px) {
	.COD_tabs {
		overflow: auto hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		cursor: all-scroll;
	}

	/* for chorme  */
	.COD_tabs::-webkit-scrollbar {
		display: none;
	}
}

/* tablet 2  */
@media screen and (max-width: 1080px) {
	.COD_tabs {
		overflow: auto hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		cursor: all-scroll;
	}

	/* for chorme  */
	.COD_tabs::-webkit-scrollbar {
		display: none;
	}

	/* for chorme  */
	.COD_tabs::-webkit-scrollbar {
		display: none;
	}
}

/* mobile  */
@media screen and (max-width: 599px) {
	.container .tab-links {
		overflow: auto hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		cursor: all-scroll;
	}
}

/* @media screen and (max-width: 599px) {
.COD_tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px;
.COD_tabs a {
white-space: normal !important;
}
}
*/

/* Content Tabs  */

.container .tab-links a,
.container .Analytics_Tab a {
	background-color: var(--bacground);
	color: var(--blue);
	text-align: center;
	font-family: var(--font-Outfit);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	min-width: 166px;
	width: 100%;
	height: 80px;
	border-radius: 0px 30px;
	border: 2px solid var(--blue);
	background: var(--bacground);
	flex-grow: 1 0 100%;
}

.container .COD_tabs a {
	text-align: center;
	font-family: var(--font-Outfit);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	max-width: 300px;
	width: 100%;
	height: 75px;
	padding: 30px 19px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 30px 0px;
	border: 2px solid var(--blue);
	background: #fff;
	flex-grow: 1 0 100%;
	white-space: nowrap;
}

/* Tablet  */
@media screen and (max-width: 1080px) {
	.container .COD_tabs a {
		max-width: 170px;
		font-size: 14px;
	}
}

.container .tab-links a i {
	width: 25px;
	height: 25px;
}

.container .COD_tabs a i {
	width: 45px;
	/* height: 40px; */
}
.container .tab-links a.active,
.container .COD_tabs a.active,
.container .Analytics_Tab a.active {
	background-color: var(--blue) !important;
	color: #fff !important;
}

@media screen and (max-width: 599px) {
	.container .tab-links a,
	.container .COD_tabs a {
		white-space: nowrap;
		gap: 5px;
		flex-direction: column;
	}
}

.container .tab-links a:hover {
	background-color: var(--blue) !important;
	color: #fff !important;
}

/* .container .tab-links a.active::after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: -2px;
height: 4px;
background-color: #000;
} */

.container .tab-content .content {
	padding: 30px;
	min-height: 200px;
	position: relative;
}
/*.tab-content {*/
/*	margin-top: 3rem;*/
/*}*/

/* for quik report  && COD*/
.container
	.tab-content.quik_analysis
	.tab-content.code_tabs
	.tab-content.Analytics_Tab
	.content {
	min-height: 100px;
}

@media screen and (max-width: 599px) {
	.container .tab-content .content {
		padding: 0px !important;
	}
}

.container .tab-content .content form label {
	color: #333;
	font-family: var(--font-poppins);
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/* .container .tab-content .content form select {
width: 100%;
border: 1px solid #333;
border-radius: 5px;
padding: 4px;
background-color: var(--bacground);
}

*/
.grid-box {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 3fr;
	grid-template-columns: 1fr 3fr;
	width: 100%;
	min-height: 200px;
	border-bottom: 1px solid rgba(119, 119, 119, 0.3098039216);
}

@media screen and (max-width: 599px) {
	.grid-box {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr !important;
		grid-template-columns: 1fr !important;
	}
}

.grid-box .box {
	padding: 15px;
	position: relative;
}

@media screen and (max-width: 599px) {
	.grid-box .box {
		overflow: hidden !important;
	}
}

/* .grid-box .box h2 {
margin: 10px;
} */

.grid-box .box h3 {
	margin: 10px;
	font-size: 14px;
	font-family: var(--font-Outfit);
}

.grid-box .box.left::before {
	content: "";
	position: absolute;
	right: 0;
	height: 80%;
	background-color: #ddd;
	width: 2px;
}

.grid-box .box .text,
.grid-box .box .item {
	min-height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*tablet */
@media screen and (max-width: 1080px) {
	.grid-box .box .text,
	.grid-box .box .item {
	}
}

/*Mobile */
@media screen and (max-width: 599px) {
	.grid-box .box .text,
	.grid-box .box .item {
		min-height: 0;
	}
}

.grid-box .box .text h1 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	font-family: var(--font-Outfit);
}

.grid-box .box .text p {
	width: 300px;
	color: #798c9c;
	font-family: var(--font-poppins);
}

@media screen and (max-width: 599px) {
	.grid-box .box .text p {
		width: 250px !important;
	}
}

.grid-box .box .item {
	padding: 20px;
	background-color: var(--bacground);
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.5);
	color: #555;
}

.item h6 {
	padding: 20px;
	color: #000;
	padding-left: 0;
	font-family: var(--font-Outfit);
}

.intervals {
	margin-top: 20px;
}

/* overview  */

/* New  */
.parent_overview {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 25px;
}

/* tablet  */
@media screen and (max-width: 1080px) {
	.parent_overview {
		display: block;
		grid-template-columns: 1fr;
	}
}

/* mobile  */
@media screen and (max-width: 599px) {
	.parent_overview {
		display: block;
		grid-template-columns: 1fr;
		margin-top: 20px;
	}
}

.parent_orders {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 25px;
	background: #eee;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
	padding: 20px;
	place-items: center;
	gap: 20px;
}

/*tablet */

@media screen and (max-width: 1080px) {
	.parent_orders {
		display: block;
		grid-template-columns: 1fr;
		place-items: unset;
		margin-bottom: 20px;
	}
}

/*mobile */
@media screen and (max-width: 599px) {
	.parent_orders {
		display: block;
		grid-template-columns: 1fr;
		width: 100%;
		padding: 10px;
		margin-bottom: 20px;
	}
}

.total_orders {
	/* width: 580px; */
	width: 100%;
	height: 200px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 8px 8px 8px 0px #017aea;
}

@media screen and (max-width: 599px) {
	.total_orders,
	.confirm_orders,
	.cancle_orders,
	.pending_orders {
		margin-top: 20px;
	}
}
@media screen and (max-width: 1080px) {
	.total_orders,
	.confirm_orders,
	.cancle_orders,
	.pending_orders {
		margin-top: 20px;
	}
}

.confirm_orders {
	/* width: 580px; */
	width: 100%;
	height: 200px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 8px 8px 8px 0px #2eb000;
}

.cancle_orders {
	/* width: 580px; */
	width: 100%;
	height: 200px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 8px 8px 8px 0px #cf3a3a;
}

.pending_orders {
	/* width: 580px; */
	width: 100%;
	height: 200px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 8px 8px 8px 0px #da8639;
}

.order_text {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 10px;
}

@media screen and (max-width: 599px) {
	.order_text {
		gap: 10px;
		padding: 10px;
	}
}

.view_reports {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.view_reports a {
	width: 180px;
	height: 50px;
	border-radius: 20px;
	border: 2px solid var(--blue);
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.view_reports a:hover {
	background: var(--blue) !important;
}

.view_reports a span {
	color: #000;
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	gap: 10px;
}

.view_reports a span:hover {
	color: #fff;
}

.view_reports a i {
	width: 30px;
	height: 30px;
	background-color: var(--blue);
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.order_text i {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
}

@media screen and (max-width: 599px) {
	.order_text i {
		width: 50px;
		height: 50px;
		font-size: 30px;
	}
}

.parent_orders > div:nth-child(1) .order_text i {
	background-color: #017aea;
}

.parent_orders > div:nth-child(2) .order_text i {
	background-color: #2eb000;
}

.parent_orders > div:nth-child(3) .order_text i {
	background-color: #cf3a3a;
}

.parent_orders > div:nth-child(4) .order_text i {
	background-color: #da8639;
}

.order_text_content {
	color: #000;
	font-family: var(--font-poppins);
	font-style: normal;
	line-height: normal;
	text-transform: capitalize;
	white-space: nowrap;
}

.order_text_content p {
	font-size: 24px;
	font-weight: 700;
}

.order_text_content span {
	font-size: 22px;
	font-weight: 600;
}

/* 2 */
.parent_status {
	border-radius: 25px;
	background: #eee;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
	/* height: 450px; */
}

.parent_status_divs {
	padding: 20px;
}

.status_div {
	border-radius: 15px;
	background: #fff;
	padding-inline: 20px;
	margin-top: 15px;
}

.status_div_2 {
	border-radius: 15px;
	background: #fff;
	padding-inline: 20px;
	padding-bottom: 20px;
	margin-top: 15px;
}

/*tablet */

@media screen and (max-width: 1080px) {
	.status_div_2 {
		padding: 20px;
		display: flex;
		gap: 30px;
		align-items: center;
		justify-content: space-around;
	}
}
@media screen and (max-width: 599px) {
	.status_div_2 {
		flex-direction: column;
	}
}

.status_div p,
.status_div_2 p {
	color: #000;
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/*tablet */
@media screen and (max-width: 1080px) {
	.status_div p,
	.status_div_2 p {
		text-align: center;
		margin-bottom: 10px;
	}
}

.status_toggle_1 {
	display: flex;
	justify-content: flex-end;
}

.status_toggle_2 {
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
}

/*tablet */

@media screen and (max-width: 1080px) {
	.status_toggle_2 {
		margin-top: 0px;
		justify-content: center;
		gap: 30px;
	}
}

@media screen and (max-width: 599px) {
	.status_toggle_2 {
		margin-top: 0px;
		justify-content: center;
		gap: 30px;
		flex-direction: column;
	}
}

.status_toggle_2_Text {
	display: flex;
	flex-direction: column;
}

.status_toggle_2_Text_lables {
	display: flex;
	gap: 30px;
	justify-content: space-between;
}

.status_toggle_2_Text_lables span {
	color: #858585;
	font-family: var(--font-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
/* New Grid End  */

/* Analytics_main */
.Analytics_main {
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin-top: 30px;
	gap: 20px;
}

@media screen and (max-width: 599px) {
	.Analytics_main {
		grid-template-columns: 1fr;
	}
}

.container .tab-content .content_overview {
	padding: 15px;
}

.grid-box_overview {
	/* display: grid;
grid-template-columns: repeat(var(--column-grid_overview), 1fr);
width: 100%;
min-height: 200px; */
	/* border-bottom: 1px solid rgba(119, 119, 119, 0.3098039216); */
}

.boxs_overview {
	/* display: grid;
grid-template-columns: repeat(var(--column-grid_overview), 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px; */
	cursor: pointer;
	/* min-height: 310px;    */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

@media screen and (max-width: 599px) {
	.boxs_overview {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.boxs_data_overview {
	background-color: var(--bacground);
	border-radius: 20px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	color: #000;
	height: 200px;
	overflow: hidden auto;
	width: 100%;
	padding-inline: 20px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	scrollbar-width: none;
}

.boxs_data_overview-webkit-scrollbar {
	width: 0px;
}

.boxs_data_overview:hover {
	color: #000;
}

.boxs_data_overview:nth-child(1):hover {
	background: #17a2b8;
}

.boxs_data_overview:nth-child(2):hover {
	background: #169533;
}

.boxs_data_overview:nth-child(3):hover {
	background: #dc3545;
}

.boxs_data_overview:nth-child(4):hover {
	background: #ffc107;
	color: #000;
}

.boxs_data_overview a {
	overflow: hidden;
	color: #000 !important;
	padding: 4px 10px;
	background-color: rgba(0, 0, 0, 0.05);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-family: var(--font-poppins);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
}

.boxs_data_overview:hover a {
	background-color: rgba(255, 255, 255, 0.5);
	color: #fff;
}

.boxs_data_overview:nth-child(4):hover a {
	color: #000;
}

.boxs_data_overview:hover {
	color: #fff;
}

.boxs_data_overview .boxs_data_overview_item1_bottom a i {
	-webkit-transform: translateX(-4px);
	-ms-transform: translateX(-4px);
	transform: translateX(-4px);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.boxs_data_overview:hover .boxs_data_overview_item1_bottom a i {
	-webkit-transform: translateX(8px);
	-ms-transform: translateX(8px);
	transform: translateX(8px);
}

.boxs_data_overview_item1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
}

.boxs_data_overview_item1 h1 {
	font-size: 22px;
	font-weight: 600;
	font-family: var(--font-Outfit);
	/* border-bottom: 2px dotted #00000085; */
}

.icons {
	font-size: 22px;
	font-weight: 900;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.icon_background1 {
	background: var(--blue);
}

.icon_background1,
.icon_background2,
.icon_background3,
.icon_background4 {
	color: #fff;
}

.icon_background2 {
	background: #169533;
}

.icon_background3 {
	background: #dc3545;
}

.icon_background4 {
	background: #ffc107;
}

.boxs_data_overview:hover .icon_background1,
.boxs_data_overview:hover .icon_background2,
.boxs_data_overview:hover .icon_background3 {
	background-color: #fff;
	color: #000;
}

.boxs_data_overview:hover .icon_background4 {
	background-color: #000;
	color: #fff;
}

.boxs_data_overview_item1_bottom {
}

.boxs_data_overview_item1_bottom p {
	font-size: 40px;
	font-weight: bold;
	font-family: var(--font-poppins);
	margin-block: 20px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: normal;
}

/*.boxs_data_overview_item1_bottom a {*/
/*    text-decoration: underline;*/
/*    color: #4e73df;*/
/*    background-color: transparent;*/
/*    text-transform: capitalize;*/
/*}*/

/* .box_right_overview .item { */
/* padding-top: 15px;
background-color: var(--bacground);
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
min-height: 150px;
*/
/* } */

.box_right_overview .item h1 {
	text-align: center;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	margin-top: 30px;
	font-size: 30px;
	font-family: var(--font-Outfit);
	min-width: 40%;
	/* border-bottom: 2px dotted #00000085; */
	padding: 10px;
	background-color: var(--blue);
	color: #fff;
	border-radius: 30px 0px;
	opacity: 0;
	-webkit-animation: fadeIn 5s forwards 0.5s;
	animation: fadeIn 5s forwards 0.5s;
}

@-webkit-keyframes fadeIn {
	form {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	form {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media screen and (max-width: 599px) {
	.box_right_overview .item h1 {
		font-size: 20px;
		font-family: var(--font-Outfit);
	}
}

.box_right_overview .item_Main {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(var(--column-grid), 1fr);
	grid-column-gap: 10px;
	width: 100%;
}

@media screen and (max-width: 599px) {
	.box_right_overview .item_Main {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		width: 100%;
	}
}

.box_right_overview_account {
	/* border: 1px solid #ddd; */
	/* padding-top: 10px;
padding-inline: 5px; */
	margin-top: 30px;
	overflow: hidden;
	padding: 15px 15px 10px;
	background-color: var(--bacground);
	border-radius: 20px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	min-height: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.box_right_overview_account h2 {
	font-size: 26px;
	font-weight: bold;
	font-family: var(--font-Outfit);
	margin-block: 1rem;
	padding: 10px;
	background-color: var(--blue);
	margin-top: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	top: 0;
	left: 0;
}

.box_right_overview_account_Main {
	/* display: flex; */
	padding-inline: 20px;
	margin-top: 20px;
}

.box_right_overview_account_Status_Details {
	padding: 14px 0px 14px 0px;
	font-weight: bold;
	font-size: 20px;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 599px) {
	.box_right_overview_account_Status_Details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.box_right_overview_account_Status_Details span {
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 599px) {
	.box_right_overview_account_Status_Details span {
		margin-top: 20px;
	}
}

.box_right_overview_account_Status {
	color: #fff;
	font-weight: bold;
	padding: 6px 14px;
	margin-left: 5px;
	border-radius: 5px;
}

.box_right_overview_account_Mode_Status {
	color: #fff;
	font-weight: bold;
	padding: 6px 14px;
	margin-left: 5px;
	border-radius: 5px;
	text-transform: capitalize;
}

.paymentMode,
.AmountSpend,
.RemainingCredits {
	padding: 6px 14px;
}

.box_right_overview_account_Mode_Details {
	padding: 14px 0px 5px 0px;
	font-weight: bold;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 599px) {
	.box_right_overview_account_Mode_Details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.box_right_overview_account_Mode_Details span {
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 599px) {
	.box_right_overview_account_Mode_Details span {
		margin-top: 20px;
	}
}

.box_right_overview_account_button {
	color: var(--blue);
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	margin-block: 20px;
	cursor: pointer;
}

.box_right_overview_account_button:hover {
	text-decoration: underline;
}

/* Configration  */
.TagOrders_Main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	background: #fff;
	gap: 10px;
	margin-left: 50px;
}

/*Tablet */
@media screen and (max-width: 1080px) {
	.TagOrders_Main {
		flex-direction: column;
	}
}

/*Mobile */

@media screen and (max-width: 599px) {
	.TagOrders_Main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		gap: 20px;
	}
}

.TagOrders_Main textarea {
	width: 500px;
}

/* @media screen and (max-width: 599px) {

.TagOrders_Main textarea {
width: 300px;
}
} */

.TagOrders_Main .item {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	padding-top: 0px !important;
}

.tags_orders {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 20px;
}

@media screen and (max-width: 599px) {
	.tags_orders {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}

.tags_orders span {
	margin-left: 30px;
	color: #333;
	font-family: var(--font-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.tags_orders label {
	margin-left: 30px;
	color: #333;
	font-family: var(--font-poppins);
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

@media screen and (max-width: 599px) {
	.tags_orders span,
	.tags_orders label {
		margin-left: 0px !important;
	}
}

.Orders {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin-block: 10px;
}

@media screen and (max-width: 599px) {
	.Orders {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		align-items: center;
	}
}

.Orders textarea {
	width: 100%;
}

/* @media screen and (max-width: 599px) {
.Orders textarea {
width: 300px;
}
} */

.Orders input {
	width: 20px;
	height: 20px;
}

.language_template {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	color: #000;
	font-family: var(--font-poppins);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 5px;
}

@media screen and (max-width: 599px) {
	.language_template {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		overflow-x: scroll;
	}
}

.language_template label {
	margin-bottom: 0px !important;
}

input[type="number"] {
	width: 100%;
	font-size: 15px;
	outline: none;
	border: 1px solid #000;
	padding: 10px;
	/* margin-top: 10px; */
}

.button_center {
	margin-left: 30px;
	margin-bottom: 10px;
}

.button {
	background: var(--green);
	padding: 10px 30px;
	border: none;
	border-radius: 10px;
	color: var(--bacground);
	cursor: pointer;
	position: absolute;
	bottom: -20px;
}

@media screen and (max-width: 599px) {
	.button {
		position: absolute;
		bottom: -50px !important;
	}
}

.button:hover {
	background: rgba(50, 234, 213, 0.58);
	color: #000;
}

.button:focus-visible {
	outline: 5px solid rgba(50, 234, 213, 0.58);
}

.button:focus:not(:focus-visible) {
	outline: none;
}

/* App Mode  */
.boxs_App_Mode {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 10px;
	cursor: pointer;
}

@media screen and (max-width: 599px) {
	.boxs_App_Mode {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
	}
}

/* Pricing  */

.boxs {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(var(--column-grid--pricing), 1fr);
	grid-column-gap: 10px;
	cursor: pointer;
}

@media screen and (max-width: 599px) {
	.boxs {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
	}
}

.boxs_data {
	background-color: var(--bacground);
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	color: #000;
	height: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	word-break: break-all;
}

.boxs_data h1 {
	color: #000000d1;
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
	font-family: var(--font-Outfit);
}

.boxs_data h2 {
	font-size: 15px;
	margin-top: 20px;
	font-weight: bold;
	font-family: var(--font-Outfit);
}

.box_selected {
	border: 2px solid var(--green);
	background-color: var(--green);
	cursor: pointer;
	color: var(--bacground);
}

.box_selected::before {
	content: "Active";
	position: absolute;
	background-color: yellow;
	padding: 5px;
	font-weight: 600;
	border-radius: 10px;
	letter-spacing: 1.1px;
	top: 10px;
	right: 10px;
	color: #000;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.boxs_data i {
	font-size: 30px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.box_selected[data-mode="WhatsApp"] i {
	color: #6eff6e;
	font-weight: 600;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.boxs_data h3 {
	margin-top: 20px;
	font-size: 1.5rem;
	font-family: var(--font-Outfit);
}

.buy_now_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 10px;
}

.buy_now {
	/* background: linear-gradient(to bottom, #6371c7, #479ccf); */
	background-color: var(--blue);
	padding: 7px 15px;
	top: 10px;
	color: var(--bacground);
	margin-top: 5px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	font-weight: bold;
	font-family: var(--font-Outfit);
	font-size: 20px;
	margin-left: 10px;
}

.cancle_Pricinng {
	background-color: #fe452a;
	border-radius: 10px;
	width: 250px;
	white-space: nowrap;
	height: 50px;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	border: none;
}

.ckeckbox_div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	cursor: pointer;
	margin-top: 10px;
}

.ckeckbox_div label {
	margin: 0 !important;
}

.ckeckbox_div input {
	width: 20px;
	height: 20px;
}

.ckeckbox_div_P {
	margin-top: 20px;
}

.ckeckbox_div .enable_shop_whatsapp_no {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ckeckbox_div .enable_shop_whatsapp_no a {
	margin-top: 0px !important;
}

.preview {
	color: var(--blue);
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
}

.preview i {
	margin-left: 4px;
}

.preview:hover {
	text-decoration: underline;
}

.contact_background {
	background: #ebf9fc;
	padding: 20px;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	border-top: 2px solid var(--blue);
	border-radius: 2px;
}

.contact_background p {
	font-weight: bold;
	font-family: var(--font-poppins);
	font-size: 16px;
}

@media screen and (max-width: 599px) {
	.contact_background p {
		line-height: 2;
	}
}

.contact_background p i {
	margin-right: 10px;
}

/* .contact_background a button {
margin-top: 15px;
} */

.Radio_buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	color: #000;
	font-family: var(--font-poppins);
	margin-left: 20px;
}

@media screen and (max-width: 599px) {
	.Radio_buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		overflow-x: scroll;
	}
}

.form_group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.Radio_buttons label {
	margin-bottom: 0px !important;
}

/* My WhatApp  */

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1300px;
	height: 100%;
	border-radius: 10px;
	background: #eee;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	padding: 20px;
}

.left_whatsapp {
	width: 60%;
	color: #000;
	font-family: var(--font-poppins);
	font-style: normal;
	line-height: normal;
}

.left_whatsapp h1 {
	font-weight: 700;
	font-size: 22px;
}

.left_whatsapp h1 i {
	margin-left: 10px;
	font-size: 30px;
	color: green;
	font-weight: bold;
	font-family: var(--font-Outfit);
}

.left_whatsapp p {
	margin-top: 20px;
	font-size: 22px;
	font-weight: 400;
}

.left_whatsapp button {
	margin-top: 50px;
}

.benifits {
	font-size: 30px;
}
@media screen and (max-width: 599px) {
	.flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.left_whatsapp {
		width: 100%;
	}

	.left_whatsapp h1 {
		font-weight: bold;
		font-size: 18px;
		font-family: var(--font-Outfit);
	}

	.right_whatsapp {
		margin-top: 20px;
	}
}

/* charts Js  */

.content_chart {
	background: white;
	padding: 40px;
	background-clip: padding-box;
	-webkit-box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
	box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
	border: 0 solid #d9dee3;
	border-radius: 0.5rem;
	margin: 20px;
}

@media screen and (max-width: 599px) {
	.content_chart {
		padding: 0px !important;
	}
}

/* Analytics Logs tab  */

.analytics {
	margin: 20px 20px 0px 20px;
	position: relative;
}

/* unverified */

.unverified_orders_buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-start;
	gap: 20px;
	padding: 20px;
	position: absolute;
	top: 45px;
	left: 0;
}

@media screen and (max-width: 599px) {
	.unverified_orders_buttons {
		position: unset;
		top: 0;
		right: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.unverified_orders_buttons button {
	padding: 5px 12px;
	border-radius: 10px;
	border: none !important;
	background-color: var(--blue);
	font-weight: bolder;
	font-size: 20px;
	font-family: var(--font-Outfit);
	text-transform: capitalize;
	white-space: nowrap;
	width: 300px;
	height: 50px;
}

/* tablet  */
@media screen and (max-width: 1080px) {
	.unverified_orders_buttons {
		top: 82px;
		flex-direction: column;
	}

	.unverified_orders_buttons button {
		font-size: 10px;
		white-space: normal;
		width: 180px;
		height: 60px;
		padding: 0px;
	}
}

/* mobile  */
@media screen and (max-width: 599px) {
	.unverified_orders_buttons button {
		font-size: 16px;
	}
}

.unverified_orders_buttons button span {
	color: var(--text_color);
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

@media screen and (max-width: 599px) {
	.unverified_orders_buttons button span {
		white-space: nowrap;
	}
}

/* .unverified_orders_buttons button:nth-child(2) {
background-color: #00dfa2;
}

.unverified_orders_buttons button:nth-child(3) {
background-color: #FA4968;
} */

/* .dataTables_length.bs-select label {
margin-top: 5px !important;
}

.mdb-datatable-filter.flex-row {
margin-right: 90px !important;
margin-bottom: 20px !important;
} */

/* .custom_button {
position: absolute;
top: 0;
right: 0;
} */

.center {
	background: white;
	padding: 10px;
	min-height: 500px;
	position: relative;
}

@media screen and (max-width: 599px) {
	.center {
		padding: 0px;
	}
}

.filter {
	margin-block: 20px !important;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	float: none;
}

.Mobile_Status {
	display: flex;
	gap: 20px;
}

/*tablet */

@media screen and (max-width: 1080px) {
	.filter {
		margin-bottom: 5rem;
	}
}

/*mobile */
/*@media screen and (max-width: 599px) {*/
/*.filter {*/
/*flex-wrap: wrap;*/
/*}*/
/*}*/

.filter label {
	display: block;
}

.Orders_button {
	margin-top: 30px;
}

@media screen and (max-width: 599px) {
	.Orders_button {
		display: flex;
	}
}

input[type="text"] {
	padding: 5px;
}

@media screen and (max-width: 599px) {
	input[type="text"] {
		padding: 10px;
		width: 100%;
	}
}

.Order_Search {
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #fff;
	max-width: 280px;
	height: 50px;
	width: 100%;
}

/*@media screen and (max-width: 599px) {*/
/*	 .Order_Search {*/
/*    max-width: 100px;*/
/*    width: auto !important;*/
/*}*/
/*	}*/
.search_button {
	background-color: var(--blue);
	color: #fff;
	border: none;
	border-radius: 4px;
	margin-right: 10px;
	width: 50px;
	height: 50px;
}

/* table Pagination  */
.Pagination_DropDown {
	padding: 10px;
	cursor: pointer;
	width: 90px;
	height: 50px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #fff;
}

.call_Status {
	padding: 10px;
	cursor: pointer;
	width: 150px;
	height: 50px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #fff;
}

/* table  */

#customers {
	margin-top: 20px;
	border-collapse: collapse;
}

/*top color */

/*#customers td, #customers th {
border: 1px solid #ddd;
}*/

#customers tr:nth-child(even) {
	background-color: #f2f2f2;
}

#customers tr:hover {
	background-color: #ddd;
	cursor: pointer;
}

/*#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #04AA6D;
color: white;
}
*/
table {
	border: 1px solid #000 !important;
	border-collapse: collapse !important;
	border-radius: 10px !important;
	margin: 0 !important;
	padding: 0px !important;
	width: 100% !important;
	table-layout: fixed;
	background-color: #fff;
	border-spacing: unset;
}

/*Tabelt */
@media (max-width: 1080px) {
	#customers {
		overflow-x: scroll;
		scrollbar-width: none;
		cursor: pointer;
	}

	#customers::-webkit-scrollbar {
		display: none;
	}
	table {
		table-layout: auto;
	}
}

.Unverfied_response {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.Unverfied_response input {
	width: 20px;
	height: 20px;
}

table caption {
	font-size: 1.5em !important;
	margin: 0.5em 0 0.75em !important;
}

table tr {
	/*background-color: #fff;*/
	border: 1px solid #ddd !important;
	padding: 0.35em !important;
}

table th,
table td {
	/*padding: .625em;*/
	padding: 8px;
	text-align: center !important;
	color: #000 !important;
	font-family: var(--font-poppins) !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;
}

table th {
	/*color: #6F7C85;*/
	background-color: #606a87 !important;
	color: #fff !important;
	font-family: var(--font-poppins) !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: normal !important;
	text-transform: capitalize !important;
}

/* table th:first-child {

}*/

@media (max-width: 599px) {
	.table tr:first-child {
		display: none;
	}

	.table,
	.table tbody,
	.table tr,
	.table td {
		display: block;
		width: 100%;
	}

	.table tr {
		margin-bottom: 15px;
	}
	table tr {
		padding: 1em;
	}

	.table td {
		padding-left: 50%;
		/* text-align: left; */
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.table td::before {
		content: attr(data-label);
		position: absolute;
		left: 0;
		width: 50%;
		padding-left: 15px;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
	}
}

/* For Data_table  */

#order-shipment_previous,
#order-shipment_next {
	width: 150px;
	height: 45px;
	border-radius: 10px;
	background: var(--blue);
	cursor: pointer;
	color: #fff !important;
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.paginate_button.current {
	background: none !important;
	width: 50px;
	border: none !important;
	margin-inline: 10px;
	height: 45px;
	font-size: 20px;
	font-family: var(--font-Outfit);
	font-weight: 700;
	color: var(--blue) !important;
}

#order-shipment_paginate {
	margin-top: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: none !important;
}

#order-shipment_info {
	color: var(--blue) !important;
	font-weight: bold;
	font-size: 20px;
	text-transform: capitalize;
	margin-top: 10px;
}

/* table end  */

.error_fetching {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 50%;
}

/* Pagination  */

.pagination {
	margin-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.Disable_Buttons {
	/* margin: 0 5px;
padding: 5px 10px;
border: none;
background-color: #f0f0f0;
*/
	width: 150px;
	height: 45px;
	border-radius: 10px;
	background: var(--blue);
	cursor: pointer;
	color: #fff;
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.pagination button.non_active {
	background: none !important;
	width: 50px;
	border: none;
	height: 45px;
	font-size: 16px;
	font-family: var(--font-Outfit);
	font-weight: normal;
	color: #000;
}

.pagination button.active {
	background: none !important;
	width: 50px;
	border: none;
	margin-inline: 10px;
	height: 45px;
	font-size: 20px;
	font-family: var(--font-Outfit);
	font-weight: bold;
	color: var(--blue);
}

/* Table Status  */
.parent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
}

/* .unverified {
margin: 5px;
} */
.unverified {
	margin: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	position: relative;
}

@media screen and (max-width: 599px) {
	.unverified {
		margin: 0px !important;
	}
}

/* .unverified input {
margin-inline: 35px;
padding: 8px 12px;
text-align: center;
text-transform: uppercase;
border: none !important;
} */

.unverified .actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.unverified .actions i {
	position: absolute;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.unverified .actions input {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
}

@media screen and (max-width: 599px) {
	.unverified .actions input {
		margin-inline: 0px !important;
	}
}

.unverified .actions input :focus {
	border: none !important;
}

/* .unverified input:last-child {
margin-top: 5px;
} */

button,
input,
select,
textarea {
	margin: 0;
}

.yellow,
.green,
.red {
	display: block;
	padding: 5px 12px;
	width: 120px;
	border-radius: 14px;
	border: none !important;
	font-family: var(--font-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: center;
	white-space: nowrap;
}

.green {
	background-color: #6aaf75;
	color: #fff;
}

.red {
	background-color: #df5a5a;
	color: #ffffff;
}

.yellow {
	background-color: #bd7e41;
	color: #ffffff;
}

/* No_Result  */

.No_Result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 3rem;
	font-weight: bold;
}

/* Ul list  */
.itemLists {
	margin-top: 10px;
	color: #798c9c;
}

.itemLists ul {
	margin-left: 20px;
}

/* Billing Modal  */

.Billing_Modal {
	width: 100%;
	height: 60px;
	background: rgba(202, 35, 35, 0.1);
	/* margin: 40px auto; */
	margin-top: 30px;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Billing_Modal_Text {
	display: flex;
	gap: 30px;
	align-items: center;
}

.Billing_Modal_Text span {
	color: #000;
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.Billing_Modal_Text button {
	width: 130px;
	height: 40px;
	border-radius: 5px;
	border: 2px solid #fae9e9;
	background: #017aea;
	color: #fff;
	font-family: var(--font-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

@media screen and (max-width: 1080px) {
	.Billing_Modal_Text button {
		width: 150px;
		height: 50px;
	}
}
@media screen and (max-width: 599px) {
	.Billing_Modal {
		width: 100%;
		height: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 599px) {
	.Billing_Modal_Text {
		flex-direction: column;
	}
}

/*chandresh*/
@media only screen and (max-width: 599px) {
	/*home-page*/
	.quik_report {
		gap: 15px;
		margin-top: 20px !important;
	}
	/*config*/
	.COD_tabs {
		flex-direction: column;
	}
	/*analytics*/
	.analytics {
		margin: 0 !important;
	}
	.analytics .COD_tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.filter {
		flex-direction: unset !important;
		justify-content: space-between !important;
		position: relative;
		margin-top: 0;
	}
	.filter .Orders_button {
		position: absolute;
		top: 65px;
		left: 0;
	}
	.filter > a {
		order: 3;
	}
	.call_Status {
		width: 100px !important;
	}
	.pagaination_status .Pagination_DropDown {
		width: 87px;
	}
	.unverified_orders_buttons button {
		width: 100%;
	}
	.analytics .COD_tabs a {
		width: 160px;
	}
	.filter {
		margin-bottom: 75px;
	}
	.table td {
		font-size: 12px;
		margin-top: 10px;
	}
	.table td::before {
		font-size: 12px;
	}
}

/* Main theme End  */



button.pag-btn {
	width: 150px;
	height: 45px;
	border-radius: 10px;
	background: var(--blue);
	cursor: pointer;
	color: #FFF;
	font-family: var(--font-poppins);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pag-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	gap: 30px;
}
.pag-number{
	display: flex;
	gap: 30px;
}
.pag-number a:focus {
	outline: none;
	box-shadow: none;
}
.pag-number a{
	color: gray;
	font-size: 16px;
	font-weight: 400;
}
.pag-number a.active{
	font-weight: bold !important;
	color: var(--blue);
}

/*config-dashboard */

.Itemss {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 80vh;
	gap: 10px;
	background: transparent;
}
.Itemss h1 {
	font-size: 25px;
	font-weight: bold;
}
.Itemss svg {
	width: 150px;
	height: 150px;
}