.pac-container {
	z-index: 9999;
}

.lang_menu {
	font-family: 'Poppins';
	color: #000 !important;
	font-size: 15px;
	font-weight: 500;
}

.modal-header .close {
	margin: -1rem auto -1rem -1rem;
}

body {
	padding-bottom: 70px;
}

.overlay1 {
	position: relative;
	z-index: 1;
}

.size1 {
	width: 100%;
	/*min-height: 100vh;*/
}



.form input.has-border {
	border: 0px solid #545454;
	border-bottom: 0.01px solid;
	border-color: #c3c3c3;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.form input.has-padding {
	font-size: 14px;
	z-index: 1;
	background-color: transparent;
	padding: 6px 0px 6px 0px;
}

.form input.full-width {
	width: 100%;
}

p.fieldset {
	position: relative;
}

h6,
.h6 {
	font-size: 0.95rem;
}

h5,
.h5 {
	font-size: 1.15rem;
}

label.email_label,
label.password_label {
	z-index: 2;
	color: #a0a0a0;
	font-size: 14px;
	bottom: 0;
	position: absolute;
	right: 0;
}

span.hide-password {
	color: #9c9c9c;
	left: 5px;
	position: absolute;
	font-size: 13px;
	top: 10px;
	cursor: pointer;
}

.form input:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

::-webkit-input-placeholder {
	/*opacity: 0;*/
	transition: inherit;
}

.form input:focus::-webkit-input-placeholder {
	/*opacity: 0;*/
}

.form input:not(:placeholder-shown)+label,
.form input:focus+label {
	/*transform: translate(0, 0) scale(1);*/
	cursor: pointer;
	transform: translateY(-3px);
	font-size: 12px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form input[type=submit] {
	padding: 10px 0;
	cursor: pointer;
	background: var(--main-color);
	color: #FFF;
	font-weight: 500;
	border-radius: 8px;
	overflow: hidden;
	border: aliceblue;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

p.forgot_password {
	text-align: right;
	font-size: 14px;
}

p.forgot_password a {
	color: var(--main-color);
}

p.form-bottom-message {
	font-size: 13px;
}

p.form-bottom-message a {
	color: var(--main-color);
	font-size: 14px;
	margin-right: 10px;
}

.site-footer {
	right: 0px;
	left: 0;
	position: fixed;
	bottom: 0px;
	background: #fff;
	margin: 0;
	padding: 10px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	width: auto;
	z-index: 1;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-align: center;
}

.login_footer {
	left: 0px;
	width: 100%;
	right: 0;
}

.form {
	padding: 2em;
}

.form .fieldset:first-child {
	margin-top: 0;
}

.form .fieldset {
	margin: 1.6em 0em 1em 0em;
}

@media only screen and (max-width: 600px) {
	.form {
		padding: 2em 1.2em;
	}

	.content {
		border-radius: 7px;
		width: 100%;
	}

}

/******* dashboard menu***********/
.dashboard_header {
	direction: rtl;
	background-color: white;
	position: fixed;
	z-index: 999;
	width: 100%;
	padding: 10px 0px;
	box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 8%);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.08);
	top: 0;
}

.container-fluid.mar_topmob {
	margin-top: 70px;
}

.menu_uldash {
	margin-bottom: 110px;
	padding-right: 0;
	padding-left: 0;
}

.sub_menudash ul.menu_uldash {
	margin-top: 45px;
}

.menu_uldash li {
	direction: rtl;
	position: relative;
	list-style: none;
}

ul.menu_uldash li img {
	width: 28px;
}

.menu_uldash li a {
	display: block;
	width: 100%;
	line-height: 1.8;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	padding: 10px 15px;
}

.menu_dashboard {
	z-index: 999;
	height: 100%;
	overflow-y: auto;
	width: 200px;
	display: block;
	position: fixed;
	top: 70px;
	background-color: #fff;
	bottom: 0;
	right: 0;
	box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 10%);
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.10);
	padding: 0px 0px;
}

li.menu-item-has-children a.level-top:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f104";
	font-size: 14px;
	float: left;
	position: static;
	margin-top: 5px;
}

.sub_menudash {
	height: 100%;
	overflow-y: auto;
	width: 200px;
	display: block;
	position: fixed;
	top: 63px;
	background-color: #fff;
	bottom: 0;
	right: 0;
	box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 10%);
	box-shadow: 0px 3px 9px 0px rgb(0, 0, 0, 0.10);
	padding: 10px 0px;
	z-index: 9
}

.head_cssdash {
	cursor: pointer;
}

.head_cssdash i {
	padding-left: 5px;
}

.head_cssdash {
	box-shadow: 0px 2px 15px 1px rgb(0 0 0 / 4%);
	box-shadow: 0px 2px 15px 1px rgba(0, 0, 0, 0.04);
	z-index: 9999;
	top: 63px;
	padding: 7px 20px;
	position: fixed;
	width: 100%;
	width: 200px;
	/* top: 0px; */
	background-color: #fff;
}

ul.menu_uldash li:hover {
	background-color: var(--main-color);
}

ul.menu_uldash li:hover>a {
	color: #fff;
}

ul.menu_uldash li:hover>a>img {
	filter: brightness(0) invert(1);
}

/******* dashboard menu***********/
ul.navbara-right {
	float: left;
	padding-left: 0;
	margin-bottom: 0px;
	align-items: center;
	display: flex;
}

ul.navbara-right li {
	list-style: none;
	display: inline-block;
	padding: 0px 10px;
}

a.user-profile {
	color: #000;
	font-size: 15px;
	line-height: 48px;
}

a.user-profile img {
	width: 15px;
	vertical-align: middle;
}

ul.navbara-right li a i {
	color: #828282;
}

.css-1esnxoi {
	direction: rtl;
	width: 100%;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
	width: 200px;
	padding: 9px 20px;
	background-color: white;
	box-shadow: -1px -7px 9px 0px rgb(0 0 0 / 5%);
	box-shadow: -1px -7px 9px 0px rgba(0, 0, 0, 0.05);
}

a.css-1wwqr0i {
	color: #545454;
	font-size: 15px;
	cursor: pointer;
}

.text-blue {
	color: var(--main-color);
}

a.css-1wwqr0i:hover {
	color: var(--main-color);
}

.box_css {
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	/*background-color: var(--main-color);*/
	position: relative;
	border-radius: 5px;
	padding: 25px 10px;
}

.box_css img,
.box_css svg {
	position: absolute;
	left: 10px;
	top: 25px;
	width: 80px;

}

.box_css div.content_rightcss {
	margin-left: 95px;
}

.mar_leftcss {
	margin-right: 200px;
	margin-top: 20px;
	margin-left: 0;
}

p.p_firstcss {
	color: white;
	font-size: 16px;
	margin-bottom: 0px;
}

span.price_firstcss {
	font-size: 22px;
	display: block;
	color: white;
}

p.total_firstcss {
	color: white;
	font-size: 14px;
	margin-bottom: 0;
}

.box_cssa {
	display: block;
	position: relative;
	margin: 15px 0px;
}

.box_css01 {
	background-color: var(--main-color);
}

.box_css02 {
	background-color: #ffc600;
}

.box_css03 {
	background-color: var(--main-color);
}

.box_css02 p.p_firstcss {
	color: var(--main-color);
}

.box_css02 span.price_firstcss {
	color: var(--main-color);
}

.box_css02 p.total_firstcss {
	color: var(--main-color);
}

.card_css {
	direction: rtl;
	padding: 15px 15px;
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
}

h3.head_title {
	font-size: 20px;
	border-right: 5px solid var(--main-color);
	padding: 0px 10px;
	margin-bottom: 0px;
	font-weight: 600;
}

.salla_store h4.head_title {
	font-size: 17px;
	border-left: 5px solid var(--main-color);
	padding: 0px 10px;
	margin-bottom: 0px;
}

.shipdetails_box {
	text-align: center;
	padding: 20px 10px 10px 10px;
}

.round_dta a {
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	line-height: 50px;
	height: 80px;
	width: 80px;
	color: var(--main-color);
	font-size: 20px;
	border: 3px solid var(--main-color);
	padding: 12px 12px;
	display: inline-block;
	border-radius: 50%;
	font-weight: 500;
	margin-bottom: 10px;
}

.shipdetails_box>a {
	font-weight: 500;
	color: #000000;
}

#clickmobmenu1 {
	display: none;
}

.logo_dashboardmob {
	display: none;
}

#admin_mob {
	display: none;
}

@media(min-width: 768px) {
	.mobuser_acc {
		display: none !important;
	}

	#black_hidemenu {
		display: none !important;
	}

	.sidedbar_active .mar_leftcss {
		margin-right: 75px !important;
	}
}

#black_hidemenu {
	display: none;
}

@media(max-width: 1230px) and (min-width:1200px) {
	p.p_firstcss {
		font-size: 15px;
	}
}

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

	.box_css img,
	.box_css svg {
		left: 10px;
		top: 25px;
		width: 60px;
	}

	.box_css div.content_rightcss {
		margin-left: 65px;
	}

	.table_mobil {
		overflow-y: scroll;
	}

}

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

	.box_css img,
	.box_css svg {
		position: relative;
		left: 0px;
		top: 0px;
		width: 80px;
	}

	.box_css div.content_rightcss {
		margin-left: 0px;
	}

	.box_css {
		text-align: center;
	}

	.boxs_logo {
		width: 30% !important;
	}

	.css-1lqgplr {
		float: none !important;
	}

	.table_mobil {
		overflow-y: scroll;
	}
}

.mob_lan {
	display: none;
}

.mob_createla {
	display: none !important;
}

.mob_notification {
	display: none;
}

@media(min-width: 767px) {
	.mob_notidrop {
		display: none !important;
	}
}

@media(max-width: 767px) {
	.mob_notidrop {
		left: 40px !important;
	}

	.mob_notification {
		display: inline-block !important;
		float: left;
		margin-top: 20px;
		margin-left: 15px;
	}

	.mob_createla {
		display: inline-block !important;
		float: left;
		margin-top: 13px;
		margin-left: 10px;
		font-size: 10px !important;
		padding: 0px 8px !important;
	}

	#header_currency_flag_mob {
		display: none;
	}

	#btn_heade_create_shipment {
		display: none;
	}

	.table_mobil {
		overflow-y: scroll;
	}

	.lang_menu {
		font-size: 15px;
		display: inline-block;
		margin-top: 19px;
		margin-left: 10px;
		float: left;
		color: #000 !important;
	}

	ul.css-12eett4 li a {
		font-size: 13px;
	}

	.mar_topmob {
		margin-top: 75px;
	}

	.mar_leftcss {
		margin-left: 0px;
		margin-right: 0px;
	}

	.menu_dashboard {
		display: none;
	}

	ul.navbara-right {
		display: none;
	}

	.logo_dashboard {
		display: none;
	}

	#clickmobmenu1 {
		display: inline-block;
		float: left;
		margin-top: 12px;
	}

	.logo_dashboardmob {
		display: inline-block;
	}

	#admin_mob {
		display: inline-block;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
		font-size: 13px;

	}

	#currency_dropdown_mob {
		display: inline-block;
		float: left;
		margin-top: 16px;
		margin-left: 5px;
		font-size: 15px;

	}

	a.logo_dashboardmob img {
		width: 40px;
		margin-top: 5px;
	}

	.dashboard_header {
		padding: 5px 0px;
	}

	div#clickmobmenu1 span {
		font-size: 20px;
	}

	.dashboard_header {
		background-color: #fff;
		z-index: 99;
		width: 100%;
		top: 0;
		padding: 5px 0px;
		position: fixed;
	}

	.menu_dashboard {
		top: 63px;
		width: 250px;
	}

	.sub_menudash,
	.head_cssdash,
	.css-1esnxoi {
		width: 250px;
	}

	#black_hidemenu {
		display: none;
		background-color: rgb(0 0 0 / 46%);
		background-color: rgba(0, 0, 0, 0.46);
		position: fixed;
		right: 0;
		left: 0;
		height: 100%;
		width: 100% !important;
		bottom: 0;
		top: 0;
		z-index: 9;
	}
}

@media(max-width: 400px) {
	.box_css div.content_rightcss {
		margin-left: 88px;
	}

	.box_css img,
	.box_css svg {
		width: 75px;
	}
}

/*********** dashboard order***************/
.head_title {
	display: inline-block;
}

.css-1lqgplr {
	margin: 0 auto 0 0;
	float: left;
	text-align: left;
	-webkit-box-align: center;
	align-items: center;
	display: inline-block;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.css-1e6pzoo>button,
.css-1e6pzoo>a {
	margin-left: 5px;
}

.css-1m9rtzs {
	/*font-family: Roboto, pragmatica-web, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	line-height: 20px;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	height: 35px;
	color: #687587;
	border: none;
	background-color: transparent;
}

.css-wfa5kj {
	/*font-family: Roboto, pragmatica-web, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
	color: var(--main-color) !important;
	background-color: white;
	border: 1px solid var(--main-color);
}

.css-1yhmw5v {
	/*font-family: Roboto, pragmatica-web, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
	color: var(--main-color) !important;
	background-color: white;
	border: 1px solid var(--main-color);
}

.css-1yhmw5v i {
	margin-right: 7px;
}

ul.menu_uldash li.active-new {
	background-color: var(--main-color);
}

ul.menu_uldash li.active-new>a {
	color: #fff;
}

ul.menu_uldash li.active-new>a>img {
	filter: brightness(0) invert(1);
}

.css-9ww4nf {
	display: block;
	flex-direction: column;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	/*min-width: 1120px;*/
	flex: 1 1 0%;
}

.css-9s9ecg {
	margin-bottom: 15px;
}

.css-1mmu128 {
	display: flex;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #e9eef2;
}

.css-rahyx8 {
	min-width: 36px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 16px;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5rem;
	cursor: pointer;
	transition: border 0.2s ease 0s;
	font-weight: 400;
	margin-right: 28px;
	/*border-top: 2px solid #333333;*/
	/*color: #333333;*/
	color: #687587;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.css-ujda04 {
	min-width: 36px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 16px;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5rem;
	cursor: pointer;
	transition: border 0.2s ease 0s;
	font-weight: 400;
	margin-right: 28px;
	border-top: 2px solid transparent;
	color: #687587;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.css-xw0iqe {
	width: 100%;
	position: relative;
}

.css-ov1ktg {
	display: flex;
}

.css-fn4sq5 {
	background-color: #fff;
	color: #bcc2c8;
	border: none;
	position: absolute;
	height: 41px;
	right: 1px;
	top: 1px;
	padding-top: 2px;
	font-weight: 400;
	width: 41px;
	border-radius: 0px 3px 3px 0px;
}

.css-1o32mk4 {
	border-top: 1px solid #bcc2c8;
	border-bottom: 1px solid #bcc2c8;
	border-right: 1px solid #bcc2c8;
	border-image: initial;
	width: 95px;
	height: 45px;
	line-height: 45px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left: none;
	background-color: #f4f4f4;
	/*font-family: Roboto, pragmatica-web, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 14px;
	color: #1b1d1d;
	cursor: pointer;
}

.css-1fc8vz0 {
	margin-left: 8px;
}

.w-full {
	width: 100% !important;
}

.css-uf1ume {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.css-617l73 {
	display: flex;
}

.css-1fo3h60 {
	line-height: 2.125rem;
	border-radius: 0px 3px 3px 0px;
	border: 1px solid #bcc2c8;
	font-size: 14px;
	color: #333333;
	padding: 0px 10px;
	outline: none;
	box-sizing: border-box;
	height: 45px;
	width: 100%;
}

.css-b5r3c0 {
	width: 275px;
}

.css-q1uxap {
	position: relative;
	line-height: 1;
	width: inherit;
}

.css-hn7awi {
	width: 100%;
	/* border-collapse: collapse; */
	/* table-layout: fixed; */
}

.css-167f5cr {
	border-bottom: 1px solid #e9eef2;
}

.css-o2ra75 {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
	line-height: 18px;
	color: #687587;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	width: 1.5rem;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px !important;
}

.css-5kd6wo {
	min-height: 3rem;
}

.pl-1 {
	padding-left: .25rem !important;
}

.pr-1 {
	padding-right: .25rem !important;
}

.css-1sg2lsz {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.css-1orxpag {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.css-5uf518 {
	height: 14px;
	width: 14px;
	line-height: 14px;
	font-size: 10px;
	text-align: center;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 1px;
	cursor: pointer;
	flex-shrink: 0;
}

.css-1hjci5q {
	opacity: 0;
	height: 0px;
	width: 0px;
	margin: 0px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
}

.css-hohthm {
	display: table-cell;
	height: inherit;
	padding: 15px 5px;
	vertical-align: middle;
	line-height: 18px;
	/* color: rgb(0 0 0); */
	font-size: 12px;
	font-weight: 400;
	width: inherit;
	text-align: right;
}

.css-hohthm.main10px {
	padding: 15px 10px;
}

th.css-hohthm {
	background-color: #f8f8f8;
}

.css-hohthm:last-of-type {
	padding-right: 0px;
}

.css-11zgy0k {
	text-align: center;
	margin: 24px 100px 80px;
}

.css-1b1rsde {
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	font-size: 14px;
	color: #333333;
	margin: 20px 0px;
	box-shadow: none;
	padding: 15px;
}

.css-vmxz80 {
	width: 275px;
	border-radius: 6px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	z-index: 99;
	background-color: white;
	left: 0px;
	right: 0px;
	box-shadow: #e1e1e1 2px 2px 2px, #e1e1e1 -2px 2px 2px;
}

ul.css-12eett4.country_dropdown_ul {
	width: 175px !important;
	max-height: 250px;
	overflow-y: auto;
}

.css-12eett4 {

	padding: 10px 0px 5px;
	margin: 0px;
}

.css-117n4ye {
	list-style: none;
	padding: 0px 10px 0px 20px;
	cursor: pointer;
	font-size: 13px;
}

.css-1q43t41 {
	padding: 5px;
}

.css-1cbfb14 {
	color: #a4a4a4;
	font-size: 13px;
	padding: 20px 10px 0px;
	margin: 0px;
}

button:focus {
	outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

.css-117n4ye:hover {
	background-color: rgb(105 0 255 / 8%);
	background-color: rgba(105, 0, 255, 0.08);
}

#useracc_backg {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

#currency_backg {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

#noti_backg {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.user_acc {
	top: 55px;
	background-color: white;
	position: absolute;
	z-index: 99;
	left: 20px;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
}

.currency_acc {
	top: 55px;
	background-color: white;
	position: absolute;
	z-index: 99;
	left: 80px;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
}

ul.css-12eett4 li {
	width: 100%;
	padding: 2px 10px 2px;
	display: inline-block;
}

ul.css-12eett4 li a {
	font-weight: 500;
	display: block;
	width: 100%;
	color: rgb(0, 0, 0);
	font-size: 14px;
	padding: 5px;

	margin: 0px;
}

ul.css-12eett4 li:active,
ul.css-12eett4 li:hover {
	background-color: var(--main-color);
	color: #fff;
}

ul.css-12eett4 li:active a,
ul.css-12eett4 li:hover a {
	color: #fff !important;
}

.title_h5 {
	margin-bottom: 25px;
	font-size: 18px;
}

p.p_new {
	font-size: 13px;
	margin-bottom: 5px;
}

.logo_boxs {
	text-align: center;
	padding: 50px 20px 20px 20px;
}

.logo_boxs {
	text-align: center;
	padding: 50px 20px 20px 20px;
}

.boxs_logo {
	overflow: hidden;
	border-radius: 10px;
	display: inline-block;
	width: 18%;
	position: relative;
	margin: 10px 5px;
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 7%);
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.07);
	text-align: center;
	background-color: #fff;
}

.boxs_logo img {
	width: 95%;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.boxs_logo:hover {
	box-shadow: 1px 4px 16px 0px rgb(0 0 0 / 12%);
	box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.12);
}

.boxs_logo:hover a {
	padding: 10px 2px;
}

.boxs_logo:hover img {
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	width: 100%;
}

.css-vcc {
	text-align: center;
}

.css-vcc2 h3 {
	font-size: 18px;
}

p.css-vcc3 {
	font-size: 14px;
}

a.css-vcc4,
a.css-vcc5:hover {
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: white;
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
}

a.css-vcc5,
a.css-vcc4:hover {
	border: 1px solid var(--main-color);
	background-color: #fff;
	color: var(--main-color);
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
}

.card.card-body {
	margin-bottom: 25px;
}


@media(max-width:600px) {
	.s-FlexContainer.s-FlexContainer--centered.u-vspace-1 {
		text-align: center;
	}

	.css-1lqgplr {
		display: block;
		float: none;
	}

	.css-1e6pzoo {
		text-align: center;
	}

	button.css-1m9rtzs {
		margin-bottom: 5px;
	}

	a.css-wfa5kj {
		margin: 5px 0;
	}

	a.css-1yhmw5v {
		margin: 5px 0px;
	}

	.table_mobil {
		overflow-y: scroll;
	}

	.table_mobil table {
		width: 750px;
	}

	.boxs_logo {
		width: 42%;
	}

	.css-1o32mk4 {
		width: 104px;
	}
}

@media(max-width: 992px) {
	.logo_boxs {
		text-align: center;
		padding: 50px 5px 20px 5px;
	}

	.boxs_logo {
		margin: 5px;
	}

	.css-1yhmw5v {
		padding: 0px 5px;
		font-size: 13px;
	}

	.css-wfa5kj,
	.css-1m9rtzs {
		padding: 0px 5px;
		font-size: 13px;
	}
}



/************ animation ****************/

.box_css img,
.box_css svg {
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.box_css01:hover {
	background: linear-gradient(to top, var(--main-color) 0%, #370086 100%);
	background-color: var(--main-color);
}

.box_css02:hover {
	background: linear-gradient(to top, #ffc600 0%, #fceb01 100%);
	background-color: #ffc600;
}

.box_css03:hover {
	background: linear-gradient(to top, var(--main-color) 0%, #370086 100%);
	background-color: var(--main-color);
}

.shipdetails_box:hover .round_dta a {
	color: white;
	background-color: var(--main-color);
	font-size: 23px;
}

.shipdetails_box>a:hover {
	font-weight: 500;
	color: var(--main-color);
}

.css-wfa5kj:hover,
.css-1yhmw5v:hover {
	color: #fff !important;
	background-color: var(--main-color);
}

.css-1m9rtzs:hover {
	color: var(--main-color) !important;
}

.lang_menu:hover {
	color: var(--main-color) !important;
}

ul.navbara-right li a i:hover {
	color: var(--main-color) !important;
}

a.user-profile:hover {
	color: var(--main-color) !important;
}

div.css-1mmu128 div.active {
	border-top: 2px solid #333333;
	color: #333333;
}

a.btn_shipnow {
	border-radius: 5px;
	display: inline-block;
	background-color: var(--main-color);
	padding: 5px 15px;
	color: #fff !important;
	margin: 2px 0px;
	font-size: 13px;
}

a.btn_border {
	border-radius: 5px;
	display: inline-block;
	border: 1px solid var(--main-color);
	background-color: #fff;
	padding: 5px 15px;
	color: var(--main-color) !important;
	font-weight: 600;
	margin: 2px 0px;
}

a.btn_border:hover {
	background-color: var(--main-color);
	color: #fff !important;
	margin: 2px 0px;
}

a.create_invoice {
	display: block;
	margin-top: 5px;
}

.text_buttonlink {
	color: var(--main-color) !important;
	font-weight: 500;
	margin: 2px 0px;
	display: block;
	text-decoration: underline !important;
	/*-webkit-text-decoration-color: var(--main-color);*/
	/*text-decoration-color: var(--main-color)  !important;*/
}

span.payment_span {
	display: inline-block;
	background-color: #ffda00;
	padding: 0px 7px;
	font-size: 11px;
	border-radius: 5px;
}

div#select_id {
	display: inline-block;
}

select#select_id01 {
	padding: 4px 10px;
	font-size: 14px;
	margin-right: 10px;
}

label.s-FormLabel.s-FormLabel--inline.width-100 {
	font-size: 14px;
}

.show_custonrange {
	display: inline-block;
}

.daterangepickercss {
	padding: 4px 10px;
	font-size: 14px;
}

.show_custonrange input {
	display: none;
}

/************* signup *************/

.header_logosign {
	padding: 15px 0px;
}

form.signup-form div.form-group label {
	color: #a0a0a0;
	font-size: 14px;
	bottom: 0;
	position: absolute;
	right: 15px;
	z-index: 9;
}

form.signup-form div.form-group label[for=register_form_email] {
	right: 45px;
}

form.signup-form div.form-group .iti.iti--allow-dropdown input:focus+label,
form.signup-form div.form-group .iti.iti--allow-dropdown input:not(:placeholder-shown)+label {
	right: 16px;
}

form.signup-form div.form-group .iti.iti--allow-dropdown label {
	right: 60px;
}

form.signup-form div.form-group div.iti__flag-container {
	box-shadow: 1px 1px 9px 0px rgba(0, 0, 0, 0.07);
	border: 1px solid #f3f3f3;
	border-radius: 0 0.25rem 0.25rem 0;
}

form.signup-form .iti.iti--allow-dropdown input.form-control {
	border-radius: 0.25rem 0 0 0.25rem;
	padding-left: 50px;
}

form.signup-form div.form-group {
	position: relative;
}

form.signup-form div.form-group input:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

form.signup-form div.form-group input ::-webkit-input-placeholder {
	opacity: 0 !important;
	transition: inherit;
}

form.signup-form div.form-group input:focus::-webkit-input-placeholder {
	opacity: 0;
}

form.signup-form div.form-group input:not(:placeholder-shown)+label,
form.signup-form div.form-group input:focus+label {
	cursor: pointer;
	transform: translateY(-2px);
	font-size: 13px;
	z-index: 1;
}

form.signup-form div.form-group {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

form.signup-form div.form-group input {
	border: 1px solid #f3f3f3;
	box-shadow: 1px 1px 9px 0px rgb(0 0 0 / 7%);
	box-shadow: 1px 1px 9px 0px rgba(0, 0, 0, 0.07);
	height: 40px;
	font-size: 14px;
	z-index: 1;
	padding: 15px 15px 15px 15px;
}

.signupbtn {
	padding: 10px 40px;
	cursor: pointer;
	background: var(--main-color);
	color: #FFF;
	font-weight: 500;
	border-radius: 5px;
	overflow: hidden;
	border: aliceblue;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

.check_boxcss {
	font-size: 13px;
	vertical-align: middle;
}

.h2_linebottom {
	position: relative;
	margin-top: 11px;
	display: block;
	width: 90px;
	height: 4px;
	padding: 3px;
	line-height: 0;
	background-color: var(--main-color);
}

form.signup-form {
	padding: 15px 25px;
}

.padding_15 {
	padding: 0px 25px;
}

form.signup-form span.hide-password {
	color: #9c9c9c;
	left: 15px;
	position: absolute;
	font-size: 16px;
	top: 24px;
	cursor: pointer;
}

form.signup-form span.phone-number,
form.signup-form span.first_name-id,
form.signup-form span.last_name-id,
form.signup-form span.company_name-id,
form.signup-form span.store_name-id {
	color: #9c9c9c;
	left: 18px;
	position: absolute;
	font-size: 16px;
	top: 8px;
	cursor: pointer;
	z-index: 1;
}

form.signup-form span.email-id {
	color: #9c9c9c;
	right: 18px;
	position: absolute;
	font-size: 16px;
	top: 8px;
	cursor: pointer;
	z-index: 1;
}

.css-createlabel {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 12px;
	font-size: 13px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 30px;
	color: var(--main-color) !important;
	background-color: white;
	border: 1px solid var(--main-color);
}

.css-createlabel i {
	color: var(--main-color) !important;
}

.css-createlabel:hover {
	color: #fff !important;
	background-color: var(--main-color);
}

.css-createlabel:hover i {
	color: #fff !important;
}

.create-shipment-new .css-createlabel {
	position: relative;
	display: inline-flex;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 0.25rem;
	padding: 0px 12px;
	font-size: 13px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 30px;
	color: white !important;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}

.create-shipment-new .css-createlabel i {
	color: white !important;
	margin-left: 5px;
}

.create-shipment-new .css-createlabel:hover {
	color: #fff !important;
	background-color: var(--main-color);
}

.create-shipment-new .css-createlabel:hover i {
	color: #fff !important;
}

.css-createlabel-red {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 3px;
	padding: 0px 12px;
	font-size: 13px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 30px;
	color: #d52d2d !important;
	background-color: white;
	border: 1px solid #d52d2d;
}

.css-createlabel-red i {
	color: #d52d2d !important;
}

.css-createlabel-red:hover {
	color: #fff !important;
	background-color: #d52d2d;
}

.css-createlabel-red:hover i {
	color: #fff !important;
}

.details_add .form-control {
	font-size: 13.5px;
	margin-bottom: 5px;
	border-radius: 0px;
}

.details_add .css-createlabel,
.details_add .css-createlabel-red {
	padding: 0px 10px;
	border-radius: 0px;
}

/***** crate order ***********/

div.card-header {
	/*background-color: var(--main-color);*/
}

div.card-header h5 {
	/*color: #fff;*/
}

div.card-header h5 button {
	text-decoration: none !important;
	font-size: 15px;
	padding: 12px 15px;
	color: #333;
	display: block;
	width: 100%;
	text-align: right;
}

div.card-header h5 button.active {
	background-color: var(--main-color);
	color: #fff;
}

div#accordion div.card {
	margin: 5px 0px;
}

div#accordion div.card div.card-header {
	padding: 0;
	background-color: #fff;
}

span.step_number {
	line-height: 1.2;
	font-weight: 600 !important;
	font-size: 13px;
	/* border: 1px solid blanchedalmond; */
	border: 1px solid #d3d3d3;
	margin-left: 10px;
	padding: 7px;
	font-weight: 700;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 25px;
	display: inline-block;
}

div.card-header h5 button i {
	color: #d3d3d3;
	font-size: 16px;
	/* position: absolute; */
	vertical-align: middle;
	float: left;
	margin-top: 8px;
	/* right: 0; */
}

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

.form_customorder div.form-group input {
	font-size: 13px;
}

.form_customorder div.form-group select {
	font-size: 13px;
}

.select-pack {
	font-size: 13px;
}

.search_cssadd {
	font-size: 13px;
	margin-bottom: 15px;
}

.css_form1 div.form-group input {
	font-size: 13px;
}

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

.form-check label {
	font-size: 14px;
}

.line_div {
	margin: 10px 0px 20px 0px;
	display: block;
	width: 100%;
	background-color: #e9e9e9;
	padding: 0.1px;
}

.next_btn {
	font-size: 13px;
	background-color: var(--main-color);
	color: #fff !important;
	padding: 5px 25px;
	display: inline-block;
	/* float: right; */
	border-radius: 8px;
	margin-top: 15px;
}

div#billingaddress_block {
	display: none;
}

.produc_listbox {
	width: 92%;
	display: inline-block;
}

.right_actionbox {
	display: inline-block;
	/* margin-left: 25px; */
	text-align: center;
	margin: 0 auto;
	width: 7%;
}

.right_actionbox a {
	cursor: pointer;
	background-color: red;
	color: #fff !important;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 14px;
}

.produc_addbox {
	position: relative;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.productadd_box i {
	font-size: 12px;
	border: 1px solid #333;
	padding: 6px 8px;
	border-radius: 50%;
	vertical-align: middle;
}

.productadd_box span {
	font-size: 14px;
	margin-left: 10px;
	color: #333;
}

.productadd_box {
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}

#add_productlist {
	cursor: pointer;
}

#add_address {
	cursor: pointer;
	text-align: right;
}

#add_address i {
	color: var(--main-color);
	font-size: 12px;
	border: 1px solid #333;
	padding: 6px 8px;
	border-radius: 50%;
	vertical-align: middle;
}

#add_address span {
	font-size: 14px;
	margin-left: 10px;
	color: #333;
}

p.small_contentsub {
	font-size: 13px;
	color: #333;
}

.AddressCard {
	margin: 5px 0px;
	display: inline-block;
	border: 1px solid #ababab;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	min-width: 231px;
	max-width: 230px;
	min-height: 155px;
}


.address_detail {
	padding: 15px;
}

.address_detail h6 {
	font-size: 14px;
}

.address_detail p {
	font-size: 13px;
	margin-bottom: 0;
	color: #333;
}

.class_foadd {
	position: relative;
	background-color: #f5f5f5;
	color: #fff;
	padding: 10px 15px;
	font-size: 13px;
}

.class_foadd span.select_address {
	cursor: pointer;
	background-color: var(--main-color);
	color: #fff;
	font-size: 12px;
	padding: 3px 15px;
	border-radius: 25px;
}

span.edi-address {
	float: right;
	padding: 2px 7px;
	border-radius: 20px;
	background-color: var(--main-color);
	color: #fff;
	margin-top: -2px;
	cursor: pointer;
}


.AddressCard.active_div div.class_foadd {
	background-color: var(--main-color);
	color: #6c08fd;
}

.AddressCard.active_div {
	border: 1px solid var(--main-color);

}

.AddressCard.active_div div.class_foadd span.select_address {
	background-color: #fff;
	color: var(--main-color);
}

.AddressCard.active_div div.class_foadd span.edi-address {
	background-color: #fff;
	color: var(--main-color);
}

.radioshipgere {
	display: none !important
}

button.next_btn {
	border: 1px solid var(--main-color);
}

.pck_css {
	position: relative;
}

.pck_css span {
	font-size: 13px;
	display: inline-block;
	background: var(--main-color);
	font-weight: 600;
	color: #fff;
	float: left;
	padding: 6.4px 11px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.pck_css.clearfix {
	position: relative;
}

.big_x {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
	color: #ccc;
}

.package_dimension div {
	font-size: 13px;
}

.pck_css {
	margin-bottom: 10px;
}

.addorder a {
	font-size: 15px;
	background-color: var(--main-color);
	color: #fff !important;
	padding: 8px 40px;
	display: inline-block;
	/* float: right; */
	border-radius: 6px;
	margin-top: 15px;
	margin-right: 15px;
}

.select_newcss {
	/* color: aliceblue; */
	background-color: #fbfbfb;
	top: 32px;
	left: 15px;
	position: absolute;
	width: 67px;
	border-radius: 5px 0px 0px 5px;
}

.edit_packagebtn {
	text-align: right;
	position: relative;
}

.edit_packagebox {
	top: 40px;
	background-color: white;
	position: absolute;
	z-index: 9;
	left: -130px;
	border-radius: .28571429rem;
	box-shadow: 0 2px 4px 0 rgb(34 36 38 / 12%), 0 2px 10px 0 rgb(34 36 38 / 15%);
	box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
	color: rgba(0, 0, 0, 0.87);
	width: 405px;
	border: 1px solid #d4d4d5;
	padding: 1rem;
}

.top_headpack h6 {
	display: inline-block;
}

.top_headpack a {
	float: left;
	border: 1px solid var(--main-color);
	padding: 2px 10px;
	border-radius: 3px;
	color: var(--main-color);
}

.top_headpack a:hover {
	background-color: var(--main-color);
	color: #fff;
}

.edit_packagebox:before {
	position: absolute;
	content: "";
	width: .71428571em;
	height: .71428571em;
	background: #fff;
	transform: rotate(45deg);
	box-shadow: 1px 1px 0 0 #bababc;
	margin-left: -.30714286em;
	top: -.30714286em;
	left: 50%;
	right: auto;
	bottom: auto;
	box-shadow: -1px -1px 0 0 #bababc;
}

.css-dropdimen {
	position: relative;
	line-height: 1;
	width: 100%;
	margin-top: 10px;
}

.css-buttonpack {
	background: none white;
	border: 1px solid #bcc2c8;
	border-radius: 3px;
	line-height: 2.125rem;
	height: 2.125rem;
	width: 100%;
	text-align: left;
	padding: 0px 18px 0px 6px;
	font-size: 14px;
	position: relative;
	outline: none;
	color: #333333;
}

.css-textbtn {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 30px);
	min-width: 30px;
}

.css-textbtnspan {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-left: 6px;
}

.css-spanarrow {
	position: absolute;
	left: 12px;
	font-size: 12px;
	color: #aeaeae;
	top: 50%;
	transform: translateY(-50%);
}

.css-textseconhead {
	font-size: 14px;
	font-weight: normal;
	margin: 15px 0px 0px;
}

.css-box01 {
	display: flex;
	margin: 8px 0px;
	align-items: flex-start;
}

.css-inthu {
	line-height: 2.125rem;
	width: 8px;
	margin: 0px 10px;
}

.css-boxa01 {
	border-radius: 3px;
	background-color: inherit;
	border: 1px solid #bcc2c8;
	color: #333333;
	padding-left: 10px;
	height: 32px;
	width: 100%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.css-lentext {
	height: 20px;
	width: auto;
	/*background-color: rgb(243, 247, 250);*/
	border-radius: 2px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	margin: 0px 6px 0px 5px;
}

.css-inputpack {
	font-size: 13px;
	height: 18px;
	line-height: 18px;
	border: none;
	width: 100%;
	outline: none;
	overflow: hidden;
	text-align: left;
}

/*.css-18ce2aq {
	margin-left: 10px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 2.125rem;
}
.css-7kp13n {
	display: inline-block;
}
.css-q1uxap {
	position: relative;
	line-height: 1;
	width: inherit;
}
.css-1sjlkfy {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 30px);
	min-width: 30px;
}
.css-1v0k4kr {
	position: absolute;
	right: 12px;
	font-size: 12px;
	color: #aeaeae;
	top: 50%;
	transform: translateY(-50%);
}*/
.css-boxa02 {
	margin-right: 15px;
}

.css-boxa02 select {
	border: 1px solid #bcc2c8;
	padding-right: 10px;
	height: 32px;
	border-radius: 3px;
	font-size: 13px;
}

.check_useitme {
	display: inline-block;
	vertical-align: middle;
	padding: 7px;
}

.check_useitme label {
	vertical-align: middle;
	font-size: 13px;
}

.check_useitme input {
	vertical-align: middle;

}

button.cancel_btnpack,
button.cancel_btnpack1 {
	border-radius: 8px;
	border: 1px solid red;
	color: #f00;
	background-color: white;
	font-size: 13px;
	padding: 5px 13px;
	/*width: 90px;*/
	margin: 5px;
	font-weight: 500;
}

button.save_btnpack,
button.save_btnpack1 {
	margin: 5px;
	/*width: 90px;*/
	border-radius: 3px;
	border: 1px solid var(--main-color);
	color: #fff;
	background-color: var(--main-color);
	font-size: 13px;
	padding: 5px 13px;
}

.box_footersec {
	margin-top: 20px;
	text-align: left;
}

.drop_downselectdi {
	border-radius: 6px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	z-index: 15;
	background-color: white;
	overflow: hidden;
	left: 0px;
	right: 0px;
	box-shadow: #e1e1e1 2px 2px 2px, #e1e1e1 -2px 2px 2px;
}

.drop_downselectdi01 {
	width: 100%;
	overflow: auto;
	max-height: 260px;
	position: relative;
	background-color: #fff;
}

.section_drop {
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px;
	box-sizing: border-box;
	height: auto;
}

.css-ullist {
	margin: 0px;
	padding: 0px;
}

.css-ullistli {
	margin: 0px;
	padding: 8px 24px;
	cursor: pointer;
	transition: background-color 100ms ease 0s;
	font-size: 13px;
	line-height: 1.8;
	color: #333333;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.css-zhwgfk {
	font-size: 12px;
}

.input_popuppack input {
	margin-top: 5px;
	height: 2.125rem;
	line-height: 2.125rem;
	border-radius: 3px;
	border: 1px solid #bcc2c8;
	font-size: 14px;
	color: #333333;
	padding: 0px 10px;
	outline: none;
	width: 100%;
	box-sizing: border-box;
}

.smalltext_hr {
	margin-left: 11px;
	font-size: 12px;
	color: #b3b3b3;
	padding: 10px;
}

.css-ullistli:hover {
	background-color: #f7f7f7;
}

span.add_packgesmall {
	font-weight: 500;
	float: left;
	color: var(--main-color);
	cursor: pointer;
}

.drop_downselectdi22 {
	padding-bottom: 25px !important;
}

@media screen and (min-width: 768px) {
	.css-box01 {
		flex-wrap: wrap;
	}

	.css-boxa01 {
		width: 74px;
	}

	.css-boxa02 select {
		width: 74px;
	}
}

/********* csv **********/

.p_stylecss {
	font-size: 14px;
}

.content-csvblock h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 4px 16px 30px 0px;
}

.csv_block {
	display: flex;
}

.content-csvblock {
	margin: 4px 16px 30px 0px;
}

.num_csvblock {
	border: 1px solid var(--main-color);
	font-size: 14px;
	border-radius: 50%;
	min-width: 26px;
	height: 26px;
	margin-top: 5px;
	text-align: center;
	background-color: #fff;
	font-weight: 700;
	color: var(--main-color);
}

#drop-area {
	text-align: center;
	border: 2px dashed #ccc;
	border-radius: 20px;
	width: 480px;
	margin: 25px 0px;
	padding: 20px;
}

form.my-form01 p {
	font-size: 30px;
	color: #cccccc;
}

form.my-form01 label.button {
	color: var(--main-color);
	font-size: 15px;
	cursor: pointer;
	font-weight: 600;
}

#drop-area.highlight {
	border-color: var(--main-color);
}

.my-form01 {
	margin-bottom: 10px;
	text-align: center;
}

#gallery {
	margin-top: 10px;
}

#gallery img {
	width: 150px;
	margin-bottom: 10px;
	margin-right: 10px;
	vertical-align: middle;
}

#fileElem {
	opacity: 0;
	width: 0;
}

.mob_showing {
	display: none;
}

.mob-edit_packagebox {
	display: none;
}

.width50size {
	width: 50%;
}

@media(max-width: 767px) {
	.width50size {
		width: 100%;
	}

	.mob_showing {
		display: block !important;
	}

	.card_css {
		padding: 20px 5px;
	}

	.css-9ww4nf {
		padding-bottom: 15px;
	}

	.mob-edit_packagebox {
		overflow: auto;
		position: fixed;
		margin: 12px;
		right: 0px;
		left: 0;
		top: 20%;
		width: 94%;
	}

	.top_headpack a {
		font-size: 14px;
	}

	.ccsboxa01 {
		display: block;
	}

	.ccsboxa01 div.css-boxa01 {
		display: inline-block;
		width: 90px;
	}

	.ccsboxa01 div.css-boxa02 {
		width: 91px;
		display: inline-block;
	}

	.css_backmobilebg {
		display: none;
		background-color: rgb(0 0 0 / 46%);
		background-color: rgba(0, 0, 0, 0.46);
		position: fixed;
		right: 0;
		left: 0;
		height: 100%;
		width: 100% !important;
		bottom: 0;
		top: 0;
		z-index: 1;
	}

	.reque_tab ul.nav-tabs>li>a {
		font-size: 11px !important;
	}
}

.searchtabledata input {
	font-size: 13px;
}

.searchtabledata {
	margin-bottom: 10px;
}

.searchtabledata label {
	font-size: 13px;
}

/*************** create lable *********/

div#accordion2 div.card-header {
	padding: 0px !important;
}

div#accordion2 button.btn {
	line-height: 2.3;
	padding: 5px 15px;
	background-color: var(--main-color);
	color: white;
}

.table_datatd td {
	font-size: 14px;
}

.table_datatd th {
	font-size: 14px;
}

.label-success {
	background-color: #27c24c !important;
	color: #fff;
}

.channel {
	font-size: 12px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 2px 12px;
}

div#accordion2 div.card {
	margin-bottom: 10px !important;
}

.cssshipdownload {
	z-index: 9;
	float: left;
	margin-top: -42px;
	margin-left: 50px;
	display: block !important;
	left: 0;
	font-size: 14px;
}

a.css-1yhmw5v.cssshipdownload:hover {
	border: 1px solid white;
}

@media(max-width: 767px) {
	.cssshipdownload {
		z-index: 9;
		float: left;
		margin-top: -42px !important;
		margin-left: 5px !important;
		font-size: 12px;
	}
}


/***************** TRACKING PAGE ********************/
.bor_bo {
	padding-bottom: 5px;
	border-bottom: 1px solid #f1f1f1;
}

.box_trackdash {
	position: relative;
	padding: 15px 25px;
	/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);*/
	margin: 15px 0px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);
}

.box_trackdash:hover {
	position: relative;
	margin: 15px 0px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.trackdash_icon {
	display: inline-block;
}

.trackdash_text {
	vertical-align: middle;
	padding-right: 12px;
	display: inline-block;
}

.trackdash_icon {
	overflow: hidden;
	border-radius: 50%;
	vertical-align: middle;
}

.trackdash_icon img,
.trackdash_icon svg {
	width: 55px;
	padding: 10px;

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

.trackdash_data {
	float: left;
	vertical-align: middle;
	display: inline;
	text-align: right;
	margin-top: 10px;
	font-size: 20px;
	color: #333;
}


.trackdash_text p {
	font-size: 13px;
	margin-bottom: 2px;
}

.trackdash_text span {
	font-size: 12px;
	color: #797979;
}

.deli_green img,
.deli_green svg {
	background-color: #3fb93f;
}

.deli_color2 img,
.deli_color2 svg {
	background-color: var(--main-color);
}

.deli_color3 img,
.deli_color3 svg {
	background-color: #2ec6c6;
}

.deli_color4 img,
.deli_color4 svg {
	background-color: #f55;
}

.track_head {
	font-size: 26px;
}

.track_head span {
	/*color: var(--main-color);*/
	color: #230054;
}

.list_filter4 {
	padding-right: 0px;
	display: inline-block;
	margin-bottom: 0px;
}

.list_filter4 li {
	list-style: none;
	display: inline-block;
}

.list_filter4 li {
	margin: 5px;
	overflow: hidden;
	border-radius: 50%;
	vertical-align: middle;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.list_filter4 li a img,
.list_filter4 li a svg {
	width: 35px;
	padding: 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.track-checked img,
.track-checked svg {
	background-color: #3fb93f;
}

span.track-deliverd {
	color: #3fb93f;
	font-weight: 600;
}

.track-box img,
.track-box svg {
	background-color: #9c68e8;
}

.track-box .profile-img img {
	background-color: unset;
}

span.track-outfordelivery {
	color: #9c68e8;
	font-weight: 600;
}

.track-transit img,
.track-transit svg {
	background-color: #2ec6c6;
}

span.track-intransit {
	color: #2ec6c6;
	font-weight: 600;
}

.track-close img,
.track-close svg {
	background-color: #f55;
}

span.track-faildattempt {
	color: #f55;
	font-weight: 600;
}

.filter_ship4 {
	margin: 10px 0px;
}

.filter_ship4 span {
	font-size: 14px;
	color: #333;
}

.filter_forms label {
	font-size: 14px;
}

.filter_forms select {
	font-size: 13px;
}

.filter_forms input {
	font-size: 13px;
}

.list_filter4 li {
	opacity: 0.3333;
}

.list_filter4 li:hover {
	opacity: 0.8;
}

.list_filter4 li:hover a img {
	padding: 4.5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.list_filter4 li.active {
	opacity: 1;
}

.list_filter4 li.active:hover {
	box-shadow: 0px 0px 11px 1px rgb(0, 0, 0, 0.25);
	box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.25);
}

.filter_forms2 {
	font-size: 12px;
	max-height: 5px;
	text-align: left;
}

.filter_forms2 label {
	min-width: 175px;
	text-align: left;
}

.side_filtercheck {
	margin-top: 13px;
}

h5.css_trackingpopup {
	font-size: 14px;
	line-height: 22px !important;
	padding: 1px 0px;
}

.modal-header.css_trackpopp .close {
	float: left;
	position: absolute;
	display: inline-block;
	/* width: 100%; */
	color: var(--main-color);
	padding: 0rem 0rem;
	margin: 0rem 0rem 0rem auto;
	left: 15px;
}

p.p-smallest {
	font-size: 12px;
	margin-bottom: 0;
}

p.textsize-smaller {
	font-size: 14px;
	color: #313131;
	margin-bottom: 10px;
}

p.p-bigtext {
	margin-bottom: 0;
	font-size: 16px;
}

p.textsize-smaller2 {
	font-size: 13px;
}




/*************************/
.hh-grayBox {
	/*background-color: #F8F8F8;*/
	/*margin-bottom: 20px;*/
	/*padding: 35px;*/
	/*margin-top: 20px;*/
}

.pt45 {
	padding-top: 45px;
}

.order-tracking {
	text-align: center;
	width: 25%;
	position: relative;
	display: block;
}

.order-tracking .is-complete {
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid var(--main-color);
	background-color: var(--main-color);
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.order-tracking .is-notcomplete {
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid #A4A4A4;
	background-color: #A4A4A4;
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index: 2;
}

.order-tracking .is-complete:after {
	display: block;
	position: absolute;
	content: '';
	height: 14px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 5px;
	margin: auto 0;
	border: 0px solid var(--main-color);
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}

.order-tracking.completed .is-complete {
	border-color: var(--main-color);
	border-width: 0px;
	background-color: var(--main-color);
}

.order-tracking.completed .is-cancelled {
	border-color: #FF4B47;
	border-width: 0px;
	background-color: #FF4B47;
}

.order-tracking.completed .is-complete:after {
	border-color: #fff;
	border-width: 0px 3px 3px 0;
	width: 7px;
	left: 11px;
	opacity: 1;
}

.order-tracking p {
	color: #A4A4A4;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 20px;
}

.order-tracking p span {
	font-size: 14px;
}

.order-tracking.completed p {
	color: #000;
}

.order-tracking::before {
	content: '';
	display: block;
	height: 3px;
	width: calc(100% - 40px);
	background-color: #A4A4A4;
	top: 13px;
	position: absolute;
	right: calc(-50% + 20px);
	z-index: 0;
}

.order-tracking:first-child:before {
	display: none;
}

.order-tracking.completed:before {
	background-color: var(--main-color);
}

.pb20 {
	padding-bottom: 20px;
}

/*********************************/


.text_otherbox {
	padding: 15px;
	font-size: 13px;
	background-color: #f8f8f8;
}

p.p-smallest2 {
	margin-bottom: 0;
	font-size: 12px;
}

p.p-status2 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
}

p.textsize-new {
	color: #333;
	margin-bottom: 0;
	font-size: 12px;
}

.tracking-orderstatus table td {
	padding: 10px;
}

.tracking-orderstatus {
	padding: 15px 20px;
}

.btn_stylenew {
	font-weight: 500;
	font-size: 13px;
	cursor: pointer;
	padding: 12px;
	color: var(--main-color);
}

.width25 {
	width: 25%;
}

@media(max-width:992px) {
	.box_trackdash {
		position: relative;
		padding: 25px 10px;
	}
}


@media(max-width:767px) {
	.filter_forms2 {
		font-size: 12px;
		max-height: 10px;
		text-align: left;
	}

	.side_filtercheck {
		margin-top: 5px;
	}

	.tracking-orderstatus {
		padding: 15px 0px;
	}

	.width25 {
		width: 35%;
	}

	p.p-smallest {
		font-size: 10px;
		margin-bottom: 0;
	}

	p.p-bigtext {
		margin-bottom: 0;
		font-size: 15px;
	}

	p.textsize-smaller2 {
		font-size: 12px;
	}

	p.textsize-smaller {
		font-size: 13px;
		color: #313131;
		margin-bottom: 10px;
	}
}

/*************************tracking page***************************/

.mar_left20 {
	margin-left: 20px;
}

.css_h5text {
	display: inline-block;
	font-size: 16px;
}

.preview_css {
	font-size: 14px;
	float: left;
	margin-top: 4px;
}

.demo_tracking {
	max-width: 580px;
	margin: 30px auto auto;
}

@media(max-width: 767px) {
	.demo_tracking {
		margin: 10px;
	}
}

.main_trackingbox {
	border-radius: 4px;
	box-shadow: 0 2px 20px 0 rgb(40 40 40 / 50%);
	box-shadow: 0 2px 20px 0 rgba(40, 40, 40, 0.50);
	padding: 10px 0;
	background-color: #FFF;
}

.top_sectiontrack {
	text-align: center;
	padding: 10px 30px;
	padding-left: 0;
	padding-right: 0;
}

section.top_sectiontrack header p {
	color: #555555;
	margin-bottom: 10px;
	font-size: 14px;
}

section.top_sectiontrack header img {
	margin-bottom: 15px;
}

.tracking-banner {
	color: white;
	padding-bottom: 10px;
	overflow: auto;
}

.tracking-banner h2 {
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 10px;
}

.tracking-banner p {
	margin-bottom: 10px;
	font-size: 14px;
}

.tracking_body {
	padding: 10px 30px;
}

.trackingbody-heading {
	font-size: 14px;
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 13px;
	padding-top: 4px;
}

.list-unstyled {
	padding-right: 0;
	list-style: none;
}

.LineItem {
	font-size: 14px;
	padding-bottom: 10px;
}

.border-bottom {
	border-bottom: 1px solid #EFEFEF;
}

.timeline {
	position: relative;
	overflow: hidden;
}

.timeline::before {
	content: '';
	position: absolute;
	height: 100%;
	left: 50%;
	top: 5px;
	width: 2px;
	/*background-color: #000;*/
}

.timeline-item {
	clear: both;
	min-height: 50px;
	font-size: 13px;
}

.timeline-itemDate {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 18px;
	color: #333;
}

.timeline-itemContent {
	float: right;
	width: 50%;
	text-align: left;
	padding-left: 18px;
	color: #333;
}

.timeline-item {
	clear: both;
	min-height: 50px;
	font-size: 13px;
}

.timeline::after {
	content: '';
	clear: both;
	display: block;
}

.timeline-item::before {
	content: '';
	position: absolute;
	left: 50%;
	width: 15px;
	height: 15px;
	margin-top: 4px;
	margin-left: -7px;
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #fff;
}

.timeline-item.is-current::after {
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100px;
	margin-top: 19px;
	background-color: #fff;
}

.timeline-item.is-current::before {
	background-color: #B4B4B4;
}

.timeline::before {
	background-color: #B4B4B4;
}

.timeline-item::before {
	border-color: #B4B4B4;
}

.btn-default--muted {
	color: #718087;
	border-color: #e7e7e7;
}

.btn_styletrack {
	border: 1px solid #B4B4B4;
	font-size: 13px;
	color: #555555;
}

.is-hidden {
	display: none;
}

.p_newsub {
	font-size: 13px;
}

.side_customhead {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
}

a.addbtn_ads {
	border-radius: 3px;
	color: #fff;
	padding: 6px 20px;
	font-weight: 500;
	font-size: 13px;
	background-color: var(--main-color);
}

#edit_trackemail,
#back_trackemail,
#edit_trackemail01,
#back_trackemail01 {
	font-weight: 500;
	font-size: 14px;
	margin-right: 26px;
}

.view_products span {
	cursor: pointer;
	font-size: 12px;
	color: var(--main-color);
	font-weight: 500;
}

.view_products {
	position: relative;
	cursor: pointer;
}

.show_products {
	z-index: 9;
	top: 25px;
	left: 5%;
	right: 5%;
	margin: 0 auto;
	background-color: white;
	padding: 10px;
	box-shadow: 0 0 14px 1px rgb(0 0 0 / 13%);
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.13);
	text-align: right;
	position: absolute;
}

.show_products:after {
	content: "";
	bottom: 100%;
	right: 20%;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #fff;
	border-image: initial;
	position: absolute;
	width: 0px;
	height: 0px;
}

.view_products:hover div.show_products {
	display: block !important;
}

.view_products div.order-product span {
	color: rgb(0 0 0);
	font-weight: 400;
	font-size: 12px;
}

.show_products div.order-product {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #dbdbdb;
}

.show_products div.order-product:last-child {
	border-bottom: 0px solid #dbdbdb;
}

@media(max-width: 600px) {
	.tracking-banner h2 {
		font-size: 1.6rem;
	}

	.box_barandcss {
		margin-top: 30px;
	}

	.edit_packagebox {
		right: 0;
		width: 100%;
		left: auto;
	}
}

/*.pull-right {
	float: right!important;
}*/










/***************** image upload**********************/


.img-holder {
	display: block;
	vertical-align: middle;
	width: 2em;
	height: 2em;
}

.img-holder img {
	width: 100%;
	max-width: 100%;
}

.file-wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.file-wrapper:hover .btn {
	background-color: #33adff !important;
}

.file-wrapper input {
	cursor: pointer;
	font-size: 100px;
	height: 100%;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}

form#form1 .left {
	display: inline-block;
	width: 200px;

}

form#form1 .right {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 30px;
}

form#form1 img {
	width: 100%;
}

img#img-uploaded {
	background-color: #f9f9f9;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	width: 30% !important;
}

span.file-wrapper {
	font-size: 14px;
	padding: 0px;
	border: 1px solid var(--main-color);
	border-radius: 3px;
}

.file-wrapper span.btn-large.btn-alpha {
	font-size: 13px;
	font-weight: 500;
	padding: 5px 15px;
	display: block;
	color: var(--main-color);
}

.file-wrapper:hover span.btn-large.btn-alpha {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	background-color: var(--main-color);
}

.name_image {
	margin-bottom: 6px;
}

span.file-holder {
	font-size: 14px;
}




code {
	padding: 5px 8px;
	border-radius: 10px;
	background-color: #f8f9f9;
	color: #CC0066;
}

[type='color'] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
	width: 15px;
	height: 15px;
	border: none;
}

[type='color']::-webkit-color-swatch-wrapper {
	padding: 0;
}

[type='color']::-webkit-color-swatch {
	border: none;
}

.color-picker label {
	cursor: pointer;
}

.color-picker {
	cursor: pointer;
	font-size: 14px;
	padding: 10px 15px 8px 15px;
	border-radius: 3px;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	background-color: #f7f7f7;
}

.link_ads div.form-group label {
	font-size: 13px;
}

.link_ads div.form-group input {
	font-size: 13px;
}

img#img-uploaded2 {
	max-width: 100%;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}

a.addbtn_ads2 {
	border-radius: 3px;
	color: #fff;
	padding: 6px 20px;
	font-weight: 500;
	font-size: 13px;
	background-color: var(--main-color);
}

.ads_imagebox {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.tracking-orderstatus table tr {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

@media(max-width: 410px) {
	form#form1 .right {
		margin: 0 auto;
		margin-top: 10px;
		display: block;
		margin-left: 3px;
		text-align: center;
		margin: 0 auto;
	}

	form#form1 .left {
		padding: 30px;
		display: inline-block;
		width: 100%;
	}
}

/****************/
.css-tabtrack {
	display: flex;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #e9eef2;
}

.css-tabtrackli {
	min-width: 36px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 0px;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.5rem;
	cursor: pointer;
	transition: border 0.2s ease 0s;
	font-weight: 500;
	margin-left: 28px;
	color: #687587;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top: 2px solid rgb(0, 0, 0, 0.0);
	border-top: 2px solid rgba(0, 0, 0, 0.0);
}

div.css-tabtrack div.active-new {
	border-top: 2px solid var(--main-color);
	color: #333333;
}

.css-tabtrackli:hover {
	color: #333333;
}

/***************************/


.morris-donut-inverse svg text[font-size="14px"] {
	direction: rtl;
	fill: #333;
	font: 500 15px Arial !important;
	/*font: 800 20px Arial;*/
	/*font-size: 15px !important;*/
	/*font-size: 18px !important;*/
	transform: inherit;
}

.morris-donut-inverse svg text[font-size="15px"] {
	fill: #333;
	/*font: 600 18px Arial !important;*/
	font: 700 18px Arial !important;
	/*font-size: 18px !important;*/
	transform: inherit;
}

.morris-donut-inverse svg path[stroke="#ffffff"] {
	stroke: #fff;
}


/******************** dashboard submenu ********************/
.head_2menu {
	line-height: 1.8;
	font-size: 13px;
	color: #333;
	font-weight: 400;
	padding: 5px 15px;
	/*font-size: 13px;*/
	margin-bottom: 0;
}

.sub_menu2 {
	margin-bottom: 15px;
}

.sub_menu2 ul {
	padding-left: 0px;
	padding-right: 0px;
}

.sub_menu2 ul li {
	padding-right: 10px;
}

.sub_menu2 ul li a i {
	/*font-size: 12px;*/
	padding-left: 8px;
}

.box_carriers {
	position: relative;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 15px;
	border-radius: 3px;
	margin: 10px 0px;
}

.box_carriers:hover {
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border: 1px solid #e6e5e5;
}

.box_carriers01 {
	margin-top: 20px;
	text-align: center;
}

.box_carriers01 img {
	/*width: 100%;*/
	max-height: 60px;
	width: auto;
	height: auto;
}

.box_carriers01 h4 {
	text-align: center;
	font-size: 15px;
	margin-top: 15px;
}

.box_carriers02 {
	padding: 15px 0px;
}

.box_carriers02 ul li {
	font-size: 12px;
	font-weight: 500;
}

.box_carriers03 a {
	color: var(--main-color);
	font-size: 13px;
}

.box_carriers03 span {
	float: right;
}

.box_carriers03 span a {
	font-size: 12px;
	background-color: #fff;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: 500;
}

.box_carriers03 span a:hover {
	background-color: var(--main-color);
	color: #fff;
	border: 1px solid var(--main-color);
}

.showmenu {
	display: block !important;
}

.edit_buttoncar {
	float: left;
	display: inline-block;
	/*position: absolute;*/
	/*right: 15px;*/
	/*top: 10px;*/
}

.edit_buttoncar a {
	font-size: 12px;
	background-color: #fff;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	padding: 2px 10px;
	border-radius: 3px;
	font-weight: 500;
}

.edit_buttoncar a:hover {
	background-color: var(--main-color);
	color: #fff;
	border: 1px solid var(--main-color);
}

/*********************** button on ************************/
.onoffswitch {
	/*float: right;*/
	display: inline-block;
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	bottom: 4px;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	/* border: 1px solid #999999; */
	border-radius: 20px;
	margin-bottom: 0px;
}

.onoffswitch-inner {
	width: 200%;
	margin-right: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
	height: 30px;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	float: right;
	font-weight: 300;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 15px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-switch {
	width: 26px;
	margin: 2px;
	height: 26px;
	background: #FFF;
	border: 2px solid #999999;
	border-radius: 20px;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 59px;
	;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-right: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	left: 0px;
}

/*********************** button on ************************/


.box_menudashboard {
	width: 100%;
	position: relative;
	display: block;
}


.sub_menudash::-webkit-scrollbar,
.export-modal form::-webkit-scrollbar {
	background-color: #fff;
	width: 2px
}

/* background of the scrollbar except button or resizer */
.sub_menudash::-webkit-scrollbar-track,
.export-modal form::-webkit-scrollbar-track {
	background-color: #fff
}

.sub_menudash::-webkit-scrollbar-track:hover {
	/*background-color:var(--main-color)*/
}

/* scrollbar itself */
.sub_menudash::-webkit-scrollbar-thumb,
.export-modal form::-webkit-scrollbar-thumb {
	background-color: #d0d0d0;
	border-radius: 8px;
	border: 1px solid #d0d0d0;
}

.sub_menudash::-webkit-scrollbar-thumb:hover {
	/*background-color:#fff;*/
	/*border:4px solid var(--main-color)*/
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {
	display: none
}

/************** customers*********************/
.table_customerside {
	margin: 10px 0px;
	width: 100%;
	border-radius: 5px;
	/*border: 1px solid #e5e5e5;*/
}

.table_customerside tr th {
	font-size: 12px;
	font-weight: 500;
	padding: 10px 5px;
}

.table_customerside tr td {
	font-size: 12px;
	font-weight: 400;
	padding: 10px 5px;
	border-top: 1px solid #e5e5e5;
}

.text_right {
	text-align: right;
}

.qtycss {
	color: var(--main-color);
	font-weight: 600 !important;
	/*font-size: 16px!important;*/
}

.text14 {
	font-size: 14px;
}

button.cancel_returnbtn.btn {
	border: 1px solid var(--main-color);
	font-size: 13px;
	color: var(--main-color);
}

.input-group-prepend button {
	border: 0px solid #fff;
	background-color: #fff;
	z-index: 0 !important;
	font-size: 13px !important;
}

.input-group-prepend button:hover {
	border: 0px solid #fff;
	background-color: #fff;
	font-size: 13px !important;
	color: #6c757d;
	z-index: 0 !important;
}

.input-group-prepend button.btn-outline-secondary:not(:disabled):not(.disabled):active,
.input-group-prepend button.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.input-group-prepend button.btn-outline-secondary.dropdown-toggle {
	color: #6c757d;
	background-color: #fff;
	border-color: #fff;
}

.input-group-prepend button.btn-outline-secondary:focus,
.input-group-prepend button.btn-outline-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 0%);
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);
}

.form_size select#inputGroupSelect03 {
	font-size: 13px;
}

select.selectbtn {
	background-color: white;
	border: 1px solid var(--main-color);
	padding: 3px 5px;
	border-radius: 3px;
	font-weight: 500;
	color: var(--main-color);
	margin: 2px 5px;
}

:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}


.switch_active input.toggle-switch {
	--clr-checked: #df2;
	--clr-unchecked: #eee;
	--clr-focus: var(--clr-checked);
	--clr-background-checked: rgb(239 235 245);
	--clr-background-checked: rgba(239, 235, 245);
	/*--clr-background-checked: rgba(0,0,0,0.6);*/
	--clr-background-unchecked: rgb(239 235 245);
	--clr-background-unchecked: rgba(239, 235, 245);
	--clr-background-hover: rgba(0, 0, 0, 0.4);
	--clr-shadow: rgba(0, 0, 0, 0.75);
	--clr-highlight: rgba(255, 255, 255, 0.75);
	--transition-length: 200ms;
	--transition: cubic-bezier(0.76, 0.08, 0.54, 1.4);
	--size-height: 1.5em;
	--size-width: 3em;
	--size-gap: 0.2em;
	--size-focus: var(--size-gap);
	--size-shadow: var(--size-gap);
	appearance: none;
	outline: none;
	position: relative;
	cursor: pointer;
	width: var(--size-width);
	height: var(--size-height);
	border-radius: calc(var(--size-height) / 2);
	background: var(--clr-background-unchecked);
	box-shadow: inset 0 0 calc(var(--size-height) / 4) var(--clr-shadow);
}

.switch_active input.toggle-switch:focus {
	box-shadow: 0 0 0 var(--size-focus) #a89abd1f, inset 0 0 calc(var(--size-height) / 4) rgb(105 0 255 / 20%);
	box-shadow: 0 0 0 var(--size-focus) #a89abd1f, inset 0 0 calc(var(--size-height) / 4) rgba(105, 0, 255, 0.20);
}

.switch_active input.toggle-switch:checked {
	background: var(--clr-background-checked);
}

.switch_active input.toggle-switch:hover {
	background: rgb(219 219 219 / 40%);
	background: rgba(219, 219, 219, 0.40);
}

.switch_active input.toggle-switch::after {
	content: "";
	position: absolute;
	top: var(--size-gap);
	right: var(--size-gap);
	bottom: var(--size-gap);
	width: calc(var(--size-height) - (var(--size-gap) * 2));
	border-radius: 50%;
	background: var(--clr-unchecked);
	box-shadow: inset 0 0 calc(var(--size-height) / 4) var(--clr-highlight), 0 0 var(--size-shadow) 0 var(--clr-shadow);
	transition: right var(--transition-length) var(--transition), background var(--transition-length) var(--transition);
}

.switch_active input.toggle-switch:checked::after {
	right: calc(var(--size-width) - var(--size-height) + var(--size-gap));
	background: var(--clr-checked);
}

.switch_active input.toggle-switch+label {
	font-size: 13px;
	margin-right: 10px;
	vertical-align: middle;
}

.switch_active input.toggle-switch.tight {
	--clr-checked: #3df;
	--clr-unchecked: #baf4ff;
	--clr-background-checked: #176777;
	--clr-background-hover: #27afcc;
	--transition-length: 150ms;
	--size-width: 2.65em;
	--size-height: 1.8em;
	--size-gap: 0.1em;
	--size-focus: 0.15em;
	--size-shadow: 0.2em;
}

.switch_active input.toggle-switch.oversize {
	--clr-checked: var(--main-color);
	--clr-unchecked: #fff;
	--clr-focus: #a89abd;
	--clr-shadow: rgb(105 0 255 / 24%);
	--clr-highlight: rgb(105 0 255 / 24%);
	--clr-shadow: rgba(105, 0, 255, 0.24);
	--clr-highlight: rgba(105, 0, 255, 0.24);
	--size-width: 2.5em;
	--size-height: 1em;
	--size-gap: -0.2em;
	--size-focus: 0.22em;
	--size-shadow: 0.2em;
}

.switch_active {
	display: inline-block;
}

.right_savebtn {
	margin-top: -8px;
	float: left;
	display: inline-block;
}

.right_savebtn a {
	background-color: #6800fe;
	color: #fff;
	font-size: 13px;
	padding: 6px 20px;
}

.right_savebtn a:hover {
	background-color: #6200ed;
	color: #fff;
	font-size: 13px;
	padding: 6px 20px;
}

.box_return div.head_returnhead {
	font-size: 14px;
	font-weight: 500;
}

.box_return p {
	font-size: 13px;
	font-weight: 500;
}

.select_address {
	border: 1px solid #ced4da;
	width: 100%;
	/*max-width: 300px;*/
	min-width: 250px;
	border-radius: 3px;
	font-size: 13px;
	padding: 5px 30px 5px 10px;
}

.box_selbox {
	position: relative;
}

.box_selbox i {
	position: absolute;
}

.box_selbox i {
	color: #8a8a8a;
	position: absolute;
}

.filter_ship4 .dropdown-menu {
	left: -130px !important;
	top: 15px !important;

}

.div_marb {
	margin-bottom: 20px;
}

.box_selbox div.form-group {
	font-size: 13px;
	font-weight: 500;
	margin-left: 5px;
}

.bootstrap-select.btn-group .dropdown-menu {
	min-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.open>.dropdown-menu {
	display: block;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	position: static;
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.hidden {
	display: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0;
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

button.btn.dropdown-toggle {
	border: 1px solid #ced4da;
	font-size: 13px;
	padding: 5px 25px 5px 10px;
	border-radius: 3px;
	max-width: 250px;
	min-width: 250px;
}

.dropdown-menu.open {
	max-width: 300px;
	min-width: 250px !important;
	font-size: 13px;
}

.dropdown-menu>li>a {
	font-size: 13px;
}

.bs-searchbox .form-control {
	margin-bottom: 0;
	width: 100%;
	float: none;
	font-size: 13px;
}

.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
	font-size: 13px;
}

.nrecss {
	max-width: 250px;
	min-width: 250px;
	font-size: 13px;
}

.tab-content div.tab-pane.fade.active {
	opacity: 1;
}

.reque_tab ul.nav-tabs>li {
	border-radius: 4px 4px 0px 0px;
	cursor: pointer;
	margin: 1px;
	line-height: 17px;
}

.reque_tab ul.nav-tabs {
	padding-bottom: 5px;
}

.reque_tab .tab-content {
	padding: 15px 10px;
	margin: 0px 2px;
	border: 1px solid #dddddd;
	/*border-top: 0px solid #dddddd;*/
}

.reque_tab ul.nav-tabs {
	border-bottom: 0px solid #dee2e6;
}

.reque_tab ul.nav-tabs>li>a {
	font-size: 12px;
	font-weight: 500;
	padding: 10px 25px;
	color: #555;
	cursor: pointer;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.reque_tab ul.nav-tabs>li>a.active {
	cursor: pointer;
	border-radius: 4px 4px 0px 0px;
	color: #fff;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	border-bottom-color: transparent;
}

.reque_tab ul.nav-tabs>li a.active {
	border-bottom: 1px solid var(--main-color) !important;
}

.viewall_button {
	text-align: left;
	border-top: 1px solid #ddd;
	margin-top: 6px;
	padding-top: 6px;
	position: relative;
}

.viewall_button a {
	font-size: 11px;
}

.table_viewall {
	display: none;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #f3f3f3;
	background-color: #fff;
}

.table_viewall td.css-hohthm {
	padding: 5px 5px;
}

.box_return {
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 10px 20px;
}

th.th-bg.p-sm.pv-md,
th.b-w,
.table-responsive.table_datatd th {
	font-weight: 600;
	font-size: 13px;
}

.table_datatd td {
	font-size: 13px;
}

.return_req,
.return_req td {
	vertical-align: middle !important;
}

.has-search .form-control {
	font-size: 13px;
	padding-right: 2rem;
}

.has-search .form-control-feedback {
	font-size: 13px;
	position: absolute;
	z-index: 2;
	display: block;
	width: 2rem;
	height: 2rem;
	line-height: 2.1rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
}

.box_selbox input {
	font-size: 13px;
}

/*.multipleChosen, .multipleSelect2{
width: 300px;
}*/
.box_selbox select,
.box_selbox input {
	font-size: 13px;
}

div.chosen-container.chosen-container-multi {
	width: 100% !important;
}

.chosen-container-multi .chosen-choices {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px) !important;
	padding: 0.275rem 0.75rem !important;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.chosen-container-multi .chosen-choices li {
	font-size: 13px;
	line-height: 26px;
}

.chosen-container .chosen-results li {
	font-size: 13px;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	width: 100% !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

a.back_btn {
	padding-left: 15px;
	font-size: 15px;
	text-decoration: underline;
}

.button_line {
	border: 1px solid var(--main-color);
	font-size: 13px;
	color: var(--main-color);
}

.button_line:hover {
	border: 1px solid var(--main-color);
	font-size: 13px;
	color: #fff;
	background-color: var(--main-color);
}

.text_css {
	display: inline-block;
	font-size: 13px;
}

.form-control01 {
	display: inline-block;
	width: 230px;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.div_inline {
	margin-right: 20px;
	display: inline-block;
	margin-bottom: 20px;
}

.div_inlineright {
	float: left;
	margin-bottom: 20px;
}

.p_smallcss {
	font-size: 13px;
}

.font20 {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

button.btn.startcss {
	width: 100%;
	border: 0px solid #fff;
	font-size: 14px;
	padding: 10px 10px;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
}

a.continu_shi {
	width: 100%;
	border: 0px solid #fff;
	font-size: 14px;
	padding: 10px 10px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
}

a.continu_shi:hover .right_icons {
	right: 20px;
}

.right_icons {
	top: 5px;
	/* float: right; */
	font-size: 20px;
	left: 10px;
	position: absolute;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.left_icons {
	top: 5px;
	/* float: right; */
	font-size: 20px;
	right: 10px;
	position: absolute;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

a.continu_shi:hover .left_icons {
	right: 20px;
}

button.btn.startcss:hover .right_icons {
	left: 20px;
}

.customer_returndetails {
	padding: 50px 0px;
}

.input-retruncss {
	font-size: 13px;
	margin-bottom: 20px;
}

.input-retruncss input,
.input-retruncss select,
.input-retruncss tex-area {
	font-size: 13px;
	margin-top: 5px;
}

table.table_orderreturn tr th {
	font-size: 13px;
	padding: 8px 10px;
	font-weight: 400;
	background-color: #f3f3f3;
}

table.table_orderreturn tr td {
	padding: 15px 10px;
	vertical-align: top;
}

table.table_orderreturn tr td div.order-productdetails {
	font-size: 12px;
}

/*table.table_orderreturn  tr:nth-child(even){*/
table.table_orderreturn tr {
	/*background-color: #f3f7ff;*/
	border-bottom: 1px solid #ededed;
}

table.table_orderreturn tr:hover {
	background-color: #f3f7ff;
	border-bottom: 1px solid #ededed;
}

.textarea_reason {
	margin-top: 10px;
}

.textarea_reason textarea {
	font-size: 13px;
}

.box_returnisconfirmed {
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 12%);
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.12);
	padding: 2em;
	text-align: right;
}

.re_addressline {
	margin-top: 10px;
}

h5.font16 {
	font-size: 16px;
	font-weight: 700;
}

.re_addressline p {
	font-size: 13px;
	margin-bottom: 1px;
}

.order-productdetails div.inline_divx {
	padding-right: 25px;
	display: inline-block;
}

.inline_divx span b {
	font-size: 12px;
	font-weight: 600;
	color: #555555;
	margin-bottom: 0px;
	/* line-height: 1; */
	/* display: block; */
}

.UserProfileForm-Form div label {
	font-size: 13px;
	font-weight: 500;
}

.UserProfileForm-Form div input.form-control {
	font-size: 13px;
	font-weight: 500;
}

p.form_boxt label {
	font-size: 14px;
}

p.form_boxt input {
	font-size: 14px;
}

.box_tableorder {
	padding: 1em;
	box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 12%);
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.12);
}

.box_tableorder .css-hohthm {
	padding: 15px 10px;
	border: 1px solid #eaeaea;
}

.UserProfileForm--role {
	font-size: 13px;
}

.country_numbrt {
	position: relative;
}

.country_numbrt {
	padding-left: 90px;
	margin-bottom: 10px;
}

.country_numbrt select.countycode.form-control {
	position: absolute;
	left: 0;
	padding-left: 0px;
	width: 80px;
	/*height: 38px;*/
	font-size: 14px;
}

.country_numbrt input {
	font-size: 14px;
}

.box_barandcss {
	border-radius: 3px;
	margin: 5px;
	padding: 15px;
	border: 1px solid #e5e5e5;
}

.form_com label {
	font-size: 13px;
}

.form_com input {
	font-size: 13px;
}

.form_com {
	margin-top: 10px;
}

.radiobtnbox label input {
	margin-right: 5px;
}

.radiobtnbox label {
	margin-right: 15px;
}

.profile_box {
	border-radius: 50%;
	text-align: center;
	width: 100px;
	font-weight: 600;
	font-size: 30px;
	color: white;
	line-height: 100px;
	background-color: #d0d0d0;
	height: 100px;
	margin: 0 auto;
}

div.box_borderprie h3.current-plan {
	font-size: 12px;
	color: var(--main-color);
}

div.box_borderprie h2.plan_head {
	font-size: 1.2rem;
	/*margin-bottom: 0;*/
}

.p_css13 {
	font-size: 13px;
	/*margin-bottom: 0;*/
	/*padding: 6px 0px;*/
}

.p_new13 {
	position: relative;
	font-size: 13px;
	padding: 6px 0px;
	padding-right: 25px;
	margin-bottom: 0;
}

.p_new13 span {
	position: absolute;
	color: var(--main-color);
	vertical-align: middle;
	margin-right: 5px;
	right: 0;
}

a.upgrade_btn {
	background-color: var(--main-color);
	color: #fff;
	font-size: 13px;
	padding: 8px 15px;
	border-radius: 3px;
}

.h3-plan {
	margin-bottom: 0;
	font-size: 18px;
	color: var(--main-color);
}

.upgrade_div {
	font-size: 18px;
	padding: 10px 5px;
}

.upgrade_div span {
	color: var(--main-color);
	font-size: 13px;
	float: left;
	cursor: pointer;
}

.div_pprice span {
	font-size: 13px;
}

.div_pprice h3 {
	font-size: 24px;
}

.contact_sales {
	margin: 10px 0px;
	cursor: pointer;
	font-weight: 600;
	border-radius: 3px;
	display: inline-block;
	font-size: 15px;
	border: 2px solid var(--main-color);
	padding: 8px 35px;
}

.contact_sales:hover {
	color: #fff;
	cursor: pointer;
	background-color: var(--main-color);
	border: 2px solid var(--main-color);
}

.custom_edit select {
	font-size: 13px;
	display: inline-block;
}

.mon-year {
	width: 100px;
}

.labels_select {
	width: 50%;
}

.custom_edit {
	padding: 15px 0px;
	margin: 0 auto;
	text-align: center;
}

a.start_free {
	background-color: var(--main-color);
	color: #fff;
	font-size: 13px;
	padding: 7px 10px;
	border-radius: 3px;
}

.head_addressbox {
	color: #fff;
	background-color: var(--main-color);
	padding: 10px 15px;
}

.head_addressbox h3 {
	margin-bottom: 0px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	display: inline-block;
}

.head_addressbox span {
	cursor: pointer;
	float: left;
	font-size: 12px;
	margin-top: 0px;
	padding: 3px 10px;
	border-radius: 3px;
	border: 1px solid white;
}

.address_classbox {
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	/* border: 1px solid #f2f2f2; */
	/* overflow: hidden; */
}

td.addre_details div {
	font-size: 13px;
	padding: 10px;
}

td.iconadd {
	font-size: 22px;
	color: var(--main-color);
	padding: 5px;
}

div.iconadd {
	font-size: 22px !important;
	color: var(--main-color);
	display: flex;
	align-items: center;
	padding: 0px !important;
}

.css-hn7awi .ui-sortable tr {
	cursor: move;
}

td.set_default {
	font-size: 13px;
	padding: 10px;
}

td.edit_addresstd a {
	font-size: 13px;
	color: var(--main-color);
	cursor: pointer;
}

.address_table01 {
	width: 100%;
}

td.set_default div i {
	color: var(--main-color);
}

.single_address {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	margin: 5px;
}

.single_address:last-child {
	border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

.single_address:hover {
	background-color: #f8f8f8;
}

h2.bill_head {
	font-size: 16px;
	margin-bottom: 0px;
}

.card_img img {
	width: 100%;
}

.card_img {
	overflow: hidden;
	width: 40px;
	display: inline-block;
	margin-right: 3px;
	box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 9%);
	box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.09);
	border-radius: 3px;
}

button.btn_border {
	margin: 5px 0px;
	border-radius: 3px;
	padding: 6px 15px;
	font-size: 13px;
	color: var(--main-color);
	font-weight: 500;
	border: 1px solid var(--main-color);
	background-color: white;
}

button.btn_border:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
}

button.btn_backblue {
	margin: 5px 0px;
	font-weight: 500;
	border-radius: 3px;
	padding: 6px 15px;
	font-size: 13px;
	color: #fff;
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
}

button.btn_backblue:hover {
	color: var(--main-color);
	border: 1px solid var(--main-color);
	background-color: white;
}

.user_ptag {
	font-size: 12px;
}

.user_ptag h6 {
	font-size: 14px;
}

p.p_sub {
	margin-bottom: 5px;
}

button.next_btnsend {
	border-radius: 3px;
	/* width: 100%; */
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: #fff;
	padding: 6px 25px;
	font-size: 13px;
	text-transform: uppercase;
}

.promo_codeinput {
	font-size: 13px;
	max-width: 500px;
}

.balance_text {
	font-size: 14px;
}

.balance_text img,
.balance_text svg {
	margin-bottom: 10px;
}

.balance_amount span {
	color: #212529;
	font-size: 28px;
	font-weight: 600;
	margin-left: 14px;
	margin-right: 14px;
}

.balance_amount {
	margin-top: 10px;
}

p.p_small {
	font-size: 12px;
}

a.icon_addandminus {
	vertical-align: middle;
	height: 25px;
	text-align: center;
	width: 25px;
	font-size: 13px;
	line-height: 15px;
	border-radius: 50%;
	margin-bottom: 7px;
	padding: 4px;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	display: inline-block;
}

a.icon_addandminus:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
}


.tooltip {
	opacity: 1;
	position: relative;
}

.tooltip .tooltiptext {
	left: -60px;
	visibility: hidden;
	width: 120px;
	background-color: var(--main-color);
	color: #fff;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 35px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

@media(min-width: 1200px) {
	.box_selbox {
		width: 60%;
	}
}

@media(max-width: 767px) {
	table.address_table01 {
		width: 500px;
		/* overflow: scroll; */
		/*overflow-y: scroll;*/
		/*table-layout: fixed;*/
	}

	table.address_table01 tr td {
		width: unset;
	}

	.single_address {
		overflow-y: scroll;
	}

	.div_inlineright {
		float: none;
		margin-bottom: 20px;
	}

	.head_returnhead {
		text-align: left;
	}

	.reque_tab ul.nav-tabs>li>a {
		padding: 10px 3px;
	}

	button.cancel_returnbtn.btn {
		margin-bottom: 10px;
	}
}


/*************** store connect****************/
.box_store {
	position: relative;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 15px;
	border-radius: 3px;
	margin-bottom: 30px;
}

.box_store:hover {
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border: 1px solid #e6e5e5;
}

.box_store01 {
	margin-top: 20px;
	text-align: center;
}

.box_store01 img {
	/*width: 100%;*/
	max-height: 60px;
	width: auto;
	height: auto;
}

.box_store01 h4 {
	color: black;
	text-align: center;
	font-size: 15px;
	margin-top: 15px;
}

.connect_btn {
	font-size: 14px;
	background-color: var(--main-color);
	color: #fff;
	padding: 3px 20px;
	border-radius: 3px;
	display: inline-block;
	margin-top: 5px;
	font-weight: 500;
}

.connected_btn {
	font-size: 14px;
	/*background-color: var(--main-color);*/
	color: var(--main-color);
	padding: 3px 20px;
	border-radius: 3px;
	display: inline-block;
	margin-top: 5px;
	font-weight: 500;
}

.form_boxstore {
	padding: 25px 2px;
}

.form_store label.control-label {
	font-size: 13px;
	margin-top: 7px;
}

.form_store .controls input {
	font-size: 14px;
}

.form_store .controls select {
	font-size: 14px;
}

.form_store {
	padding: 5px 0px;
}

div.formstore .left {
	display: inline-block;
	width: 140px !important;
}

div.formstore .left img {
	width: 100%;
}

div.formstore .right {
	display: inline-block;
	vertical-align: bottom;
}

.store_p {
	margin-top: 10px;
	font-size: 13px;
}

button.sbtn_store {
	border: 1px solid var(--main-color);
	color: #fff;
	background-color: var(--main-color);
	font-size: 13.3px;
	padding: 5px 25px;
	border-radius: 3px;
}

@media(min-width: 768px) {
	.bl {
		border-left: 2px solid rgba(0, 0, 0, .12);
	}

	.bb {
		border-bottom: 2px solid rgba(0, 0, 0, .12);
	}
}

@media(max-width: 768px) {
	.form_store {
		border-bottom: 1px solid rgba(0, 0, 0, .12);
		margin-bottom: 40px;
	}

	button.sbtn_store {
		padding: 5px 15px;
	}
}

.store_div h6 {
	font-weight: 600;
	font-size: 14px;
}

.store_div ol li {
	font-weight: 200;
	font-size: 12px;
}

.store_div ol.pl-lg {
	padding-right: 20px;
	margin-right: 0;
}

/*********************** button on 2 ************************/
.onoffswitch2 {
	/*float: right;*/
	display: inline-block;
	position: relative;
	width: 70px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	bottom: 4px;
}

.onoffswitch2-checkbox {
	display: none;
}

.onoffswitch2-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #999999;
	border-radius: 20px;
	margin-bottom: 0px;
}

.onoffswitch2-inner {
	width: 200%;
	margin-right: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
	height: 30px;
}

.onoffswitch2-inner:before,
.onoffswitch2-inner:after {
	float: right;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 12px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch2-inner:before {
	content: "";
	padding-right: 11px;
	background-color: var(--main-color);
	color: #FFF;
}

.onoffswitch2-inner:after {
	content: "";
	padding-right: 11px;
	background-color: #f9f9f9;
	color: #999999;
	text-align: left;
}

.onoffswitch2-switch {
	width: 26px;
	margin: 2px;
	height: 26px;
	background: #FFF;
	border: 2px solid #999999;
	border-radius: 20px;
	position: absolute;
	top: 1px;
	bottom: 0;
	left: 38px;
	;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch2-checkbox:checked+.onoffswitch2-label .onoffswitch2-inner {
	margin-right: 0;
}

.onoffswitch2-checkbox:checked+.onoffswitch2-label .onoffswitch2-switch {
	left: 0px;
}

/*********************** button on 2 ************************/


.delete_btnpack1 {
	border-radius: 3px;
	border: 1px solid white;
	color: var(--main-color);
	background-color: white;
	font-size: 13px;
	padding: 5px 0px;
	font-weight: 500;
	/* width: 90px; */
	margin: 5px;
	float: right;
}


.loader_config {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../image/loder-cofig1.gif) 50% 50% no-repeat rgb(255 255 255 / 80%);
	background: url(../image/loder-cofig1.gif) 50% 50% no-repeat rgba(255, 255, 255, 0.80);
}

.sidedbar_active .loader_config {
	right: 75px;
}

@media(max-width: 768px) {
	.loader_config {
		right: 0px;
	}

	.site-footer {
		left: 0px;
		width: 100%;
		right: 0;
	}

	.login_footer {
		right: 0;
		left: 0px;
		width: 100%;
	}

	.sidebar_toggle_new {
		display: none;
	}

	.sidedbar_active .mar_leftcss {
		margin-right: 0px !important;
	}

	.edit_packagebox {
		width: 100%;
		left: auto;
		top: 30px;
	}
}

@media only screen and (min-width: 768px) {
	.sidedbar_active .mar_leftcss {
		margin-right: 75px !important;
	}
}

@media(max-width: 600px) {
	.css-box01 {
		display: flex;
	}

	/* .css-boxa02 {
		margin-top: 10px;
		margin-right: 0px;
	}

	.css-boxa02 select {
		width: 100%;
	} */

	.head_addressbox h3 {
		font-size: 13px;
	}

	.css-inputpack {
		text-align: right;
	}

	.head_addressbox span {
		cursor: pointer;
		float: left;
		font-size: 10px;
	}
}

.font16 {
	font-size: 16px;
}

.font14 {
	font-size: 14px;
}

.font13 {
	font-size: 13px;
}

.font12 {
	font-size: 12px;
}

.color_gray {
	color: #767676;
}

.remove_token {
	float: left;
}

.data_token span {
	font-size: 13px;
}

.remove_token {
	color: #ad0000;
	font-size: 12px;
	cursor: pointer;
}

.tokens_box {
	margin-bottom: 15px;
}

.disabled {
	opacity: 0.4;
}

.edit_automessage {
	padding: 10px 0px;
}

.edit_automessage span.span_01 {
	font-size: 13px;
	font-weight: 500;
}

.edit_automessage span.span_01 i {
	border: 1px solid var(--main-color);
	color: var(--main-color);
	margin-right: 10px;
	padding: 7px;
	border-radius: 50%;
}

span.span_02edit {
	cursor: pointer;
	font-weight: 500;
	color: var(--main-color);
	float: right;
	font-size: 13px;

}

.border_email {
	padding-bottom: 10px;
	border-bottom: 1px solid #f3eaff;
	margin-bottom: 20px;
}

/******************** automation**********************/

.box_automation {
	margin-bottom: 1.5rem;
	border: 1px solid #cad6db;
	border-radius: 0.375rem;
	box-sizing: border-box;
	padding: 0.75rem 1rem;
	display: grid;
	grid-template-columns: 4.0625rem 1fr;
}

.css-ifbox {
	line-height: 3.2;
	color: #1b1d1d;
	font-weight: 500;
	font-size: 0.92rem;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.css-autobox {
	display: flex;
	padding: 0.375rem 0px;
}

.css-closeauto {
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin-right: 0.625rem;
	flex: 0 0 0%;
	align-self: center;
	color: rgb(232, 65, 85);
}

.css-select01 {
	width: 100%;
}

.css-select02 {
	width: 100%;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
}


.css-autobox select,
.css-autobox input {
	font-size: 13px;
}

button.css-closeauto i {
	font-size: 18px;
}

.div_colauto {
	grid-column: auto / span 2;
}

.css-select03 {
	width: 100%;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: minmax(0px, 1fr);
}

@media(min-width: 768px) {
	.css-select02 {
		grid-template-columns: repeat(2, minmax(0px, 1.4fr)) repeat(2, minmax(0px, 1fr));
	}

	.div_colauto {
		grid-column: auto / auto;
	}

	.css-select03 {
		grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
	}
}

input.auto_number::-webkit-outer-spin-button,
input.auto_number::-webkit-inner-spin-button {
	-webkit-appearance: auto;
	margin: 0;
}

.action_rightbtn a {
	margin-left: 5px;
	font-size: 13px;
	cursor: pointer;
}

a.edit-address {

	color: var(--main-color);
}

a.delete-role {
	color: #b90000;
}

.disinline {
	display: inline-block;
	margin-right: 10px;
}

.row.filter_forms {
	margin-bottom: 25px;
}

.email_templateedit h5.css_h5text {

	font-size: 15px;
}

.email_templateedit form#form1 .left {
	display: inline-block;
	max-width: 145px;
}

.email_templateedit img#img-uploaded {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
}




/**************************/
.flex-grow-1 {
	display: flex;
	list-style: none;
	padding-left: 0;
}

.flex-grow-1 .flex-1 {
	flex-grow: 1;
	margin-right: 15px;
	font-size: 12px;
}

courier-details ul li {
	list-style: none;
}

courier-details ul li span.label {
	color: #202020;
	font-size: 12px;
	display: inline-block;
	padding-left: 15px;
	margin-bottom: 0px;
	font-weight: 700;
	padding: .2em .6em .3em;
	white-space: nowrap;
	vertical-align: baseline;
}

.details_add {
	font-weight: 300;
	line-height: 1.52857143;
	padding: 7px 10px;
	border-radius: 3px;
	background-color: #f6f6f6;
	font-size: 12px;
}

.box_courier {
	padding: 15px 15px 15px;
	border: 1px solid #ededed;
	border-radius: 10px;
	margin-bottom: 20px;
}

img.img-responsive {
	width: 100%;
}

.font-18 {
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 18px;
}

.font-12 {
	margin-bottom: 0px;
	font-size: 12px;
}

.rating_boxall {
	border-bottom: 1px solid #e9e9e9;
	display: flex;
	font-size: 11px;
	overflow-x: auto;
	padding-bottom: 10px;
}

.rating-box {
	text-align: center;
	margin-right: 10px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}

.text-black {
	color: #000;
}

.service_ul {
	list-style: none;
	padding-top: 5px;
	color: #212121;
	padding-right: 0;
	font-size: 11px;
	margin-bottom: 0;
}

.service_ul li {
	display: inline-block;
	font-size: 12px;
	flex-grow: 1;
	padding-bottom: 15px;
	margin-left: 51px;
}

.service_ul li span i {
	color: var(--main-color);
	margin-left: 5px;
}

.row.v-center {
	/*margin-top: 15px;*/
}

.grey-light {
	background-color: #f6f6f6;
}

.grey-light.price {
	margin: -15px 0 0;
	border-top-right-radius: 10px;
	display: flex;
	justify-content: flex-start;
	padding-top: 10px;
}

.grey-muted {
	color: #737373;
}

.font-11 {
	font-size: 11px;
}

.font-18 {
	font-size: 18px;
}

.side_pricediv p {
	margin-bottom: 5px;
}

.text-bold {
	font-weight: 600;
}

.blue_color {
	color: var(--main-color);
}

div#select_courierpartner {
	padding: 0px !important;
}

div#select_courierpartner .modal-content {
	height: 100%;
}

div#select_courierpartner .modal-body {
	overflow-y: scroll;
}

.model-footersub {
	padding-bottom: 15px;
	/* padding: 5px 0px; */
	position: absolute;
	bottom: 5px;
	right: 50px;
	width: 100%;
	background-color: #fff;
}

.pagination_div {
	margin-top: 10px;
	text-align: center;
}

.pagination_div ul li {
	list-style: none;
	display: inline-block;
}

.pagination_div ul {
	padding-left: 0;
}

.pagination_div ul li a {
	display: inline-block;
	margin: 2px 0px;
	font-weight: 500;
	font-size: 12px;
	/*cursor: not-allowed;*/
	text-decoration: none;
	padding: 6px 12px;
	line-height: 14px;
	border: 1px solid #dddddd;
	background-color: white;
	color: #687587;
}

.pagination_div ul li a:hover {
	color: var(--main-color);
	background-color: #f7f7f7;
}

.pagination_div ul li a.active {
	background-color: var(--main-color);
	color: #fff;
}

.pagination_div ul li a.active:hover {
	background-color: var(--main-color);
	color: #fff;
}

.box_courier.active {
	border: 2px solid var(--main-color);
	overflow: hidden;
}

.notification_a {
	position: relative;
}

.count_notification {
	position: absolute;
	top: 0px;
	right: 0px;
}

.count_notification {
	line-height: 21px;
	width: 18px;
	position: absolute;
	top: -8px;
	right: 10px;
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	height: 20px;
	color: #fff;
	background-color: var(--main-color);
	font-weight: 600;
}

.dropdown_noti {
	left: 0px;
	position: absolute;
	top: 40px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: calc(85vh - 25px);
	overflow: hidden;
	width: 250px;
	z-index: 99;
}

.head_noti h6 {
	display: inline-block;
	font-size: 13px;
}

.head_noti a {
	display: inline-block;
	font-size: 12px;
	float: left;
}

.head_noti {
	padding: 5px 15px;
}

.date_timenoti {
	background-color: var(--main-color);
	padding: 5px 10px;
	text-align: right;
	font-size: 12px;
	line-height: 17px;
	color: white;
}

.content_noti {
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	min-height: 42px;
	padding: 10px 15px 10px 10px;
	font-size: 12px;
	line-height: 17px;
}

.time_deli-noti {
	min-width: 50px;
	text-align: left;
	color: #c4cdd5;
	padding-left: 10px;
}

.time_deli-noti>a {
	display: none;
	font-size: 16px;
	line-height: 21px;
	color: #000;
}

.content_noti:hover .time_deli-noti>span {
	display: none !important;
}

.content_noti:hover .time_deli-noti>a {
	display: inline-block !important;
}

.notification_box {
	border-bottom: 1px solid #ebedef;
}

.showfull_noti {
	padding: 2px 10px 10px 15px;
	font-size: 12px;
	line-height: 17px;
}

.form-check-inline .form-check-input {
	margin-right: 0;
	margin-left: 0.3125rem;
}

.form-check-inline {
	margin-right: 0rem;
	margin-left: 0.75rem;
}

.chosen-container-multi .chosen-choices li {
	float: right !important;
	list-style: none;
}

li.search-choice,
li.result-selected,
li.active-result.highlighted {
	font-weight: 500 !important;
}

li.LineItem span {
	direction: ltr;
}

div#donut-example {
	direction: ltr;
}

.balance_amount {
	direction: ltr;
}

.store_div ol li p b {
	font-weight: 600;
}

.css-boxa022 select {
	margin: 8px 0px;
	border: 1px solid #bcc2c8;
	padding-left: 10px;
	height: 32px;
	border-radius: 3px;
	font-size: 13px;
	width: 280px;
}

.edit_addtessbtn {
	color: var(--main-color);
	cursor: pointer;
	float: left;
	font-size: 13px;
}

.order_step span.cc_01 {
	font-weight: 400;
	font-size: 18px;
	margin-right: 5px;
}

.order_step span.active_steptext {
	margin-right: 5px;
}

.order_step span.active_number {
	color: var(--main-color);
	font-weight: 500;
}

.css_h5text01 {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 0px;
}

.css-downloadlebels {
	/* font-family: Roboto, pragmatica-web, "Helvetica Neue", Helvetica, Arial, sans-serif; */
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	outline: none;
	border-radius: 5px;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: 500;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
	color: #fff !important;
	background-color: var(--main-color) !important;
	border: 1px solid var(--main-color);
}

span.btn_recharge {
	color: var(--main-color);
	border-radius: 20px;
	background-color: white;
	padding: 4px 16px;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
}

span.btn_recharge:hover {
	box-shadow: 3px 2px 7px 0px rgb(0 0 0 / 20%);
	box-shadow: 3px 2px 7px 0px rgba(0, 0, 0, 0.20);
	padding: 4px 18px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

label.card_bankadd div.card-input div.panel-heading {
	font-size: 13.5px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-right: 22px;
}

label.card_bankadd input {
	top: 15px;
	position: absolute;
	right: 30px;
}

label.card_bankadd {
	display: block;
}

label.card_bankadd div.card-input {
	padding: 10px 15px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	display: block;
	width: 100%;
}

.card_imgb img,
.card_imgb svg {
	width: 33px;
}

label.card_bankadd div.panel-body {
	text-align: center;
}

select.select_addresscou {
	cursor: pointer;
	color: #212529;
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 12px;
	width: 100%;
	border: 0px solid white;
	display: block;
	line-height: 1.52857143;
	padding: 7px 10px;
	border-radius: 3px;
	background-color: #f6f6f6;
}

.details_add {
	line-height: 1.52857143;
	padding: 7px 10px;
	border-radius: 3px;
	background-color: #f6f6f6;
}

.deliverto_add {
	display: block;
	position: relative;
	width: 100%;
	font-size: 12px;
}

.deliverto_add:hover .show_deliveryaddress {
	display: block !important;
	width: 100%;
}

.show_deliveryaddress {
	z-index: 9;
	top: 130%;
	left: 0%;
	/* right: 0%; */
	margin: 0 auto;
	background-color: white;
	padding: 10px;
	box-shadow: 0 0 14px 1px rgb(0 0 0 / 13%);
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.13);
	text-align: right;
	position: absolute;
}

.address_courier:hover .show_addresscourier {
	display: block !important;
	width: 100%;
}

.show_addresscourier {
	z-index: 9;
	top: 130%;
	left: 0%;
	/* right: 0%; */
	margin: 0 auto;
	background-color: white;
	padding: 10px;
	box-shadow: 0 0 14px 1px rgb(0 0 0 / 13%);
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.13);
	text-align: right;
	position: absolute;
}

.address_courier {
	display: block;
	position: relative;
	width: 100%;
}

.show_deliveryaddress:after,
.show_addresscourier:after {
	content: "";
	bottom: 100%;
	left: 20%;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #fff;
	border-image: initial;
	position: absolute;
	width: 0px;
	height: 0px;
}

.pick_css,
.rate_css {
	text-align: center;
	font-size: 13px;
	font-weight: 500;
}

.pick_css span {
	font-weight: 600;
	margin-top: 5px;
	display: inline-block;
}

.pick_css span i {
	color: var(--main-color);
}

.rate_css span {
	font-weight: 600;
	margin-top: 5px;
	display: inline-block;
}

.css_tableship {
	width: 100%;
	font-size: 13px;
}

table.css_tableship tr {
	border-bottom: 1px solid #ebebeb;
}

table.css_tableship td,
table.css_tableship th {
	padding: 10px;
}

.css_tableship td {
	font-size: 13px;
}

table.css_tableship th {
	text-align: left;
}

table.css_tableship td,
table.css_tableship th {
	padding: 10px;
}

.btnclosesub {
	font-size: 13px;
	border-radius: 3px;
	margin: 0 auto;
	padding: 9px 20px;
	text-align: center;
	display: inline-block;
}

.purchase_confirm {
	background-color: var(--main-color)00;
	padding: 13px;
	border-radius: 3px;
	font-size: 13px;
	border: 1px solid #e8def6;
	border-right: 3px solid var(--main-color);
}

.purchase_confirm span i {
	margin-left: 10px;
	padding: 5px;
	border-radius: 25px;
	box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 8%);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.08);
	font-size: small;
	color: var(--main-color);
	background-color: white;
}

.box_labelcss {
	padding: 15px;
	border: 1px solid #e8def6;
	margin-top: 20px;
}

.box_labelcss h5 {
	font-size: 13.5px;
	margin-bottom: 15px;
}

.box_labelcss div {
	font-size: 12px;
}

.box_labelcss div img,
.box_labelcss div svg {
	width: 30px;
	margin-left: 10px;
}

button.right_btn {
	border: 1px solid var(--main-color);
	color: #fff;
	background-color: var(--main-color);
	padding: 4px 12px;
	font-size: 12px;
	float: left;
	border-radius: 3px;
}

button.btn_clfso {
	border: 1px solid var(--main-color);
	padding: 7px 12px;
	color: #fff;
	background-color: var(--main-color);
	border-radius: 3px;
}

a.btn_clfso {
	border: 1px solid var(--main-color);
}

.css-textbtn {
	position: absolute;
	top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 30px);
	min-width: 30px;
}

.whatsapp_css {
	margin-top: 5px;
	vertical-align: middle;
	color: #05d755 !important;
	font-size: 16px;
	padding: 4px 5px;
	display: inline-block;
}

.emailicon_css {
	margin-top: 5px;
	vertical-align: middle;
	color: var(--main-color) !important;
	font-size: 15px;
	padding: 4px 4px;
	display: inline-block;
}

a.phonenum_css {
	border-radius: 32px;
	background-color: var(--main-color);
	color: #fff;
	vertical-align: middle;
	padding: 2px 13px;
	font-size: 13px;
	display: inline-block;
}

.whatsapp_css span,
.emailicon_css span,
.phonenum_css span {
	font-size: 12px !important;
	vertical-align: middle;
	line-height: 2;
}

.whatsapp_css i,
.emailicon_css i,
.phonenum_css i {
	vertical-align: middle;
}

.phone_numde {
	direction: ltr;
	unicode-bidi: embed;
	margin-left: 5px;
	vertical-align: middle;
}

a.phonenum_css:hover {
	box-shadow: 0px 0px 5px 0px rgb(105 0 255 / 59%);
	box-shadow: 0px 0px 5px 0px rgba(105, 0, 255, 0.59);
}

textarea#zid_connect_form_access_token,
textarea#zid_connect_form_x_manager_token {
	font-size: 14px;
}

.show_customerdetails {
	min-width: 155px;
	z-index: 9;
	top: 110%;
	left: 0%;
	/*right: 0%;*/
	margin: 0 auto;
	background-color: white;
	padding: 10px;
	box-shadow: 0 0 14px 1px rgb(0 0 0 / 13%);
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.13);
	text-align: right;
	position: absolute;
}

.show_customerdetails:after {
	content: "";
	bottom: 100%;
	right: 20%;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #fff;
	border-image: initial;
	position: absolute;
	width: 0px;
	height: 0px;
}

.customerdetails {
	cursor: pointer;
	position: relative;
	width: 200px;
	overflow: visible !important;
}

.customerdetails:hover .show_customerdetails {
	display: inline-block !important;
}


.white_iconmenu {
	display: none;
}

ul.menu_uldash li:hover>a>img.white_iconmenu {
	display: inline-block;
}

ul.menu_uldash li:hover>a>img.black_iconmenu {
	display: none;
}

a.opacity_low {
	cursor: none;
	opacity: 0.6;
}




.form p.fieldset,
.signup-form div.form-group,
.signup-form div.form-group div {
	display: block;
	position: relative;
}

.form label.email_label,
.form label.password_label {
	margin-bottom: 0rem;
	position: absolute;
	right: 0;
	top: -15px;
	cursor: text;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}

.signup-form div.form-group label {
	color: #495057;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: -18px;
	cursor: text;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;

}

.form input::-webkit-input-placeholder,
.signup-form input::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.form input::-moz-placeholder,
.signup-form input::-moz-placeholder {
	opacity: 0;
	transition: all .2s;
}

.form input:-ms-input-placeholder,
.signup-form input:-ms-input-placeholder {
	opacity: 0;
	transition: all .2s;
}

.form input::placeholder,
.signup-form input::placeholder {
	opacity: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.form input:invalid:not(:focus)::-webkit-input-placeholder,
.signup-form input:invalid:not(:focus)::-webkit-input-placeholder {
	opacity: 0;
}

.form input:invalid:not(:focus)::-moz-placeholder,
.signup-form input:invalid:not(:focus)::-moz-placeholder {
	opacity: 0;
}

.form input:invalid:not(:focus):-ms-input-placeholder,
.signup-form input:invalid:not(:focus):-ms-input-placeholder {
	opacity: 0;
}

.form input:invalid:not(:focus)::placeholder,
.signup-form input:invalid:not(:focus)::placeholder {
	opacity: 0;
}

.form input:invalid:not(:focus)+* {
	top: 5px;
}

.signup-form input:invalid:not(:focus)+* {
	top: 0.7em;
	opacity: 0.8;
}

.signup-form div input:invalid:not(:focus)+* {
	top: 0.7em;
}

.signup-form input:focus+label,
.signup-form input:not(:placeholder-shown)+label {
	top: -25px !important;
}

.signup-form input:focus+label[for=actualPhoneNumber],
.signup-form input:not(:placeholder-shown)+label[for=actualPhoneNumber] {
	top: -25px !important;
}

.signup-form label,
.form label {
	opacity: 1 !important;
}

form.signup-form div.form-group input {
	line-height: 0.5;
}


input#register_form_password::-webkit-input-placeholder {
	opacity: 1 !important;
}

input#register_form_password::-moz-placeholder {
	opacity: 1 !important;
}

input#register_form_password:-ms-input-placeholder {
	opacity: 1 !important;
}

input#register_form_password::placeholder {
	opacity: 1 !important;
}

.form-checkbox label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid var(--main-color);
	box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	margin-right: 2px;
}

.form-checkbox input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	right: 24px;
	width: 5px;
	height: 11px;
	border: solid var(--main-color);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.form-checkbox input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-checkbox {
	display: inline-block;
}

.cssshipdownload1 {
	z-index: 9;
	float: left;
	margin-top: -42px;
	margin-left: 50px;
	display: inline-block;
	right: 0;
	font-size: 14px;
}

#container {
	height: 350px;
	min-width: 300px;
	max-width: 800px;
	margin: 0 auto;
}

text.highcharts-credits,
path.highcharts-button-symbol,
g.highcharts-button {
	width: 0;
	display: none;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.progress {
	width: 70px;
	height: 70px;
	line-height: 50px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}

.cod-progress .progress {
	width: 150px;
	height: 150px;
}

.progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	/* border: 7px solid #eee; */
	position: absolute;
	top: 0;
	left: 0;
}

.progress1 {
	width: 90px;
	height: 90px;
	line-height: 50px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}

.progress1:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 7px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
}

.progress>span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}

.progress .progress-left {
	left: 0;
}

.progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 7px;
	border-style: solid;
	position: absolute;
	top: 0;
}

.progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}

.progress .progress-right {
	right: 0;
}

.progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 75px;
	border-bottom-left-radius: 75px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
}

.progress .progress-value {
	margin: 0 auto;
	display: flex;
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
	line-height: 20px;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-weight: 600;
}

.progress .progress-value div {
	margin-top: 2px;
}

.progress .progress-value span {
	font-size: 20px;
	text-transform: uppercase;
}

.progress[data-percentage="10"] .progress-right .progress-bar {
	animation: loading-1 1.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
	animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
	animation: loading-2 1.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
	animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
	animation: loading-3 1.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
	animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
	animation: loading-4 1.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
	animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
	animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
	animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
	animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
	animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
	animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
	animation: loading-5 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(36);
		transform: rotate(36deg);
	}
}

@keyframes loading-2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(72);
		transform: rotate(72deg);
	}
}

@keyframes loading-3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(108);
		transform: rotate(108deg);
	}
}

@keyframes loading-4 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(144);
		transform: rotate(144deg);
	}
}

@keyframes loading-5 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(180);
		transform: rotate(180deg);
	}
}

.progress {
	margin-bottom: 0.5em;
}

a.text-black.pl-sm {
	font-weight: 500;
	line-height: 1.6;
	font-size: 15px;
}

.new_roundhead {
	font-size: 17px !important;
}

.color_01 {
	border-color: var(--main-color);
}

.color_02 {
	border-color: #ffc600;
}

.color_03 {
	border-color: #60b636;
}

.color_04 {
	border-color: #2ec6c6;
}

.rating_boxall {
	border-bottom: 0px solid #e9e9e9;
	display: flex;
	font-size: 11px;
	overflow-x: auto;
	padding-bottom: 10px;
}

a.text-black {
	color: #000 !important;
}

.sub_menu2 ul li a i:before {
	content: "\f104";
}

.head_cssdash i:before {
	content: "\f105";
}

.form-group div ul {
	position: absolute;
	font-size: 13px;
	list-style: none;
	right: 0;
	margin-left: 0;
}

.fieldset div ul {
	text-align: right;
	top: 65px;
	position: absolute;
	font-size: 13px;
	list-style: none;
	padding-left: 8px;
	right: 0;
	margin-left: 0;
}

.text-rigtleft {
	text-align: left;
}

div.card-header h5 button i.fa-angle-right:before {
	content: "\f104";
}

a.pull-rightleft {
	float: left;
}

.text-rightleft {
	text-align: left;
}

.deli_color6 img,
.deli_color6 svg {
	background-color: #ffc300;
}

.deli_color5 img,
.deli_color5 svg {
	background-color: #bf0505;
}

.track-attempt img,
.track-attempt svg {
	background-color: #ffc300;
}

.track-return img,
.track-return svg {
	background-color: #bf0505;
}

.pagination {
	text-align: center;
	display: block;
}

.pagination span {
	display: inline-block;
	margin: 2px 0px;
	font-weight: 500;
	font-size: 14px;
	/* cursor: not-allowed; */
	text-decoration: none;
	padding: 6px 12px;
	line-height: 14px;
	border: 1px solid #dddddd;
	background-color: white;
}

.pagination span a {
	color: #687587;
}

.pagination span a:hover {
	color: var(--main-color) !important;
	font-weight: 600;
}

.pagination span.current {
	background-color: var(--main-color);
	color: #fff;
}

button.search_buttonc,
a.search_buttonc {
	border-radius: 3px;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: #fff;
	padding: 3px 30px;
	font-size: 13px;
	text-decoration: none;
}

button.search_buttonc:hover,
a.search_buttonc:hover {
	background-color: var(--main-color);
	box-shadow: 0px 0px 10px 1px rgb(var(--main-color) / 25%);
}


.rightleft_c button.search_buttonc {
	float: left;
}

:root {
	--primary-color: var(--main-color);
	--primary-light-color: color-mix(in srgb, var(--main-color), transparent 90%);
	--primary-soft-color: color-mix(in srgb, var(--main-color), transparent 85%);
	--gray-50: #f7f7f7;
	--gray-300: #ededed;
	--gray-400: #707070;
	--gray-450: #dfdfdf;
	--gray-500: #585858;
	--gray-800: #676767;
	--red-800: #ff0000;
	--dark-500: #363636;
}

.create-shipment .progressbar {
	position: relative;
	display: flex;
	justify-content: space-between;
	counter-reset: step;
	margin: 2rem 3rem 4rem;
	z-index: 0;
}

.create-shipment .progressbar::before,
.create-shipment .progress {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 4px;
	width: 100%;
	background-color: #dcdcdc;
	z-index: 1
}

.create-shipment .progress {
	background-color: var(--primary-color);
	width: 0%;
	transition: 0.3s
}

.create-shipment .progress-step {
	width: 2.1875rem;
	height: 2.1875rem;
	background-color: #dcdcdc;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1
}

.create-shipment .progress-step::before {
	counter-increment: step;
	content: counter(step)
}

.create-shipment .progress-step::after {
	content: attr(data-title);
	position: absolute;
	top: calc(100% + 0.5rem);
	font-size: 0.85rem;
	color: #666;
	width: fit-content;
}

.create-shipment .progress-step-active {
	background-color: var(--primary-color);
	color: #f3f3f3
}

.create-shipment .step-forms {
	display: none;
	transform-origin: top;
	animation: animate 1s
}

.create-shipment .step-forms-active {
	display: block
}

.create-shipment .group-inputs {
	margin: 1rem 0
}

.create-shipment .checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.create-shipment .checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 5% auto;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.create-shipment .checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

.create-shipment .form-check input[type="radio"] {
	width: 25px;
	height: 25px;
	padding: 0;
	cursor: pointer;
	accent-color: var(--main-color);
}

.create-shipment .btn-lavender {
	color: #fff !important;
	background-color: var(--main-color);
	border-color: var(--main-color);
}

.create-shipment .btn-lavender:hover {
	color: #fff !important;
	background-color: #4d00bb;
	border-color: #4d00bb;
}

.create-shipment .btn-lavender:not(:disabled):not(.disabled):active,
.create-shipment .btn-lavender:not(:disabled):not(.disabled).active,
.create-shipment .show>.btn-lavender.dropdown-toggle {
	color: #fff !important;
	background-color: #4d00bb;
	border-color: #4d00bb;
}

.create-shipment .btn-lavender:focus,
.btn-lavender.focus {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
	box-shadow: 0 0 0 0.2rem rgb(115 13 249 / 93%);

}

.create-shipment .btn-back {
	color: #8b8b8b !important;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	border: 1px solid #8b8b8b;
	padding: 11px;
	width: 115px;
	margin-left: 1rem;
}

.create-shipment .btn-back:hover {
	color: #f4f4f4 !important;
	background-color: #bcc2c8;
	border-color: #bcc2c8;
}

.create-shipment .btn-back:not(:disabled):not(.disabled):active,
.create-shipment .btn-back:not(:disabled):not(.disabled).active {
	color: #f4f4f4 !important;
	background-color: #bcc2c8;
	border-color: #bcc2c8;
}

.create-shipment .btn-add {
	color: #8b8b8b !important;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	border: 1px solid #8b8b8b;
	width: auto;
	font-size: 17px;
}

.create-shipment .btn-add:hover {
	color: #f4f4f4 !important;
	background-color: #bcc2c8;
	border-color: #bcc2c8;
}

.create-shipment .btn-add:not(:disabled):not(.disabled):active,
.create-shipment .btn-add:not(:disabled):not(.disabled).active {
	color: #f4f4f4 !important;
	background-color: #bcc2c8;
	border-color: #bcc2c8;
}

.create-shipment .vl {
	border-left: 2px solid gainsboro;
	height: 270px;
	position: inherit;
	margin-right: 65px;
}

.create-shipment .input {
	background-color: #f4f4f4;
	height: 54px;
}

.create-shipment .shippers {
	border: 1px solid #787373;
	border-radius: 10px;
	padding: 1rem;
	background-color: #f5f5f5;
}

.create-shipment .form-check .form-check-label {
	margin-right: 2rem;
}

.onoffswitch-inner:before {
	content: "تفعيل";
	padding-right: 11px;
	background-color: var(--main-color);
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "غير مفعل ";
	padding-left: 11px;
	background-color: #EEEEEE;
	color: #999999;
	text-align: left;
}

.brand-logo {
	width: 30% !important;
}

label.error {
	color: red;
}

.is-cancelled {
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid var(--main-color);
	background-color: red;
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s
}

.is-cancelled:after {
	display: block;
	position: absolute;
	content: '';
	height: 16px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 5px;
	margin: auto 0;
	border: 0px solid var(--main-color);
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}

.is-cancelled:before {
	display: block;
	position: absolute;
	content: '';
	height: 16px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 5px;
	margin: auto 0;
	border: 0px solid var(--main-color);
	border-width: 0px 2px 2px 0;
	transform: rotate(130deg);
	opacity: 0;
}

.is-cancelled:after {
	border-color: #fff;
	border-width: 0px 3px 0 0;
	width: 7px;
	left: 10px;
	opacity: 1;
}

.is-cancelled:before {
	border-color: #fff;
	border-width: 0px 3px 0 0;
	width: 7px;
	left: 12px;
	opacity: 1;
}

.create-shipment-new .select_shippernew input[type=radio] {
	position: unset;
	margin-left: 10px;
}

.iti__country {
	display: flex;
	align-items: center;
	justify-content: end;
	flex-direction: row-reverse;
}

#shipment_create_form .step-forms .bor_bo {
	text-align: right !important;
}

div.my-form01 p {
	font-size: 30px;
	color: #cccccc;
}

div.my-form01 label.button {
	color: var(--main-color);
	font-size: 15px;
	cursor: pointer;
}

ul.bulkerror li {
	margin-right: 100px;
}

.form-group .iti {
	display: block;
}

.error {
	color: red;
}

.form-group .iti {
	display: block;
}

.popupAddress .iti__selected-flag {
	height: unset;
	margin-top: 8px;
}

.notification_loader {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 9999;
	background: url(../image/103.gif) 50% 50% no-repeat rgb(255 255 255 / 80%);
	background: url(../image/103.gif) 50% 50% no-repeat rgba(255, 255, 255, 0.80);
}

.notification-control-div li {
	list-style-type: none;
	align-items: center;
}

.notification-control-div li::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.10843 11.9953C1.93122 13.1229 2.7235 13.9055 3.69354 14.2955C7.41251 15.7908 12.5878 15.7908 16.3067 14.2955C17.2768 13.9055 18.0691 13.1229 17.8919 11.9953C17.783 11.3024 17.2445 10.7254 16.8455 10.162C16.3229 9.41491 16.271 8.60008 16.2709 7.73317C16.2709 4.38291 13.4634 1.66699 10.0002 1.66699C6.53694 1.66699 3.72944 4.38291 3.72944 7.73317C3.72936 8.60008 3.67743 9.41491 3.15484 10.162C2.75586 10.7254 2.21734 11.3024 2.10843 11.9953Z' stroke='%23363636' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 17.5C8.16344 18.0183 9.03958 18.3333 10 18.3333C10.9604 18.3333 11.8366 18.0183 12.5 17.5' stroke='%23363636' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-size: contain;
}


.form-group .hidden-xs i.fa-2x {
	padding-top: 35px;
	color: var(--main-color);
}

.label-danger {
	background-color: #d52d2d !important;
	color: #fff;
}

.box_store_card {
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.07);
	height: 220px;
}

.box_store_card:hover img {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	max-height: 70px;
}

.errorcss {
	color: red;
	font-size: 11px;
	margin-top: 0;
}

.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.daterangepicker tr td.active,
.daterangepicker tr td.active:hover {
	background-color: var(--main-color);
}

.daterangepicker .drp-buttons .btn-primary {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

#drop-area progress {
	height: 8px;
	border: 0px solid;
}

#drop-area progress::-webkit-progress-bar {
	background-color: #cccccc;
	border: 1px solid #a19f9f;
	border-radius: 5px;
}

#drop-area progress::-webkit-progress-value {
	background-color: var(--main-color);
	border-radius: 55px;
}


.all-permissions.custom_checkbox .label_check {
	cursor: pointer;
}

.all-permissions.custom_checkbox .label_check input {
	appearance: none;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	border: 2px solid #6900ff;
	border-radius: 3px;
	background: transparent;
	cursor: pointer;
}

.all-permissions.custom_checkbox .label_check input:checked {
	background: #6900ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 10.621 7.471'%3E%3Cpath id='Vector' d='M0,2.83,2.83,5.66,8.5,0' transform='translate(1.061 1.061)' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
	background-size: contain;
}

.all-permissions.custom_checkbox .form-group .document {
	width: 100%;
}

.all-permissions.custom_checkbox .form-group .document blockquote {
	min-height: 50px;
	max-height: 165px;
	overflow-y: auto;
}

.all-permissions.custom_checkbox .form-group .document blockquote::-webkit-scrollbar {
	width: 8px;
}

.all-permissions.custom_checkbox .form-group .document blockquote::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.all-permissions.custom_checkbox .form-group .document blockquote::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 10px;
}

.all-permissions.custom_checkbox .form-group .document blockquote::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.courier_container.con {
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media only screen and (max-width:1024px) {
	.courier_container.con {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.sidedbar_active .mar_leftcss {
		margin-right: 0px;
	}
}

.step-from-next-btn {
	background: #d1d5db;
}

i.about_font_s {
	font-size: 20px;
}

a.css-vcc4.disabled,
a.css-vcc5.disabled:hover,
a.css-vcc5.disabled,
a.css-vcc4.disabled:hover {
	pointer-events: none;
	cursor: default;
}

button.sbtn_store.create-shipment-next.disabled,
button.sbtn_store.create-order-next.disabled {
	background-color: #5d6776 !important;
	border: 1px solid #5d6776 !important;
	pointer-events: none;
	cursor: default;
}

.signup-form .iti__country-list {
	direction: ltr;
}

.signup-form .iti__arrow {
	margin-left: 0px;
	margin-right: 6px;
}

.common-float-left {
	float: right;
}

.common-float-right {
	float: left;
}

.common-text-left {
	text-align: right !important;
}

.common-text-right {
	text-align: left !important;
}

.common-direction {
	direction: rtl;
}

.common-mr-5 {
	margin-left: 5px;
}

.common-ml-1 {
	margin-right: 0.25rem !important;
}

.common-ml-2 {
	margin-right: 0.5rem !important;
}

.common-mr-1 {
	margin-left: 0.25rem !important;
}

.common-mr-2 {
	margin-left: 0.5rem !important;
}

.common-ml-3 {
	margin-right: 1rem !important;
}

.common-mr-3 {
	margin-left: 1rem !important;
}

.common-mr-4 {
	margin-left: 1.5rem !important;
}

.common-pl-0 {
	padding-right: 0 !important;
}

.common-pr-0 {
	padding-left: 0 !important;
}

.common-pl-4 {
	padding-right: 1.5rem !important;
}

.common-pr-4 {
	padding-left: 1.5rem !important;
}

.common-pl-5 {
	padding-right: 3rem !important;
}

.common-pr-5 {
	padding-left: 3rem !important;
}

.shipping-type-round img {
	border-radius: 15px;
	border: 3px solid;
	border-color: #545454;
	height: 60px;
	margin: 6px;
	padding: 0 10px;
}

.shipping-type-round img.active {
	border-color: var(--main-color);
}

.create-team-new .category-border {
	padding: 0.25rem !important;
	margin: 0.25rem !important;
	border: 2px solid var(--main-color);
	border-radius: 20px;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
	padding: 0.25rem 0.65rem;
	background: var(--main-color);
	color: white;
}

.iti-design .iti--allow-dropdown .iti__flag-container {
	right: 0;
	left: auto;
	display: block;
	position: absolute;
}

.iti-design .iti--allow-dropdown input,
.iti--allow-dropdown input[type=text] {
	padding-right: 42px;
	padding-left: 0.75rem;
}

.iti-design .iti__arrow {
	margin-left: 0px;
	margin-right: 6px;
}

.iti-design .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
	height: 35px;
}

.iti-design .iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__flag {
	margin-left: 4px;
}


.password-strength-group .password-strength-meter {
	width: 100%;
	transition: height 0.3s;
	display: flex;
	justify-content: stretch;
}

.password-strength-group .password-strength-meter .meter-block {
	height: 5px;
	background: #ccc;
	margin-right: 6px;
	flex-grow: 1;
	border-radius: 5px;
}

.password-strength-group .password-strength-message {
	font-weight: 20px;
	height: 1em;
	text-align: right;
	transition: all 0.5s;
	margin-top: 3px;
	position: relative;
}

.password-strength-group .password-strength-message .message-item {
	font-size: 12px;
	position: absolute;
	right: 0;
	opacity: 0;
	transition: opacity 0.2s;
}

.password-strength-group[data-strength="1"] .meter-block:nth-child(1) {
	background: #FF4B47;
}

.password-strength-group[data-strength="1"] .message-item:nth-child(1) {
	opacity: 1;
}

.password-strength-group[data-strength="2"] .meter-block:nth-child(2) {
	background: #F9AE35;
}

.password-strength-group[data-strength="2"] .message-item:nth-child(2) {
	opacity: 1;
}

.password-strength-group[data-strength="3"] .meter-block:nth-child(3) {
	background: #2DAF7D;
}

.password-strength-group[data-strength="3"] .message-item:nth-child(3) {
	opacity: 1;
}

.password-strength-group[data-strength="4"] .meter-block:nth-child(4) {
	background: #2DAF7D;
}

.password-strength-group[data-strength="4"] .message-item:nth-child(4) {
	opacity: 1;
}

.sidedbar_active .menu_dashboard,
.sidedbar_active .sub_menudash,
.sidedbar_active .head_cssdash,
.sidedbar_active footer.css-1esnxoi {
	width: 75px;
	transition: width 0.5s;
}

.sidedbar_active .mar_leftcss {
	margin-right: 75px;
}

.sidedbar_active .menu_uldash li .sidebar_title,
.sidedbar_active .head_2menu,
.sidedbar_active footer.css-1esnxoi .sidebar_title {
	display: none !important;
}

.sidedbar_active .menu_uldash li a,
.sidedbar_active footer.css-1esnxoi {
	text-align: center;
}

.sub_menu2 ul li a img {
	width: 20px;
}

/* === new page design css === */
.new_page_wrapper .rounded-xl,
.new_wrapper_courier_page .rounded-xl {
	border-radius: 10px;
}

.new_page_wrapper .sorting_filter {
	gap: 5px;
}

.new_page_wrapper .css-1m9rtzs {
	color: var(--main-color);
	padding: 0 10px;
}

.new_page_wrapper .head_title,
.new_borderB .head_title {
	border-bottom: 5px solid var(--main-color);
	border-right: 0;
	font-size: 25px;
	padding: 0px;
}

.new_page_wrapper.profile-page-heading h3.head_title {
	padding-bottom: 5px !important;
}

.new_page_wrapper .card_css {
	padding: 25px 20px;
}

.new_page_wrapper .box-shadows {
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
}

.new_page_wrapper .creation_label .input-group-append i {
	background-color: #FFF;
	color: #000;
}

.new_page_wrapper .sorting_filter .box-shadows,
.new_page_wrapper .sorting_filter .form-control,
.new_page_wrapper .sorting_filter .export_excel,
.new_page_wrapper .select2-container--default .select2-selection--multiple {
	border-radius: 10px;
}

.new_page_wrapper .lh-0 {
	line-height: 0;
}

.new_page_wrapper .creation_label [name='daterange'] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.new_page_wrapper .new_page_table_data .data_box_td {
	vertical-align: middle;
	display: table-cell;
	padding: 2px;
	text-align: center;
	word-wrap: break-word;
}

.new_page_wrapper .new_page_table_data .data_box_td i.edit_customer_details {
	font-size: 20px;
	cursor: pointer;
}

.new_page_wrapper .new_page_table_data .data_box_td i.edit_package {
	font-size: 14px;
	cursor: pointer;
	margin-top: 8px;
}

.new_page_wrapper .new_page_table_data .css_pan .data_box_td {
	font-weight: 600;
	font-size: 16px;
}

.new_page_wrapper .rounded-div {
	border-radius: 10px;
}

.data_box .data_box_td1 {
	width: 130px;
}

.data_box .data_box_td2 {
	width: 140px;
}

.data_box .data_box_td3 {
	width: 80px;
}

.data_box .data_box_td4 {
	width: 180px;
}

.data_box .data_box_td5 {
	width: 140px;
}

.data_box .data_box_td6 {
	width: 175px;
}

.data_box .data_box_td7 {
	width: 180px;
}

.data_box .data_box_td8 {
	width: 210px;
}

.data_box .data_box_td9 {
	width: 140px;
}

.data_box .data_box_td10 {
	width: 150px;
}

.data_box .data_box_td11 {
	width: 150px;
}

.data_box .data_box_td12 {
	width: 190px;
}

.data_box .data_box_td13 {
	width: 150px;
}

.data_box .data_box_td14 {
	width: 80px;
}

.data_box .data_box_td15 {
	width: 130px;
}

.data_box .data_box_td16 {
	width: 100px;
}

.data_box .data_box_td17 {
	width: 50px;
}

.new_page_wrapper .data_box {
	font-size: 12px;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-medium {
	font-weight: 600;
}

.new_page_wrapper .new_page_table_data .css_pan,
.new_wrapper_courier_page .new_page_table_data .css_pan {
	padding: 15px 20px 15px;
}

.new_page_wrapper .data_box_listing .data_box,
.new_wrapper_courier_page .data_box_listing .data_box {
	padding: 15px 20px 15px;
	margin-bottom: 20px;
	border: 1px solid #ededed;
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	border-radius: 25px;
}

.new_wrapper_courier_page .data_box_listing .data_box.active {
	border: 3px solid var(--main-color);
}

.new_page_wrapper .new_page_table_data .btn_clfso,
.new_wrapper_courier_page .new_page_table_data .btn_clfso,
.profiler-content_box .btn_clfso {
	color: var(--main-color);
	border-radius: 10px;
	font-size: 14px;
	background-color: transparent;
	padding: 4px 12px;
}

.new_page_wrapper .new_page_table_data #order_list_new .btn_clfso,
.new_page_wrapper .new_page_table_data #tracking_list_new .btn_clfso,
.profiler-content_box .btn_clfso {
	width: 110px;
}

.new_page_wrapper .new_page_table_data #shipment_list_new .btn_clfso,
.new_page_wrapper .new_page_table_data #customer_list_new .btn_clfso {
	width: 150px;
}

.new_page_wrapper .new_page_table_data #order_list_new #orderBulkActions .btn_clfso,
.new_page_wrapper .new_page_table_data #shipment_list_new #downloadSelectedShipmentsDiv .btn_clfso {
	width: auto;
}

.new_page_wrapper .new_page_table_data .btn_clfso:hover,
.new_wrapper_courier_page .new_page_table_data .btn_clfso:hover,
.new_page_wrapper .new_page_table_data .btn_clfso.fill,
.profiler-content_box .btn_clfso:hover,
.profiler-content_box .btn_clfso.fill {
	color: white;
	background-color: var(--main-color);
}

.new_page_wrapper .new_page_table_data .btn_clfso.hide_btn,
.new_wrapper_courier_page .new_page_table_data .btn_clfso.hide_btn,
.profiler-content_box .btn_clfso.hide_btn {
	color: rgb(213, 45, 45);
	border: 1px solid rgb(213, 45, 45);
	padding: 4px 12px;
}

.new_page_wrapper .new_page_table_data .btn_clfso.hide_btn:hover,
.new_wrapper_courier_page .new_page_table_data .btn_clfso.hide_btn:hover,
.profiler-content_box .btn_clfso.hide_btn:hover {
	background-color: rgb(213, 45, 45);
	color: #FFF;
}

.new_page_wrapper .new_page_table_data .btn_clfso.grey_btn,
.new_wrapper_courier_page .new_page_table_data .btn_clfso.grey_btn,
.profiler-content_box .btn_clfso.grey_btn {
	color: rgb(130, 134, 139);
	border: 1px solid rgb(130, 134, 139);
	padding: 4px 12px;
}

.new_page_wrapper .new_page_table_data .btn_clfso.grey_btn:hover,
.new_wrapper_courier_page .new_page_table_data .btn_clfso.grey_btn:hover,
.profiler-content_box .btn_clfso.grey_btn:hover {
	background-color: rgb(130, 134, 139);
	color: #FFF;
}

.new_page_wrapper .new_page_table_data .data_box_td6 {
	font-size: 14px;
}

.new_page_wrapper .new_page_table_data .color_darkblue {
	color: var(--main-color);
}

.new_page_wrapper .new_page_table_data .btn_clfso.green_btn {
	color: #27c24c;
	border: 1px solid #27c24c;
}

.new_page_wrapper .new_page_table_data .btn_clfso.green_btn:hover {
	background-color: #27c24c;
	color: #FFF;
}

.new_page_wrapper .new_page_table_data .btn_clfso.default_color {
	color: white;
	background-color: var(--main-color);
}

.new_page_wrapper .new_page_table_data.start-shipment-download-label {
	position: fixed;
	bottom: 55px;
	left: 15px;
}

.new_page_wrapper .buyLabelsCheckbox label {
	position: relative;
}

.new_page_wrapper .form-checkbox.buyLabelsCheckbox input:checked+label:after {
	top: 1px;
	right: 7px;
}

.new_page_wrapper #buyLabelsModal .form-checkbox.buyLabelsCheckbox input:checked+label:after {
	top: 7.5px;
	left: 5px;
}

.new_page_wrapper .alert {
	margin: 0;
}

.new_page_wrapper .modal-content {
	border-radius: 20px;
}

.new_page_wrapper .direction_ltr {
	direction: ltr;
}

.new_page_wrapper .position-relative .search_icon {
	position: absolute;
	top: 13px;
	left: 20px;
	cursor: pointer;
	transform: rotate(90deg);
}

.new_page_wrapper .position-relative .seach_any {
	padding-left: 40px;
}

.new_page_wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	width: 100%;
}

.new_page_wrapper .css-tabtrackli {
	padding-top: 6px;
	padding-bottom: 10px;
}

.new_page_wrapper div.css-tabtrack div.active-new {
	border-top: 0;
	border-bottom: 2px solid var(--main-color);
}

.new_page_wrapper a.addbtn_ads2 {
	padding: 6px 12px;
	border-radius: 10px;
}

.new_page_wrapper .sorting_filter .public_url .form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.new_page_wrapper .sorting_filter .public_url a.addbtn_ads2 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.new_page_wrapper .box_trackdash {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}

#ship_with_carrier {
	position: fixed;
	bottom: 55px;
	left: 15px;
}

/* new dashboard css */
.new_wrapper_dashboard .banner_bg {
	background: var(--main-color-transparant);
}

.new_page_wrapper .color-blue,
.new_wrapper_dashboard .color_blue,
.new_wrapper_courier_page .color-blue {
	color: var(--main-color) !important;
}

.new_page_wrapper a.text-black {
	line-height: 1;
}

.new_page_wrapper a.text-black .modal-header-close {
	font-size: 30px;
	font-weight: 300;
}

.new_wrapper_dashboard .border-r8 {
	border-radius: 8px;
}

.new_wrapper_dashboard .border-r20 {
	border-radius: 20px;
}

.new_wrapper_dashboard .banner_three_list {
	margin-top: -100px;
}

.new_wrapper_dashboard .font-50 {
	font-size: 50px;
	line-height: 62px;
}

.new_wrapper_dashboard .box_shadow {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
}

input:focus,
input:focus-within {
	box-shadow: none !important;
	outline: unset !important;
}

.new_wrapper_courier_page .common-float-left a {
	border-radius: 20px;
	border: 3px solid;
	border-color: #7f7f7f;
	margin: 6px;
	padding: 10px;
	display: block;
	width: 140px;
	text-align: center;
	max-width: 100%;
	color: #7f7f7f;
}

.new_wrapper_courier_page .common-float-left a.active {
	border-color: var(--main-color);
	color: #000;
}

.new_wrapper_courier_page .common-float-left a.active svg path {
	fill: var(--main-color);
}

.new_wrapper_courier_page .filter_forms.common-float-right select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.new_wrapper_courier_page .address_courier .show_addresscourier,
.new_wrapper_courier_page .deliverto_add .show_deliveryaddress {
	font-size: 12px;
	border-radius: 10px;
}

.new_wrapper_courier_page .disable-carrier {
	background-color: #f8f8f8 !important;
}

.plan-image-show {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.plan-image-show img {
	margin: 2px;
}

.new_page_wrapper .amount-wrap {
	display: flex;
	gap: 10px 20px;
	margin-bottom: 25px;
	flex-wrap: wrap;
	flex-direction: row;
}

.new_page_wrapper .amount-wrap .label {
	border-radius: 50px;
	font-size: 12px;
	font-weight: 500;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	padding: 7px 16px;
	color: var(--main-color);
	border: 1px solid transparent;
	cursor: pointer;
	direction: ltr;
}

.new_page_wrapper .amount-wrap .label svg {
	width: 12px;
}

.new_page_wrapper .amount-wrap .label.active {
	border: 1px solid var(--main-color);
}

.new_page_wrapper .custom-amount {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	justify-content: center;
	margin-bottom: 10px;
	align-items: center;
}

.new_page_wrapper .custom-amount .input-group {
	justify-content: end;
	width: auto;
}

.new_page_wrapper .custom-amount input {
	max-width: 150px;
}

.new_page_wrapper .custom-amount p {
	margin-bottom: 0px;
}

/****20-11****/
.new_page_wrapper .order_step {
	display: flex;
	justify-content: space-between;
	border-bottom: 0;
	position: relative;
	padding-right: 5px;
	align-items: center;
}

.new_page_wrapper .order_step:before {
	content: '';
	position: absolute;
	inset: 0;
	top: 5px;
	background-color: var(--main-color);
	width: 5px;
	height: 27px;
	border-radius: 10px;
}

.new_page_wrapper .select_shipping_card {
	box-shadow: none;
	background-color: transparent;
	padding-top: 0px;
	padding-inline: 0;
}

.new_page_wrapper .select_shipping_card h3.head_title,
.new_page_wrapper .select_shipping_card thead tr,
.new_page_wrapper .select_shipping_card tbody tr,
.new_page_wrapper .select_shipping_card .details_add button {
	border: none;
}

.new_page_wrapper .select_shipping_card th.css-hohthm {
	background-color: transparent;
}

.new_page_wrapper .select_shipping_card table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 12px;
}

.new_page_wrapper .select_shipping_card select {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	padding: 10px 10px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	appearance: none;
	border: none;
	line-height: 17px;
	min-height: 41px;
	cursor: pointer;
	color: #000000;
	width: 100%;
	border: 1px solid var(--main-color);
}

.new_page_wrapper .select_shipping_card .bulk_action_row select {
	border: none;
}

.new_page_wrapper .bulk_action_row {
	justify-content: space-between;
}

.new_page_wrapper .title,
.new_page_wrapper .bulk_action_row .selection {
	width: 50%;
}

.new_page_wrapper .title .address-select {
	width: calc(100% - 30%);
}

.new_page_wrapper .bulk_action_row .selection {
	justify-content: flex-end;
	width: 50%;
}

.new_page_wrapper .title>div,
.new_page_wrapper .bulk_action_row .selection>div {
	width: auto;
}

.new_page_wrapper .bulk_action_row,
.new_page_wrapper .title,
.new_page_wrapper .bulk_action_row .selection {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.new_page_wrapper .select_shipping_card .details_add {
	line-height: 1.52857143;
	padding: 0;
	border-radius: 5px;
	background-color: transparent;
	font-size: 12px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	width: fit-content;
	max-width: 120px;
}

.new_page_wrapper .select_shipping_card .data_box_listing .details_add {
	box-shadow: none;
}

.new_page_wrapper .select_shipping_card .details_add .form-control {
	border: none;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 10px;
	height: auto;
}

.new_page_wrapper .select_shipping_card .details_add button img,
.new_page_wrapper .select_shipping_card .details_add button svg {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.new_page_wrapper .select_shipping_card .details_add button:hover {
	color: #fff !important;
	background-color: transparent;
}

.new_page_wrapper .select_shipping_card .details_add .input-group-append>button {
	padding-inline: 0px;
	margin-left: 5px;
}

.new_page_wrapper .select_shipping_card .details_add button.update_packages_to_all_orders {
	padding-left: 0;
}

.new_page_wrapper .select_shipping_card .details_add button.update_packages_to_all_orders img,
.new_page_wrapper .select_shipping_card .details_add button.update_packages_to_all_orders svg {
	width: 14px;
	height: 14px;
}

.new_page_wrapper .select_shipping_card .table_mobil tbody tr {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border-radius: 25px;
}

.new_page_wrapper .select_shipping_card .table_mobil tbody tr td,
.new_page_wrapper .select_shipping_card .table_mobil thead tr th,
.new_page_wrapper .select_shipping_card tbody tr td {
	padding: 15px 15px;
}

.new_page_wrapper .select_shipping_card .table_mobil .details_add {
	width: fit-content;
	margin: 0px auto;
	box-shadow: none;
}

.new_page_wrapper .select_shipping_card .details_add .input-group-append {
	margin-right: 0px;
}

.new_page_wrapper .select_shipping_card .order_shipper {
	width: fit-content;
	margin: 0px auto 0px auto;
	max-width: 140px;
}

.new_page_wrapper .select_shipping_card .table_mobil tbody tr td .customerdetails,
.new_page_wrapper .select_shipping_card .table_mobil tbody tr td .order-product {
	width: 100%;
}

.new_page_wrapper .select_shipping_card .table_mobil {
	padding: 0px 7px;
}

.new_page_wrapper .select_shipping_card .css-boxa01 {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	padding: 10px 10px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	min-height: 41px;
	border: none;
}

.new_page_wrapper .select_shipping_card .css-inthu {
	min-height: 41px;
}

.export-modal.modal {
	padding-left: 0 !important;
	background-color: rgb(255 255 255 / 80%);
}

.export-modal.modal .modal-dialog {
	margin-left: 0px;
	margin-top: 0px;
	border-radius: 0px 25px 25px 0px !important;
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
	overflow: hidden;
	max-width: 630px;
}

.export-modal.modal .modal-content {
	border: none;
	height: 100%;
}

.export-modal.modal {
	left: 0px;
	right: unset;
}

.export-modal.show .modal-dialog {
	left: 0;
	height: 100%;
	margin: 0px auto 0px 0px;
}

.export-modal .modal-header {
	border-bottom: 0;
}

.export-modal .column-selection {
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 20px;
	padding-left: 10px;
}

.export-modal form {
	height: calc(100dvh - 380px);
	height: calc(100vh - 380px);
	overflow: auto;
}

.export-modal .column-selection .form-checkbox {
	position: relative;
}

.export-modal .form-checkbox input:checked+label:after {
	right: 7px;
	border-color: #fff;
	top: 6px;
}

.export-modal .form-checkbox input:checked+label:before {
	background-color: #000;
}

.export-modal .form-checkbox label:before {
	border: 2px solid #000;
	margin-left: 10px;
	padding: 6px;
	position: absolute;
	right: 0px;
	top: 5px;
}

.export-modal .form-checkbox label {
	cursor: pointer;
	padding-right: 27px;
}

.export-modal .btn-group {
	position: absolute;
	bottom: 20px;
	left: 24px;
	width: calc(100% - 48px);
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
	padding-top: 20px;
}

.export-modal .btn-group:before {
	content: '';
	position: absolute;
	inset: 0;
	width: calc(100% + 48px);
	height: 1px;
	background-color: #ced4da;
	right: -24px;
}

.export-modal .btn-group button {
	margin: 0;
}

.return-portal-box {
	display: flex;
	flex-wrap: wrap;
	gap: 5rem;
}

.return-portal-box .box {
	border-radius: 15px;
	width: calc(33.33% - 54px);
	background-color: #efefef61;
	border: none;
}

.return-portal-box .box.active {
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 11%);
	background-color: #fff;
}

.return-portal-box .box.active :is(h2, p) {
	color: #212529;
}

.return-portal-box .box :is(h2, p) {
	color: #3333339e;
}

.return-portal-box .box .trackdash_icon {
	width: 60px;
	height: 60px;
	margin: auto auto auto 0px;
}

.return-portal-box .box .trackdash_icon svg {
	width: 100%;
}

.return_portal_tabbing .card_css {
	padding: 0;
	box-shadow: none;
}

.return_portal_tabbing .nav-pills button {
	background: transparent;
	border: none;
	text-align: left;
	display: flex;
	padding: 10px 20px;
	color: #687587;
	width: 100%;
}

.return_portal_tabbing .nav-link.active {
	color: var(--main-color);
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border-radius: 30px;
	align-items: center;
}

.return_portal_tabbing .nav-link.active span.step_number {
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
}

.return_portal_tabbing span.step_number {
	background-color: #3333339e;
	color: #fff;
	border: transparent;
	min-width: 30px;
}

.return_portal_tabbing .tab-content>.tab-pane .form_customorder {
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border-radius: 20px;
	padding: 25px;
}

.return_portal_tabbing .form_customorder .next_btn.save_btn {
	background-color: transparent;
	border: 1px solid var(--main-color);
	color: var(--main-color) !important;
}

.return_portal_tabbing .form_customorder p a {
	text-decoration: underline;
}

.return_portal_tabbing .form_customorder .select_address,
.order-return-reason .input-retruncss select {
	background: #fff url(../image/down.png) no-repeat left 6px top 50%;
	appearance: none;
	background-size: 20px;
	padding-left: 30px;
}

.return_portal_tabbing .form_customorder .chosen-container-multi .chosen-choices {
	border: 1px solid #ced4da;
}

.return_portal_tabbing .form_customorder .fa-address-book-o:before {
	color: #000;
}

.return_portal_tabbing .form_customorder.return_tab .box_selbox {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}

.return_portal_tabbing .form_customorder div.form-group label {
	font-size: 14px;
	font-weight: normal;
	display: flex;
	gap: 6px;
	align-items: flex-start;
}

.return_portal_tabbing .form_customorder div.form-group input {
	width: 15px;
	height: 15px;
	position: relative;
	top: 4px;
}

.return_portal_tabbing .form_customorder #order_message input,
.return_portal_tabbing .form_customorder #order_message_exchange input,
.return_portal_tabbing .form_customorder #thank_you_message input,
.return_portal_tabbing .form_customorder #thank_you_message_exchange input,
.return_portal_tabbing .form_customorder .tracking-input input,
.return_portal_tabbing .form_customorder .customer_notifications input.store_name,
.return_portal_tabbing .form_customorder .customer_notifications input.store_name_exchange {
	width: 100% !important;
	padding: 16px 10px;
}

.return_portal_tabbing .form_customorder a.addbtn_ads2 {
	padding: 6px 12px;
	border-radius: 0px 10px 10px 0px;
}

.return_portal_tabbing .form_customorder.embed_tab textarea.form-control {
	min-height: 80px;
}

.return_portal_tabbing .form_customorder.embed_tab a.addbtn_ads2 {
	border-radius: 10px 10px 10px 10px;
}

.return_portal_tabbing .communication_tab .form-check input {
	width: 15px;
	height: 15px;
	position: relative;
	top: 4px;
}

.return_portal_tabbing .switch_active input.toggle-switch.oversize {
	border: 2px solid #3333339e;
	background: transparent;
	height: 20px;
}

.return_portal_tabbing .switch_active input.toggle-switch.oversize:checked {
	border: 2px solid var(--main-color);
}

.return_portal_tabbing .switch_active input.toggle-switch:checked::after {
	width: 12px;
	height: 12px;
	top: 2px;
}

.return_portal_tabbing .switch_active input.toggle-switch.oversize {
	--size-gap: -0.1em;
	--size-width: 2em;
	margin-right: 10px;
	position: relative;
	top: 4px;
}

.return_portal_tabbing .switch_active input.toggle-switch::after {
	width: 12px;
	height: 12px;
	top: 2px;
	right: 3px;
	background: #3333339e;
	box-shadow: none;
}

.return_portal_tabbing .form_customorder.policy_tab .box_selbox select {
	width: 100%;
}

.order-return-reason .order-productdetails div.inline_divx {
	display: block;
}

.order-return-reason form {
	border-radius: 10px;
}

.order-return-reason .order-row td {
	width: 50%;
}

.order-return-reason table.table_orderreturn tr:hover,
.order-return-reason table.table_orderreturn tr {
	background-color: transparent;
	border-bottom: none;
	position: relative;
}

.order-return-reason table.table_orderreturn tr:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ededed;
	width: calc(100% - 20px);
	height: 1px;
	margin: 0px auto;
}

.order-return-reason table.table_orderreturn tr:last-child:after {
	display: none;
}

.order-return-reason .input-retruncss input,
.order-return-reason .input-retruncss select,
.order-return-reason .input-retruncss textarea {
	background-color: #fff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border: none;
}

.order-return-reason .input-retruncss textarea {
	resize: none;
}

.new_page_wrapper .return-portal-tab-cnt .btn_clfso {
	width: 100% !important;
	padding: 4px 7px;
}

.cursor_pointer {
	cursor: pointer;
}

.return_portal_tabbing .switch_active input.toggle-switch:checked::after {
	right: calc(var(--size-width) - var(--size-height) + var(--size-gap));
	background: var(--clr-checked);
}

.box_selbox .chosen-container .chosen-drop {
	left: 9999px;
}

.new_page_wrapper .return-portal-tab-cnt #approve_reject_button .btn_clfso,
.new_page_wrapper .return-portal-tab-cnt #print_label_button .btn_clfso {
	width: auto !important;
}

.file_elem {
	opacity: 0;
	width: 0;
}

.new_page_wrapper .apps .app-card {
	margin-top: 20px;
}

.new_page_wrapper .apps .app-card .app-card-content {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	padding: 20px 30px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 100%;
	text-align: center;
}

.new_page_wrapper .apps .app-card {
	margin-top: 20px;
}

.new_page_wrapper .apps .app-card.create-app {
	cursor: pointer;
}

.new_page_wrapper .apps .app-card .app-card-content .app-name {
	text-align: center;
}

.new_page_wrapper .apps .app-card .app-card-content .app-image,
.new_page_wrapper .data_box_listing .data_box .app-image {
	height: 90px;
	width: 90px;
	border-radius: 50%;
	object-fit: cover;
}

.new_page_wrapper .apps .data_box_listing .data_box .input-group-text {
	background: transparent;
	border: 1px solid #505050;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: var(--main-color);
	cursor: pointer;
}

.new_page_wrapper .apps .data_box_listing .data_box .input-group-text.prepend {
	background: transparent;
	border: 1px solid #505050;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: var(--main-color);
	font-size: 14px;
	cursor: pointer;
}

.w-60 {
	width: 60% !important;
}

.new_page_wrapper .apps .app-card .app-card-content .app-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	height: 100%;
	text-align: center;
	padding-top: 10px;
}

.new_page_wrapper .apps .app-card .app-card-content .app-actions i,
.new_page_wrapper .apps .webhook-actions i {
	color: var(--main-color);
	border: 1px solid var(--main-color);
	background: transparent;
	padding: 8px;
	border-radius: 50%;
	cursor: pointer;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.new_page_wrapper .apps .app-card .app-card-content .app-actions i:hover,
.new_page_wrapper .apps .webhook-actions i:hover {
	color: white;
	background: var(--main-color);
}

.new_page_wrapper .apps .webhook-json-data pre {
	font-size: 100%;
}

.new_page_wrapper .documentation .data_box_listing .data_box {
	font-size: 1rem;
}

.new_page_wrapper .documentation .request-block a,
.new_page_wrapper .documentation .query-block a {
	color: #212529;
}

.new_page_wrapper .documentation button:focus,
.new_page_wrapper .documentation select:focus-visible {
	outline: none;
}

.new_page_wrapper .documentation .get-link {
	background-color: #f5f7fa;
	width: fit-content;
	border-radius: 15px;
}

.new_page_wrapper .documentation .get-link span {
	color: #262626b3;
	font-size: 14px;
	font-weight: 400;
	word-break: break-word;
}

.new_page_wrapper .documentation .get-link .badge {
	font-size: 14px;
	font-weight: 400;
}

.new_page_wrapper .documentation .get-link strong,
.new_page_wrapper .documentation .page-int span {
	color: #212529;
	font-weight: 500;
}

.new_page_wrapper .documentation .page-int strong {
	color: #262626b3;
	font-weight: 400;
}

.new_page_wrapper .documentation .accordion-section .accordion {
	max-width: 100%;
	padding: 0px 20px;
}

.new_page_wrapper .documentation .request-block .icon-hover,
.new_page_wrapper .documentation .query-block .icon-hover {
	width: 15px;
	height: 15px;
}

.new_page_wrapper .documentation .request-block:hover .icon-hover,
.new_page_wrapper .documentation .query-block:hover .icon-hover {
	display: flex !important;
}

.new_page_wrapper .documentation .request-block .icon-hover img,
.new_page_wrapper .documentation .query-block .icon-hover img {
	filter: brightness(0.5) invert(0.6);
}

.new_page_wrapper .documentation .box-border .icon-hover {
	width: 20px;
	height: 20px;
}

.new_page_wrapper .documentation .request-div button[aria-expanded="true"] {
	border-bottom: 1px solid #dee2e6 !important;
}

.new_page_wrapper .documentation .request-div button[aria-expanded="true"] .icon-hover {
	rotate: 90deg;
}

.new_page_wrapper .documentation .request-div .card-body code {
	font-size: 0.8125em;
	color: #212529;
}

.new_page_wrapper .documentation .query-div.body {
	border-right: 1px solid #dee2e6;
}

.new_page_wrapper .documentation .query-div.body .border-line {
	width: 12px;
	margin-left: 12px;
	margin-top: 8px;
	border: 1px solid #dee2e6;
	top: 11px;
}

.new_page_wrapper .documentation .query-div select {
	cursor: pointer;
}

.new_page_wrapper .documentation .query-div.body:hover .hr {
	border-top: 1px solid #dee2e6;
}

.policy_overlay {
	display: block;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9998;
}

.policy_modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 9999;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	padding: clamp(16px, 3vw, 28px);
	max-width: 720px;
	width: 90%;
	color: #222;
}

.policy_modal .header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.policy_modal .badge {
	font-size: 22px;
}

.new_page_wrapper .policy_modal .title {
	font-weight: 700;
	font-size: clamp(18px, 2.4vw, 24px);
	line-height: 1.3;
	width: 100%;
}

.policy_modal .desc {
	color: #6b7280;
	margin: 8px 0 16px;
	line-height: 1.6;
}

.policy_modal .boxed {
	background: #f1f1f1;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 14px;
	max-height: 35vh;
	overflow: auto;
	margin-bottom: 12px;
	color: #444;
}

.policy_modal .links {
	margin: 8px 0 16px;
	padding-left: 20px;
}

.policy_modal .links li {
	margin-bottom: 8px;
}

.policy_modal .links a {
	color: var(--main-color);
	text-decoration: underline;
	font-weight: 600;
}

.policy_modal .links a:hover {
	opacity: 0.8;
}

.policy_modal .checkline {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 10px 0 18px;
}

.policy_modal .checkline input[type="checkbox"] {
	transform: translateY(8px);
}

.policy_modal .actions {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.policy_modal .actions button.btn-ghost {
	border: 0;
	border-radius: 12px;
	padding: 10px 18px;
	cursor: pointer;
	font-weight: 700;
}

.policy_modal .actions button.btn_clfso[disabled] {
	opacity: .5;
	cursor: not-allowed;
}

.policy_modal .btn-ghost {
	background: transparent;
	color: rgb(232, 40, 40);
	border: 1px solid #e5e7eb;
}

@media screen and (max-width:1440px) {
	.new_wrapper_dashboard .font-50 {
		font-size: 38px;
		line-height: 48px;
	}

	.new_page_wrapper .bulk_action_row,
	.new_page_wrapper .title,
	.new_page_wrapper .bulk_action_row .selection {
		gap: 1rem;
	}

	.new_page_wrapper .select_shipping_card .table_mobil tbody tr td,
	.new_page_wrapper .select_shipping_card .table_mobil thead tr th,
	.new_page_wrapper .select_shipping_card tbody tr td {
		padding: 15px 10px;
	}

	.new_page_wrapper .select_shipping_card h3.head_title {
		font-size: 20px;
	}

	.return-portal-box {
		gap: 1rem;
	}

	.return-portal-box .box {
		width: calc(33.33% - 11px);
	}
}

@media only screen and (max-width:1200px) {
	.new_page_wrapper .creation_label.creation_date {
		width: 270px;
	}

	.new_page_wrapper .select_shipping_card h3.head_title {
		font-size: 18px;
	}

	.new_page_wrapper .bulk_action_row,
	.new_page_wrapper .title,
	.new_page_wrapper .bulk_action_row .selection {
		white-space: nowrap;
	}

	.new_page_wrapper .new_page_table_data .css_pan .data_box_td {
		font-size: 14px;
	}

	.new_page_wrapper .new_page_table_data .css_pan,
	.new_wrapper_courier_page .new_page_table_data .css_pan {
		padding: 15px 10px 15px;
	}

	.new_page_wrapper .data_box_listing .data_box,
	.new_wrapper_courier_page .data_box_listing .data_box {
		padding: 15px 10px 15px;
	}

	.new_page_wrapper .new_page_table_data.return-portal-table #shipment_list_new .btn_clfso {
		width: 85px;
	}
}

@media only screen and (max-width:991px) {
	.new_page_wrapper .creation_label.creation_date {
		width: auto;
	}

	.new_page_wrapper .css_pan {
		display: none;
	}

	.data_box .data_box_td {
		width: 100%;
		display: block !important;
		padding: 8px 5px !important;
	}

	.new_wrapper_dashboard .font-50 {
		font-size: 28px;
		line-height: 38px;
	}

	.new_page_wrapper .bulk_action_row {
		flex-wrap: wrap;
	}

	.new_page_wrapper .title,
	.new_page_wrapper .bulk_action_row .selection {
		width: 100%;
		gap: 0.5rem;
		justify-content: flex-start;
	}

	.new_page_wrapper .title .address-select {
		width: calc(100% - 20%);
	}

	.new_page_wrapper .select_shipping_card .table_mobil thead tr th {
		white-space: nowrap;
	}

	.new_page_wrapper .title>div,
	.new_page_wrapper .bulk_action_row .selection>div {
		padding-block: 0px;
	}

	.new_page_wrapper .card_css {
		padding: 15px 15px;
	}

	.new_page_wrapper .order_step {
		font-size: 21px;
	}

	.new_page_wrapper .order_step:before {
		top: 2px;
	}

	.new_page_wrapper .select_shipping_card {
		padding: 0;
	}

	.return-portal-box .box>div {
		flex-wrap: wrap-reverse;
		justify-content: flex-end !important;
	}

	.return-portal-box .box .trackdash_icon {
		margin: 0px 0px 0px auto;
	}

	.return-portal-box .box .cnt-wrapper {
		width: 100%;
	}

	.return_portal_tabbing .form_customorder.return_tab .box_selbox {
		grid-template-columns: repeat(2, 1fr);
	}

	.return_portal_tabbing .tab-sec>div {
		padding-inline: 0;
	}

}

@media (max-width: 520px) {
	.policy_modal {
		margin: 0;
		min-height: 100vh;
		border-radius: 0;
	}

	.policy_modal .actions {
		justify-content: stretch;
	}

	.policy_modal .actions button {
		flex: 1;
	}
}

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

	.new_page_wrapper .title,
	.new_page_wrapper .bulk_action_row .selection,
	.new_page_wrapper .order_step {
		flex-wrap: wrap;
	}

	.new_page_wrapper .title>div,
	.new_page_wrapper .title .address-select,
	.new_page_wrapper .bulk_action_row .selection>div {
		width: 100%;
		padding-left: 0;
	}

	.new_page_wrapper .select_shipping_card .details_add {
		width: 100%;
		max-width: 100%;
	}

	.export-modal .column-selection {
		grid-template-columns: repeat(1, 1fr);
	}

	.export-modal h2 {
		font-size: 25px;
	}

	.export-modal form {
		height: calc(100dvh - 400px);
		height: calc(100vh - 400px);
	}

	.export-modal.show .modal-dialog {
		max-width: 310px;
	}

	.return-portal-box .box {
		width: 100%;
		text-align: center;
	}

	.return-portal-box .box :is(h2, p) {
		text-align: center !important;
	}

	.return-portal-box .box .trackdash_icon {
		margin: 0px auto 7px auto;
	}

	.return_portal_tabbing .card_css,
	.return_portal_tabbing .col-12 {
		padding: 0;
	}

	.return_portal_tabbing .nav-pills button {
		padding: 10px 15px;
	}

	.return_portal_tabbing .tab-content>.tab-pane .form_customorder {
		padding: 15px;
	}

	.return_portal_tabbing .form_customorder.return_tab .box_selbox {
		grid-template-columns: repeat(1, 1fr);
	}

	.return_portal_tabbing .tab-sec>div {
		padding-inline: 15px;
	}

	.order-return-reason table.table_orderreturn tr {
		display: flex;
		flex-wrap: wrap;
	}

	.order-return-reason .order-row td {
		width: 100%;
	}

	.order-return-reason .return-config>div {
		padding-inline: 0;
	}
}


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

	.new_page_wrapper .new_page_table_data #order_list_new #orderBulkActions .btn_clfso,
	.new_page_wrapper .new_page_table_data a.hide_btn,
	.new_page_wrapper .new_page_table_data #shipment_list_new #downloadSelectedShipmentsDiv .btn_clfso {
		width: 100%;
	}

	.css-1esnxoi {
		width: 60px;
	}

	.new_wrapper_courier_page .common-float-left a {
		width: 160px;
	}

	.new_page_wrapper .custom-amount,
	.new_page_wrapper .amount-wrap,
	.amount-tab>div {
		padding: 0;
	}

	.new_page_wrapper .amount-wrap {
		gap: 10px 10px;
	}
}

/* =========================
   CARD
   ========================= */
.carrier-card {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    background: #fff;
    transition: all 0.25s ease;
    height: 100%;
    min-height: 160px;
}

/* Hover */
.carrier-card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

/* =========================
   LOGO
   ========================= */
.carrier-logo {
    object-fit: contain;
}

/* =========================
   TYPES WRAPPER
   ========================= */
.carrier-types {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 5px;
}

/* =========================
   TYPE ICON
   ========================= */
.carrier-type-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #f8f9fa;
    border: 1px solid #7F7F7F;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.2s ease;
}

.carrier-type-icon:hover {
    border-color: green;
}

.carrier-type-icon svg {
    width: 25px;
    height: 25px;
}
/* =========================
   RTL SUPPORT
   ========================= */
[dir="rtl"] .carrier-types {
    direction: rtl;
}

/* Flip active check badge position */
[dir="rtl"] .carrier-type-icon.active::after {
    right: auto;
    left: -6px;
}

/* Optional: smoother RTL hover feel */
[dir="rtl"] .carrier-card:hover {
    transform: translateY(-3px);
}
.carrier-type-icon.active {
    border-color: green;
}

.carrier-type-icon.active::after {
    content: "";
    position: absolute;
    top: -2px;
    right: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: green;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\<path d='M5 14L8.5 17.5L19 6.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
}


.premium-carrier-card {
	background: #fff;
	border-radius: 20px;
	padding: 30px 25px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	border: 1px solid var(--primary-light-color);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
}

.premium-carrier-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	border-color: var(--primary-color);
}

.shipment-types-list {
	max-height: 240px;
	overflow-y: auto;
}

.carrier-header {
	min-height: 89px;
}

.logo-box {
	width: 180px;
	height: 89px;
	background: #fff;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	border: 2px solid var(--primary-light-color);
}

.brand-title {
	color: var(--primary-color);
	font-size: 1.50rem;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 1.2;
}

.badge-soft-blue {
	background-color: var(--primary-light-color);
	color: var(--gray-800);
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.1em;
	padding: 4px 10px;
	border-radius: 6px;
	display: inline-block;
}

.type-entry {
	background-color: transparent;
	border: 1px solid transparent;
}

.type-entry:hover {
	background-color: var(--gray-50);
	border-color: var(--primary-light-color);
}

.type-icon-wrapper {
	width: 35px;
	height: 35px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid var(--primary-soft-color);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.type-icon-wrapper svg, .type-icon-wrapper img {
	width: 20px;
	height: 20px;
}

.type-name {
	font-size: 0.85rem;
	color: var(--primary-color);
}

.type-desc {
	font-size: 0.75rem;
	line-height: 1.5;
}

.type-desc ul{
	margin: 0;
}

.transition-all {
	transition: all 0.2s ease;
}

.x-small {
	font-size: 11px;
}

/* Standard Toggle Switch Integration */
.switch_active {
	display: flex;
	align-items: center;
}

.rotate-180 {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}