@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@400;500;700&display=swap');

@font-face {
	font-family: icomoon;
	src: url('/assets/css/fonts/icomoon.eot?z5ukzk');
	src: url('/assets/css/fonts/icomoon.eot?z5ukzk#iefix') format('embedded-opentype'), url('/assets/css/fonts/icomoon.ttf?z5ukzk') format('truetype'), url('/assets/css/fonts/icomoon.woff?z5ukzk') format('woff'), url('/assets/css/fonts/icomoon.svg?z5ukzk#icomoon') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}


/* #### Generated By: http://www.cufonfonts.com ####

@font-face {
	font-family: 'Cera Round Pro Regular';
	font-style: normal;
	font-weight: 400;
	src: local('Cera Round Pro Regular'), url('/assets/css/fonts/TypeMatesCeraRoundProRegular.woff') format('woff');
	font-display: swap
}

@font-face {
	font-family: 'Cera Round Pro Thin';
	font-style: normal;
	font-weight: 400;
	src: local('Cera Round Pro Thin'), url('/assets/css/fonts/TypeMatesCeraRoundProThin.woff') format('woff');
	font-display: swap
}

@font-face {
	font-family: 'Cera Round Pro Light';
	font-style: normal;
	font-weight: 400;
	src: local('Cera Round Pro Light'), url('/assets/css/fonts/TypeMatesCeraRoundProLight.woff') format('woff');
	font-display: swap
}

@font-face {
	font-family: 'Cera Round Pro Medium';
	font-style: normal;
	font-weight: 400;
	src: local('Cera Round Pro Medium'), url('/assets/css/fonts/TypeMatesCeraRoundProMedium.woff') format('woff');
	font-display: swap
}

@font-face {
	font-family: 'Cera Round Pro Bold';
	font-style: normal;
	font-weight: 400;
	src: local('Cera Round Pro Bold'), url('/assets/css/fonts/TypeMatesCeraRoundProBold.woff') format('woff');
	font-display: swap
}

@font-face {
	font-family: 'Cera Round Pro Black';
	font-style: normal;
	font-weight: 400;
	src: local('Cera Round Pro Black'), url('/assets/css/fonts/TypeMatesCeraRoundProBlack.woff') format('woff');
	font-display: swap
} */

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

html {
	scroll-behavior: smooth;
}

html body {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 500 !important
}

label {
	font-weight: 400
}


.dark .home-options-list .select2-container--default .select2-selection--single {
	background-color: #3b4651;
	border-color: transparent
}

.dataTables_info {
	color: #c3c3c3 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif !important;
}

input[type=radio],
input[type=checkbox] {
	cursor: pointer !important
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: liga;
	-moz-font-feature-settings: liga=1;
	-moz-font-feature-settings: liga;
	-ms-font-feature-settings: liga 1;
	font-feature-settings: liga;
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.pac-target-input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.icon-dollar:before {
	content: "\e920"
}

.icon-orders:before {
	content: "\e90a"
}

.icon-dash:before {
	content: "\e90b"
}

.icon-vendor:before {
	content: "\e912"
}

.icon-customzie:before {
	content: "\e90c"
}

.icon-accounting:before {
	content: "\e913"
}

.icon-customer-2:before {
	content: "\e90d"
}

.icon-subscribe:before {
	content: "\e910"
}

.icon-settings-1-1:before {
	content: "\e90e"
}

.icon-profile:before {
	content: "\e90f"
}

.icon-styling:before {
	content: "\e911"
}

.icon-cms:before {
	content: "\e914"
}

.icon-catalogue:before {
	content: "\e915"
}

.icon-configuration:before {
	content: "\e916"
}

.icon-tax:before {
	content: "\e917"
}

.icon-payment-options:before {
	content: "\e918"
}

.icon-marketing:before {
	content: "\e919"
}

.icon-banners:before {
	content: "\e91a"
}

.icon-loyaltycard:before {
	content: "\e91b"
}

.icon-extra:before {
	content: "\e91c"
}

.icon-celebrity:before {
	content: "\e91d"
}

.icon-discount-voucher:before {
	content: "\e91e"
}

.icon-question:before {
	content: "\e91f"
}

.icon-clock:before {
	content: "\e94e"
}

[class^=icon-] {
	font-family: icomoon !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-dollar:before {
	content: "\e920"
}

.icon-orders:before {
	content: "\e90a"
}

.icon-dash:before {
	content: "\e90b"
}

.icon-vendor:before {
	content: "\e912"
}

.icon-customzie:before {
	content: "\e90c"
}

.icon-accounting:before {
	content: "\e913"
}

.icon-customer-2:before {
	content: "\e90d"
}

.icon-subscribe:before {
	content: "\e910";
	font-size: 22px;
}

.icon-settings-1-1:before {
	content: "\e90e"
}

.icon-profile:before {
	content: "\e90f"
}

.icon-styling:before {
	content: "\e911"
}

.icon-cms:before {
	content: "\e914"
}

.icon-catalogue:before {
	content: "\e915"
}

.icon-configuration:before {
	content: "\e916"
}

.icon-tax:before {
	content: "\e917"
}

.icon-payment-options:before {
	content: "\e918"
}

.icon-marketing:before {
	content: "\e919"
}

.icon-banners:before {
	content: "\e91a"
}

.icon-loyaltycard:before {
	content: "\e91b"
}

.icon-extra:before {
	content: "\e91c"
}

.icon-celebrity:before {
	content: "\e91d"
}

.icon-discount-voucher:before {
	content: "\e91e"
}

.icon-question:before {
	content: "\e91f"
}

.icon-clock:before {
	content: "\e94e"
}

/*--- sidebar menu css start here---*/
.menuitem-active li {
	margin-bottom: 8px;
}

#sidebar-menu ul.nav-second-level {
	padding: 0 !important;
	margin: 0 !important;
}

#sidebar-menu ul.nav-second-level li {
	margin-bottom: 8px;
}

#sidebar-menu ul.nav-second-level li a {
	color: #000;
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	padding: 12px 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 25px 0px 0px 25px;
	border: 1px solid transparent;
	background: transparent;
	position: relative;
	margin-bottom: 8px;
}

#sidebar-menu ul.nav-second-level li a .leftsidebar-icon {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#sidebar-menu ul.nav-second-level li a:hover,
body #sidebar-menu a.menu-title.main-menu:hover {
	background: #F7F7F7;
	border-radius: 25px 0px 0px 25px;
	border: 1px solid #C2D4F3;
	background: #fff;
	border-right-color: #fff;
}

#sidebar-menu li.menuitem-active a.menu-maim-active {
	margin-bottom: 8px;
}

#sidebar-menu .menuitem-active .active,
#sidebar-menu li.menuitem-active a.menu-maim-active {
	border-radius: 25px 0px 0px 25px !important;
	border-color: #C2D4F3;
	background: #fff;
	color: #000;
	font-weight: 600;
	border-right-color: #fff;
}

#sidebar-menu li a span:first-child {
	min-width: 24px;
	text-align: center;
}

#sidebar-menu li a span:before,
#sidebar-menu .menuitem-active a.hover span:before {
	font-size: 22px;
}

#sidebar-menu ul.nav-second-level.first-nav-level li a span:before,
#sidebar-menu ul.nav-second-level.first-nav-level li a.hover span:before {
	font-size: 20px;
}

#sidebar-menu .menuitem-active .active span:before {
	color: #000;
}

body #sidebar-menu a.menu-title.main-menu {
	pointer-events: all;
	text-transform: capitalize;
	cursor: pointer;
	color: #000;
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 6px;
	border: 1px solid transparent;
}

#sidebar-menu ul.nav-second-level.first-nav-level li a {
	padding-left: 16px;
	font-size: 13px;
	position: relative;
	display: flex;
	align-items: center;
}

#sidebar-menu ul.nav-second-level.first-nav-level li a:before,
#sidebar-menu ul.nav-second-level.nav-first-level li a::before {
	content: "";
	background: transparent;
	border: 1px solid #475467;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	display: inline-block;
}

#sidebar-menu ul.nav-second-level.first-nav-level ul.nav-second-level a:before {
	display: none;
}

#sidebar-menu ul.nav-second-level.first-nav-level ul.nav-second-level {
	margin-top: 8px !important;
}

#sidebar-menu ul.nav-second-level.first-nav-level ul.nav-second-level a {
	font-size: 12.5px;
	padding-left: 34px;
	color: #212121;
}

#sidebar-menu ul.nav-second-level.nav-first-level li a {
	padding-left: 16px;
	font-size: 13px;
}

#sidebar-menu ul.nav-second-level li a span.count {
	text-align: center;
	font-size: 11px;
	color: #fff;
	background: #607ae9;
	border-radius: 5px;
}

.inner-menu {
	padding-right: 15px;
}

#sidebar-menu .inner-menu ul.nav-second-level.first-nav-level,
#sidebar-menu ul.nav-second-level .inner-menu ul.nav-second-level.nav-first-level {
	border-radius: 8px;
	background: #eff5fd;
	padding: 10px 0 !important;
}

#sidebar-menu .menuitem-active .inner-menu .first-nav-level li {
	margin-bottom: 8px;
}

#sidebar-menu .inner-menu ul.nav-second-level.first-nav-level a,
#sidebar-menu ul.nav-second-level .inner-menu ul.nav-second-level.nav-first-level a {
	background: transparent;
	border: 0;
	border-radius: 0;
}

#sidebar-menu ul.nav-second-level .inner-menu ul.nav-second-level a:hover {
	font-weight: 600 !important;
}

/*--- sidebar menu css end here---*/

/*--- new dashboard css start here ---*/
.navbar-custom {
	padding: 14px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-left .top-site-links li a img {
	width: 14px;
	height: 14px;
}

.content-page {
	/*min-height: calc(100vh - 129px);*/
	min-height: 100vh;
	padding: 0 0px 25px 0px;
	border-radius: 0;
	border-left: 1px solid #C2D4F3;
	background: #fff;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

/*--- new dashboard css send here ---*/


.domain-outer input#custom_domain {
	border: 0;
	/* border-left: 1px solid #ced4da; */
}

h4.page-title {
	color: #000;
	font-size: 16px;
	font-weight: 600 !important;
	line-height: 150%;
	margin: 0 0 5px 0;
}

#sidebar-menu {
	width: 100%;
	height: 100%;
	overflow: auto
}

#sidebar-menu::-webkit-scrollbar-track,
.nestable_list_1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px transparent;
	background-color: #fff;
	border-radius: 5px
}

#sidebar-menu::-webkit-scrollbar,
.nestable_list_1::-webkit-scrollbar {
	width: 4px;
	background-color: #fff;
	border-radius: 5px
}

#sidebar-menu::-webkit-scrollbar-thumb,
.nestable_list_1::-webkit-scrollbar-thumb {
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 5px
}

.nestable_list_1 {
	height: 400px;
	overflow-y: auto
}

.vendor-search input.form-control {
	border-radius: 50px
}

.vendor-products .card {
	margin-top: 0;
	background: 0 0
}

.vendor-products .nav-tabs .nav-item {
	z-index: 99;
	position: relative
}

.vendor-products table.dataTable {
	margin-top: 0 !important
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}

.table-responsive::-webkit-scrollbar {
	width: 6px !important;
	height: 6px
}

.table-responsive::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) !important;
	border-radius: 10px
}

.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1) !important
}

.login-form label {
	padding: 8px 10px;
	display: inline-block;
	cursor: pointer;
	border-radius: 20px;
	background-color: var(--theme-deafult);
	color: #000;
	font-size: 13px;
	letter-spacing: .5px;
	min-width: 80px;
	text-align: center
}


.login-form .blank-label {
	display: none
}

.login-form input[type=radio]:checked+label {
	color: #010101;
	background-color: #f8ecec;
	color: #000;
	font-size: 13px;
	letter-spacing: .5px
}

.login-form input {
	display: none
}

.dataTables_filter label {
	float: right !important
}

.dataTables_filter label {
	float: right !important
}

div.dataTables_wrapper div.dataTables_processing {
	z-index: 1;
	top: 45% !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
	text-align: center
}

.login-form .custom-control-label::before {
	display: none
}

.pos-rel-tb {
	position: relative;
	top: 6px
}

.add-sub-task-btn {
	background-color: #ecf6ff;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	font-weight: 600;
	width: 100%;
	display: block;
	cursor: pointer;
	border-radius: 4px;
	background-color: #ecf6ff;
	color: #000;
	font-size: 13px;
	letter-spacing: .5px;
	text-align: center;
	transition: all .3s ease-in-out 0s
}

.add-sub-task-btn:hover {
	color: #000;
	background-color: #f8ecec
}

.upload-img-btn {
	background-color: #f8ecec;
	color: #000;
	font-size: 13px;
	letter-spacing: .5px;
	border: none
}

.taskselect {
	font-weight: 700
}

.style-cols .dropify-wrapper {
	height: calc(100% - 35px)
}

.remove-button .btn.btn-danger {
	padding: 0 10px 30px;
	font-size: 14px;
	right: -10px;
	line-height: 0;
	position: absolute;
	height: 100%;
	opacity: 0;
	width: 100%;
	top: 0;
	left: 0;
	text-align: right;
	background: rgb(0 0 0 / 31%);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	border: 0;
	border-radius: 0;
	margin: 0 !important;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.tutorial_main_div .radio_new:hover .btn.btn-danger {
	opacity: 1
}

.last-child .col-12:last-child .mb-3 {
	margin-bottom: 0 !important
}

.catalog_box .card-box {
	margin: 0;
	padding: 1.5rem 1.5rem 80px
}

.btn_bottom {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.dragula-handle::before {
	position: initial
}

.outer_box {
	border: 2px dashed #d2d0cd
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: rgba(0, 0, 0, .514)
}

.nestable_list_1 span.inner-div {
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}


.nestable_list_1>.dd-list {
	padding: 0
}

.vendor-category .dd3-content {
	padding: 8px 16px
}

.table-borderless td,
.table-borderless th {
	padding: 8px 10px 8px 0 !important
}

.dd {
	max-width: 100% !important
}

.outer-box {
	height: calc(100vh - 40vh);
	overflow: auto
}

span.view-password {
	position: absolute;
	top: 9px;
	right: 70px
}

.variant-row .card-body {
	background: #f3f7f9;
	padding: 12px
}

.vari.action-icon {
	padding: 0 1px;
	float: left
}

.dd-list .dd3-handle::before {
	content: "\F01DB" !important;
	font-family: "Material Design Icons";
	color: #adb5bd;
	font-size: 22px
}

.dragula-handle::before {
	top: 5px
}

#map-canvas {
	height: 90%;
	margin: 0;
	padding: 0;
	position: unset
}

.serch {
	width: 100%;
	margin: 0
}

.imageagent {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin-right: 15px
}

.cornar {
	border: 1px solid #ddd;
	padding-top: 10px;
	height: 240px;
	overflow-y: auto;
	padding: 10px
}

.teamshow {
	margin-left: 58px
}

.display {
	height: 35px;
	width: 67px
}

.boxes {
	margin-bottom: 10px;
	height: 100px
}

.new {
	vertical-align: initial !important;
	display: revert !important
}

#new_show {
	display: none
}

.search {
	background-color: #02f2cc
}

.card-box {
	background: #FFFFFF;
	box-shadow: 0px 2px 20px rgba(92, 92, 92, 0.04);
	/*border-radius: 10px;*/
	border-radius: 20px;
	border: 1px solid #f1f1f1;
}

.card-box.mb-0 {
	margin-bottom: 0 !important
}

#AddbrandBox {
	padding-bottom: 0
}

.select_all {
	position: relative;
	top: 8px
}

#show_map-canvas {
	height: 100%;
	border-radius: 20px;
}

.pac-container,
.pac-container .pac-item {
	z-index: 99999 !important
}

body[data-sidebar-size=condensed]:not([data-layout=compact]) {
	min-height: 900px !important
}

.card {
	border-radius: 8px;
}

.light .card {
	/* border-radius: 6px; */
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 2px 20px 0px rgba(92, 92, 92, 0.06);
	border: 1px solid #0052cc1f;
	overflow: hidden;
}

.form-control {
	border-radius: 20px !important;
	font-size: 13px;
}

.card-body label {
	font-size: 13px;
}


button.btn.btn-info.btn-block.save_btn {
	border-radius: 5px;
}

body .switchery {
	/* height: 22px;
	width: 40px; */
	height: 18px;
	width: 36px;
	box-shadow: none !important;
}

body .configurations .switchery {
	float: right;
}

body .switchery>small {
	/* width: 18px;
	height: 18px */
	width: 15px;
	height: 15px
}

.btn-info {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	min-width: auto;
	width: auto
}

.delay_time .modal-footer .buffer_time_btn {
	font-size: 14px;
	padding: 0.45rem 0.9rem;
}

input#is_hyperlocal {
	display: none !important
}

.sub-header {
	margin-bottom: 16px;
	color: #5f5f5f;
}

.banner_wrapper {
	width: auto;
}

.banner_box {
	width: 300px;
	height: 60px;
}

.banner_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

button.btn.btn-info.openBannerModal {
	min-width: auto
}

.social_head i {
	font-size: 16px;
	color: #0450C4;
	margin-right: 5px;
	height: 24px
}

.social_head .fab.fa-apple {
	font-size: 22px
}

.card-box.pb-0.mb-0 {
	margin-bottom: 0 !important
}

.side-icon {
	opacity: .5;
	margin-right: 5px;
	width: 18px
}

/* .pro-user-name {
	text-transform: capitalize
} */

.dropdown.notification-list.topbar-dropdown {
	padding: 6px 0;
	transition: all 0.5s;
	border-radius: 25px;
	border: 1px solid #C2D4F3;
	background: #fff;
}

.dropdown.notification-list.topbar-dropdown:hover {
	background: #fff;
}

.pro-user-name {
	text-transform: capitalize;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	background: #fff;
	padding: 0;
	border: 1px solid #898b89;
	margin-right: 5px;
}

span.pro-user-name img {
	width: 100%;
	height: 100%;
}

h1.control-label {
	font-size: 54px;
	font-weight: 700
}

.col-spacing {
	margin: 0 -8px
}

.col-spacing>div {
	padding: 0 8px !important
}

.modal-footer .btn {
	width: 100%
}

.web-style .dropify-wrapper.has-preview {
	margin: 0 auto;
}

.home-options-list .select2-container--default .select2-selection--single {
	width: 100%;
	height: calc(1.5em + .9rem + 2px);
	padding: .45rem .9rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .2rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.home-options-list .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: normal
}

.home-options-list .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}

.vendor-show-page .custom-dd {
	height: 400px;
	overflow: auto
}

.mb-0.text-left.alDropFile .dropify-wrapper.has-preview {
	margin: 0 auto;
}

.mb-0.text-left.alDropFile label.logo-size.d-block.text-center.mt-1 {
	text-align: left !important;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: .45rem .9rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}

body .select2-container .select2-selection--single {
	height: auto;
	border: 1px solid #ced4da;
	border-radius: 20px !important;
}

input[data-plugin=switchery] {
	display: none !important
}

body.dark {
	background: #1E1E1E;
}

body.dark .navbar-custom {
	background: #242424;
	border-bottom: 1px solid #444444;
	box-shadow: none !important;
}

.btn {
	border-radius: 20px;
}

.dark .home-options-list .dd-list .dd3-item {
	background: rgb(243 247 249 / 10%)
}

.dark .btn-blue:not(:disabled):not(.disabled).active,
.dark .btn-blue:not(:disabled):not(.disabled):active,
.dark .show>.btn-blue.dropdown-toggle,
body.dark .btn {
	border-radius: 50px;
	color: #fff;
	background-color: rgb(247 184 75 / 82%);
	border-color: rgb(247 184 75 / 82%)
}

.dark .btn-blue:not(:disabled):not(.disabled).active,
.dark .btn-blue:not(:disabled):not(.disabled):active,
.dark .show>.btn-blue.dropdown-toggle {
	box-shadow: none
}

#map-canvas {
	height: calc(100vh - 204px)
}

.geo_main #map-canvas {
	height: calc(100vh - 212px) !important
}

.cornar {
	margin: 0 -8px;
	border: 0;
	height: auto
}

.cornar>div {
	padding: 0 8px
}

.custom-checkbox .col-2 {
	width: 50px;
	max-width: max-content;
	flex: initial;
	padding: 0 0 0 10px
}

.custom-checkbox .col-10 {
	flex: auto;
	max-width: none;
	width: 164px;
	padding-right: 0
}

body.dark[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a {
	color: #36404a;
	background-color: rgb(247 184 75 / 82%);
	box-shadow: inset 1px 1px 5px 0 #323a42
}

body.dark .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: rgb(247 184 75 / 82%);
	background-color: rgb(247 184 75 / 82%)
}

body.dark .radio label::after,
body.dark .radio-info input[type=radio]:checked+label::after {
	background-color: rgb(247 184 75 / 82%)
}

body.dark .radio input[type=radio]:checked+label::before,
body.dark .radio-info input[type=radio]:checked+label::before {
	border-color: rgb(247 184 75 / 82%)
}

.radio label {
	cursor: pointer;
	font-weight: 500;
	line-height: 16px
}

body.dark #sidebar-menu .menuitem-active .active,
body.dark #sidebar-menu>ul>li>a:active,
body.dark #sidebar-menu>ul>li>a:focus,
body.dark #sidebar-menu>ul>li>a:hover {
	background-color: transparent;
	color: #fff !important;
}

body.dark .action-icon .mdi-square-edit-outline {
	color: rgb(247 184 75 / 82%)
}

body .tagsinput .tag {
	background: #ccc;
	color: rgba(0, 0, 0, .795);
	padding: 5px 30px 0 12px;
	border-radius: 50px;
	font-size: 12px;
}

.table-responsive .form-group {
	margin-bottom: 0;
}

.table td,
.table th {
	padding: 10px;
}

.dataTables_scrollHead {
	height: auto;
}

.dataTables_scrollBody {
	height: 450px;
}

.card_outer {
	height: calc(100vh - 234px);
}

.map-outer {
	min-height: calc(100vh - 284px);
}

#scroll-bar::-webkit-scrollbar-track,
.vendor-show-page .custom-dd::-webkit-scrollbar-track {
	height: 400px;
	overflow: auto;
}

#scroll-bar::-webkit-scrollbar,
.vendor-show-page .custom-dd::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}

#scroll-bar::-webkit-scrollbar-thumb,
.vendor-show-page .custom-dd::-webkit-scrollbar-thumb {
	background-color: rgb(247 184 75 / 82%);
}

body.dark #form-tags-4_tagsinput {
	background: #36404a;
	border-color: hwb(38 29% 3% / 0.82);
	border-radius: 4px;
}

body.dark .btn.btn-primary-outline.action-icon {
	background: 0 0;
	border: 0;
	color: rgb(196 201 201);
}

body.dark .btn.btn-primary-outline.action-icon:hover {
	color: hwb(38 29% 3% / 0.82);
}


#addCardBox .btn {
	border-radius: 0
}

body.dark .tagsinput {
	background-color: transparent;
	border-color: rgb(247 184 75 / 82%)
}

.dark .login-form label {
	background-color: transparent;
	color: rgb(247 184 75 / 82%)
}

.dark .login-form input[type=radio]:checked+label {
	border-color: #d5a34c
}

.dark .gm-style .gm-style-iw-c {
	background-color: #333c44
}

.gm-style .gm-style-iw-c {
	padding: 12px !important
}

.gm-style .gm-style-iw-d {
	overflow: hidden !important
}

.dark .gm-style .gm-style-iw-t::after {
	background: linear-gradient(45deg, rgb(48 56 64) 50%, rgb(51 60 68) 51%, rgb(48 56 64) 100%);
	box-shadow: -2px 2px 2px 0 rgb(178 178 178 / 40%)
}

.dark .user_info i,
.dark .user_name label {
	color: #d5a34c
}

.gm-ui-hover-effect {
	top: 0 !important;
	right: 0 !important
}

.cstmbtn.check_btn.btn.btn-info {
	border-radius: 0
}

.light .btn-info {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	border-radius: 20px;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	padding: 4px 20px;
	border: 1px solid #0052CC;
	transition: all 0.5s;
	width: auto;
	margin-bottom: 10px;
}

.light .btn-info:hover {
	background: transparent;
	color: #607AE9;
	border-color: #607AE9;
}

#phone_numberInput .iti {
	width: 100%
}

.btn-auto .btn.btn-blue.waves-effect {
	max-width: none;
	min-width: auto
}

body.dark .btn[data-toggle=dropdown] {
	color: #36404a
}

.input-group-text {
	cursor: pointer
}

body.dark .input-group-text {
	color: #d3a14a
}

.dark .add-sub-task-btn {
	background-color: rgb(247 184 75 / 82%)
}

.dark .add-sub-task-btn:hover {
	border-color: rgb(247 184 75 / 82%);
	background-color: rgb(247 184 75 / 60%)
}

.dark .selectize-dropdown,
.dark .selectize-input,
.dark .selectize-input input {
	color: #94a0ad
}

.selectize-input {
	padding: 9px 12px
}

.input-group-append .btn {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.dark .selectize-control.single .selectize-input:after {
	border-color: #94a0ad transparent transparent transparent
}

.dark .assigned-block h5 {
	color: #94a0ad
}

.dark input:checked~.switchery.switchery-default {
	border-color: rgb(247 184 75 / 82%) !important;
	background-color: rgb(247 184 75 / 82%) !important
}

.dark .radio-blue input[type=radio]:checked+label::after {
	background-color: rgb(247 184 75 / 82%) !important
}

.dark .select2-container--default .select2-selection--multiple {
	background-color: #3b4651
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a span {
	padding-left: 0
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a span {
	display: block
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a span:last-child {
	display: none;
	padding-left: 25px
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a span:last-child {
	display: inline-block
}

.dark .primaryCurText+input[type=number] {
	background-color: #3b4651;
	background-clip: padding-box;
	border: 1px solid #424e5a;
	color: #94a0ad
}

#dark_theme+label::before {
	left: 0;
	top: 0
}

#light_theme+label::before {
	left: 0;
	top: 0
}

#exist_variant_div input {
	border: 1px solid #ced4da !important;
	color: #6c757d
}

#exist_variant_div input:focus-visible {
	outline: 0 !important
}

label.file-input.uploadImages img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

label.file-input.uploadImages {
	width: 30px;
	height: 30px;
	border-radius: 50px;
	overflow: hidden
}

.light input:checked~.switchery.switchery-default {
	border-color: #607AE9 !important;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%)
}

.round_img_box {
	display: block;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	border: 1px solid #dddd
}

.round_img_box img.rounded-circle {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}


#promo-datatable .promo_img {
	width: 100px;
	height: 50px;
	object-fit: contain
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none !important
}

.selectize-input {
	padding: 9px 12px !important
}

#banner-datatable td,
#banner-datatable th,
.banner-datatable td,
.banner-datatable th,
.edit_brand-datatable td,
.edit_brand-datatable th {
	padding: 10px 15px !important
}

.selector-option table {
	width: 1500px
}

.option_section td {
	vertical-align: baseline
}

.time-sloat {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: green;
	padding: 0 7px 3px;
	font-size: 12px;
	font-weight: 600
}

td.lasttd.d-flex.align-items-center.justify-content-center {
	position: relative;
	right: 0px;
	top: 3px;
	background: #fff;
	width: 40px;
	height: 50px
}

.left-side-menu .logo span {
	height: 70px;
	width: 110px;
	margin: auto
}

.left-side-menu .logo img {
	height: 100%;
	object-fit: contain;
	width: 100%
}

.left-side-menu .logo {
	padding: 0;
	top: 0px;
	position: relative;
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.left-side-menu .logo:hover {
	filter: grayscale(0)
}

.round_img .dropify-wrapper {
	height: 150px !important;
	width: 150px !important;
	margin: auto;
	border-radius: 50%
}

.round_img .dropify-wrapper .dropify-preview .dropify-render img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover
}

.round_img .dropify-wrapper .dropify-preview {
	padding: 0
}

.upload_box .dropify-wrapper {
	height: 150px !important
}

.upload_box .dropify-wrapper .dropify-preview {
	padding: 0
}

.upload_box .dropify-wrapper .dropify-preview .dropify-render img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.left-side-menu .simplebar-content-wrapper {
	padding-bottom: 100px;
}


.order_detail {
	position: relative;
}

.left_arrow {
	width: 7px;
	height: 7px;
	position: absolute;
	left: -23px;
	top: 5px;
	background: #53c3e3;
	border-radius: 50%
}

.order_data>div {
	padding: 0 10px !important
}

.product_list .list-img {
	min-width: 50px;
	height: 46px;
	margin-right: 10px;
}

.product_list .list-img img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	border-radius: 6px;
}

.items_price {
	list-style: none
}

.items_price {
	font-weight: 500;
	font-size: 12px;
	color: #606060;
	margin: 0;
	text-align: center;
	display: block;
	margin-top: 3px;
}

.item_no {
	color: #818181;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	display: block;
}

.status_box {
	list-style: none
}

.status_box li {
	margin: 0 0 10px
}

.status_box label {
	font-weight: 500;
	font-size: 13px;
	line-height: 150%;
	color: #000;
	display: block;
	border-radius: 0;
	background: transparent;
	padding: 0;
}

.item_price {
	list-style: none
}

.item_price li {
	margin-right: 5px
}

.ai_order .price_box_bottom .grand_total label,
.ai_order .price_box_bottom .grand_total span {
	font-weight: 600;
	color: #3c3c3c;
}

.product_appointment_spa table tr th.show {
	overflow: visible;
}

.pulse {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #0450C4;
	cursor: pointer;
	box-shadow: 0 0 0 rgb(67 190 225 / 50%);
	position: absolute;
	left: -4px;
	top: 4px;
	animation: pulse-animation 2s infinite
}

@-webkit-keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
	}

	100% {
		box-shadow: 0 0 0 20px transparent
	}
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
	}

	100% {
		box-shadow: 0 0 0 20px transparent
	}
}

.price_box_bottom li {
	font-weight: 500;
	font-size: 12px;
	line-height: 150%;
	color: #818181;
	margin: 0 0 10px;
	position: relative;
}

.price_box_bottom li span {
	font-size: 12px;
	line-height: 150%;
	color: #3f3f3f;
	font-weight: 500;
}

.price_box_bottom li:last-child {
	margin: 0
}

.order-summ h4 {
	margin: 0 0 10px 0;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	color: #6a6a6a;
	border-bottom: 1px solid #F4F4F4;
	padding: 0 0 10px 0;
}

.order_detail:hover {
	color: #53c3e3
}

.status_box li img {
	opacity: .5
}

.card-box .background:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: .5;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: -1
}

.card-box .background {
	z-index: 1;
	position: relative
}

.brand-logo img.img-fluid {
	height: 50px
}

i.mdi.mdi-exclamation-thick {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid rgb(0 0 0 / 60%);
	display: inline-block;
	color: rgb(0 0 0 / 60%);
	cursor: pointer
}

.tooltip_error {
	position: absolute;
	right: -87px;
	background: #fff;
	box-shadow: 0 0 5px #ddd;
	padding: 10px 15px 10px 30px;
	margin: 0;
	border-radius: 5px;
	opacity: 0;
	top: -100%;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	max-height: 200px;
	overflow-x: auto;
	-webkit-transition: all .5s;
	transition: all .5s;
	color: rgb(255 0 0 / 80%);
	line-height: 20px;
	width: 260px;
	text-align: left;
	z-index: -1
}

.tooltip_error li {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis
}

.alTooltipHover::after {
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width: 30px;
	height: 15px;
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 34px;
	background-color: #fff;
	box-shadow: 0 2px 5px #ddd;
	opacity: 0;
}

.alTooltipHover:hover .tooltip_error {
	opacity: 1;
	top: -10px;
	transform: 0;
	z-index: 999
}

.custom-control-label,
.select-category label {
	cursor: pointer
}

.form-check-input {
	display: none
}

.custom-radio.radio_new .custom-control-label::before,
.select-category label:before {
	border-radius: 0;
	clip-path: polygon(0 0, 0 35%, 35% 0);
	width: 140px;
	height: 120px;
	left: 0;
	top: 0;
	background-color: transparent;
	opacity: 0;
	content: "\F012C";
	font-family: "Material Design Icons";
	color: #fff;
	font-size: 20px;
	z-index: 1
}

.select-category {
	overflow: hidden
}

.select-category label:before {
	position: absolute;
	text-align: left
}

.custom-radio.radio_new .custom-control-label::before,
.select-category label:before {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.radio_new .custom-control-label::after,
.select-category label::after {
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	transition: all .7s
}

.radio_new .custom-control-label::after,
.select-category label::after {
	background: rgb(0 0 0 / 31%);
	background-image: none !important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	content: "";
	position: absolute
}

.custom-control-input:checked~.custom-control-label::before,
.form-check-input:checked~label:before {
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%) !important;
	opacity: 1;
	border-color: #607AE9 !important;
}

.custom-radio.radio_new .custom-control-input:checked~.custom-control-label::after,
.form-check-input:checked~label::after {
	opacity: 1
}

.address_txt,
.address_txt .ellips_txt {
	width: 140px !important
}

.ellips_txt {
	margin: 0;
	display: block;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.notification-list .profile-dropdown .notify-item {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.notification-list .profile-dropdown .notify-item:hover {
	background: #EEF4FD;
	color: #0450C4;
}

.notification-list .profile-dropdown .notify-item {
	padding: 7px 10px
}

.page-title-right input.form-control.border.form-control.input {
	height: auto
}

.page-title-right .input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.description-txt p {
	font-size: 12px
}

.site-name {
	font-weight: 400
}

.top-site-links li {
	list-style: none
}

.top-site-links li a {
	color: #607AE9;
	transition: all .5s;
	border-radius: 20px;
	background: #EEF4FD;
	padding: 6px 20px 8px;
	font-size: 12px;
	margin: 0 0px;
	border: 0 !important;
	display: flex;
	align-items: center;
	gap: 5px;
}

.top-left .top-site-links li a {
	display: flex;
	align-items: center;
	gap: 5px;
}

.top-left .top-site-links li a span {
	line-height: normal;
}

.top-site-links li:hover a {
	text-decoration: none;
	color: #000;
}

.top-site-links li:hover svg path {
	fill: #000;
}

.top-site-links li i {
	font-size: 16px;
	vertical-align: middle;
	margin-right: 4px;
}

.top-site-links li i.fa.fa-globe {
	font-size: 13px
}

.top-site-links li i.fab.fa-android {
	font-size: 16px
}

.tab-product .nav-tabs .nav-item.show .nav-link,
.tab-product .nav-tabs .nav-link.active {
	background: 0 0;
	border-color: transparent;
	color: red
}

.tab-product .nav-material.nav-tabs .nav-item .nav-link {
	color: rgba(71, 84, 103, 0.5);
	text-align: center;
	border: 0;
	font-weight: 500;
	font-size: 13px;
	padding: 8px 16px;
	border-radius: 20px;
}

ul.nav.nav-tabs.nav-material {
	border: 0 !important;
}

.tab-product .nav-material.nav-tabs .nav-link.active {
	color: #0450C4;
	background: #F2F6FC;
}

.tab-product .nav-material.nav-tabs .nav-item .material-border {
	border-bottom: 2px solid #0450C4;
	opacity: 0
}

.tab-product .nav-material.nav-tabs .nav-link.active~.material-border {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 1
}

.product-name h2 {
	font-size: 20px
}

.text-black {
	color: #343a40 !important
}

.common-table th {
	padding-bottom: 10px
}

.common-table td {
	border-top: 1px solid #ddd;
	padding-top: 15px;
	padding-bottom: 15px
}

/*dashboard pagination hover css remove */
.content-page li.paginate_button.page-item.active:hover {
	background: inherit !important;
	border: 1px solid #fff0;
}

/*end here*/

.navbar-custom .topnav-menu>li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	top: 5px;
}

.nav-user img {
	border-radius: 50%;
	margin-right: 5px
}

/* .dropdown-menu.show {
	top: calc(100% + 10px) !important
} */

.dashboard-boxes .avatar-lg {
	width: 52px;
	height: 52px;
	background: #fbfbfb !important;
	border-color: transparent !important
}

.dashboard-boxes .avatar-lg i {
	color: #ccc
}

body.light {
	background: #f9fbff;
}

.dashboard-boxes p {
	font-weight: 500;
	color: #000 !important
}

.dashboard-boxes .text-dark {
	font-size: 18px;
	font-weight: 900
}

.form-group.mb-0 input {
	margin: 0
}

/* ------------------------ al control panel css ------------------ */
.al_advanced_details {
	background-color: rgba(66, 190, 225, .09);
	border-radius: 2px
}

.al_advanced_details .nestable_list_1 {
	height: 270px
}

.al_advanced_details .dd-list .dd3-content {
	position: relative
}

.al_advanced_details .dd-list .dd-list li {
	list-style: none
}

.al_advanced_details .dd-list .dd3-content {
	background-color: #fff
}

.al_add_user h5 {
	color: #000;
}

form#save_banner_form {
	background-color: #fff
}

p.al_custom_title.mb-1 {
	font-weight: 600
}

.al_overall_form .dropify-wrapper {
	height: 160px
}

.al_overall_form .al_licence_imgbox .dropify-wrapper {
	height: 120px
}

.al_add_user .btn-group ul li {
	list-style: none;
	padding: 7px;
	margin-bottom: 5px;
	position: relative
}

.al_add_user .btn-group ul {
	padding: 0
}

.al_add_user .btn-group ul li small {
	color: #42bee1
}

.al_add_user .btn-group ul li p {
	margin: 0
}

.al_add_user .btn-group .dropdown-menu .al_select_user {
	margin: 0;
	padding: 0 7px;
	position: relative
}

.al_add_user .user_img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	object-fit: cover
}

.al_add_user .btn-group .dropdown-menu .al_select_user sup {
	position: absolute;
	top: 18px;
	right: 10px;
	color: red
}

.al_add_user .btn-group .dropdown-menu li sup {
	top: 27px;
	right: 17px;
	position: absolute
}

.al_print_btn.badge.badge-info {
	height: 30px;
	margin-top: 20px;
	border: 0
}

#al_web_styling input[type="checkbox"] {
	margin: 0 10px
}

body .dropify-wrapper .dropify-clear {
	top: auto;
	bottom: 5px
}

button.btn.btn-secondary.btn-success.waves-effect.waves-light {
	/* background-color: #0450C4; */
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	border-color: #607AE9;
	height: 40px;
	box-shadow: none
}


.al_box_height {
	height: 40px !important;
}


.card-body.position-relative.al {
	padding-bottom: 10px
}

body div.dataTables_wrapper div.dataTables_paginate {
	float: right;
	padding-top: 10px
}

body div.dataTables_wrapper div.dataTables_info {
	height: 50px;
	vertical-align: middle;
	display: inline-flex;
	align-items: center
}

/* .al_card{display:block;height:50px;box-shadow:0 3px 10px 0 #000!important;border-radius:10px!important;overflow:hidden} */
.al_card {
	display: block;
	height: 50px;
	/* box-shadow:0 3px 10px 0 #000!important; */
	border-radius: 10px !important;
	overflow: hidden
}

.al_card label {
	height: 50px;
	vertical-align: middle;
	padding: 0 10px;
	display: flex
}

body .main-customer-page .set-height {
	min-height: calc(100vh - 350px)
}

body .dataTables_scrollBody {
	height: auto
}

.content .al_custom_cke .cke {
	margin-top: .5em
}

.content .al_custom_cms_page ol a {
	border: 0
}

body .row.rowYK.al_row_table #banner-datatable.table th {
	padding: 0 12px !important;
	font-weight: 500
}

body .row.rowYK.al_row_table #banner-datatable.table td {
	padding-left: 12px !important;
	padding-right: 12px !important
}

.al_print_btn.badge.badge-info {
	height: 30px;
	margin-top: 20px;
	border: 0
}

.track-order-list ul li:last-child {
	border-color: transparent
}

.track-order-list ul li:before {
	top: 2px
}

.selectize-control.single .selectize-input:after {
	transform: rotate(0)
}

body .selectize-control.single .selectize-input.dropdown-active:after {
	transform: rotate(0)
}

body .swal2-styled.swal2-cancel {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: transparent;
	color: transparent;
	font-size: 10px;
	position: absolute;
	top: -30px;
	right: -30px
}

body .swal2-styled.swal2-cancel:before {
	position: absolute;
	content: "x";
	background-color: red;
	height: 40px;
	width: 40px;
	border-radius: 40px;
	color: #fff;
	font-size: 30px;
	line-height: 1
}

body .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: none;
	/* background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%); */
}

button.swal2-confirm.swal2-styled:hover {
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%) !important;
}

body .swal2-icon.swal2-info.swal2-icon-show {
	display: none !important
}

body .swal2-styled.swal2-confirm {
	padding: 5px 50px;
	text-transform: uppercase
}

body .dropify-wrapper {
	height: 160px
}

body .dropify-wrapper .dropify-message p {
	font-size: 12px !important;
	line-height: 1.3 !important;
	font-weight: 400
}

body .dropify-wrapper .dropify-message p.dropify-error {
	color: red;
	font-weight: 400
}

body .dropify-wrapper .dropify-message span.file-icon {
	font-size: 30px
}

body .menu-title+.nav-second-level>li>a span:first-child {
	vertical-align: top
}

.menu-title+.nav-second-level>li>a:hover img {
	filter: grayscale(0)
}

.menu-title+.nav-second-level>li>a:hover .cls-1,
.menu-title+.nav-second-level>li>a:hover .cls-2 {
	fill: #0450C4
}

body #clear_filter_btn_icon {
	height: 40px !important;
	width: 40px !important;
	padding: 0 !important
}

body .custom-select,
body .form-control {
	height: 40px
}

#sidebar-menu .menuitem-active a.active::before {
	border: 1px solid #fff
}

.editVariantBox .selectize-input .item {
	white-space: nowrap
}

body .content-page .btn.btn-info {
	color: #fff;
	font-size: 13px;
	font-weight: 400 !important;
	line-height: 150%;
	border-radius: 20px !important;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	box-shadow: 0px 6px 10px 0px rgba(96, 109, 232, 0.20);
	padding: 6px 16px !important;
	border: 1px solid transparent;
	transition: all 0.5s;
	width: auto;
	margin-bottom: 10px;
	margin-right: 10px;
}

body .content-page .btn.btn-info:last-child {
	margin-right: 0;
}

.pac-target-input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.al_catalog_box button svg {
	position: relative;
	top: -1px;
}

body .content-page .btn.btn-info:hover {
	border: 1px solid #607AE9 !important;
	background: transparent;
	color: #607AE9 !important;
}

button.addBrandbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}


.menu-title+.nav-second-level>li>a {
	-webkit-transition: .5s;
	transition: .5s
}

.menu-title+.nav-second-level>li>a:hover {
	background-color: transparent;
	border-radius: 5px
}

body .btn-blue {
	background-color: #0450C4;
	border-color: #0450C4
}

.color_a .card-body {
	border-radius: 10px;
	background-color: var(--card_color_a) !important;
	color: var(--card_color_a) !important
}

.color_a .card-body i svg {
	fill: var(--text_color_a)
}

.color_b .card-body {
	border-radius: 10px;
	background-color: var(--card_color_b) !important;
	color: var(--card_color_b) !important
}

.color_b .card-body i {
	color: var(--text_color_b)
}

.color_c .card-body {
	border-radius: 10px;
	background-color: var(--card_color_c) !important;
	color: var(--card_color_c) !important
}

.color_c .card-body i {
	color: var(--text_color_c)
}

.color_d .card-body {
	border-radius: 10px;
	background-color: var(--card_color_d) !important;
	color: var(--card_color_d) !important
}

.color_d .card-body i svg {
	fill: var(--text_color_d)
}

.color_e .card-body {
	border-radius: 10px;
	background-color: var(--card_color_e) !important;
	color: var(--card_color_e) !important
}

.color_e .card-body i svg {
	fill: var(--text_color_e)
}

.color_f .card-body {
	border-radius: 10px;
	background-color: var(--card_color_f) !important;
	color: var(--card_color_f) !important
}

.color_f .card-body i svg {
	fill: var(--text_color_f)
}

.color_g .card-body {
	border-radius: 10px;
	background-color: var(--card_color_g) !important;
	color: var(--card_color_g) !important
}

.color_g .card-body i {
	color: var(--text_color_g)
}

.color_h .card-body {
	border-radius: 10px;
	background-color: var(--card_color_h) !important;
	color: var(--card_color_h) !important
}

.color_h .card-body i {
	color: var(--text_color_h)
}

.color_i .card-body {
	border-radius: 10px;
	background-color: var(--card_color_i) !important;
	color: var(--card_color_i) !important
}

.color_i .card-body i svg {
	fill: var(--text_color_i)
}

.color_j .card-body {
	border-radius: 10px;
	background-color: var(--card_color_j) !important;
	color: var(--card_color_j) !important
}

.color_j .card-body i svg {
	fill: var(--text_color_j)
}

.al_color_box .card-body h3,
.al_color_box .card-body p {
	color: var(--textDark_color) !important
}

.al_color_box .card-body .rounded-circle {
	background-color: transparent !important
}

.language-input.style-4 {
	overflow: auto;
	max-width: fit-content;
	width: 500px
}

span.icon-verification-options svg path {
	fill: #1c1d22
}

span.icon-estimation svg path {
	fill: #1c1d22
}

/* .vendor-page .tab-content{padding:40px 0 0!important;margin-top:-47px} */
.content-page .content {
	padding-top: 0
}

.form-group.mb-0 .tagsinput {
	padding: 2.5px;
	border: 1px solid #ced4da;
	border-radius: .2rem
}

th {
	font-weight: 600
}

.file--upload {
	position: relative;
	overflow: hidden;
	border-radius: 12px
}

.file--upload>label .fa-user:before {
	content: "\f007";
	position: relative;
	top: 10px
}

.file>input[type=file] {
	display: none
}

.file>label {
	cursor: pointer;
	outline: 0
}

.file>label:hover {
	border-color: #353535
}

.file>label:active {
	background-color: #f4f4f4
}

.file>label>i {
	padding-right: 5px
}

/* ===================== dashboard ======================== */
.apexcharts-canvas .apexcharts-legend.position-bottom .apexcharts-legend-series {
	display: block;
	align-items: end;
	clear: both;
	width: 100%;
	text-align: left;
}

.apexcharts-canvas .apexcharts-legend.position-bottom.apexcharts-align-center {
	justify-content: center;
	max-width: 260px;
	margin: 0 auto;
}

.web-style .alSignUpImageControal .dropify-wrapper.has-preview {
	width: 100%;
	max-width: 100%;
}

/* .card-body.al_custom_control .alThemeDemoSec:nth-child(5) {display: none;} */
#alDashboardStyle h2.fw-normal.mb-3 span,
#alDashboardStyle h3 {
	color: #555657;
}

.dark #alDashboardStyle h2.fw-normal.mb-3 span,
.dark #alDashboardStyle h3 {
	color: #c6c6c6;
}

#alDashboardStyle h3 {
	font-weight: 600 !important;
}

#alDashboardStyle h5 {
	color: #777;
}

.dark #alDashboardStyle h5 {
	color: #98a6ad;
}

.alDasBoxItems span.text-nowrap {
	padding-left: 8px;
}

.card-body.alRevenueBox {
	min-height: 364px;
}

/* .alRevenueByLocation {
	min-height: 585px;
} */

.dark #alDashboardStyle h3 {
	color: #c6c6c6;
}

.al_new_export_table.dealdive_customber_btn.table_customber_add .position-absolute.mb-2 {
	z-index: 999;
	right: 0;
	margin: 0 !important;
	text-align: right;
}

.al_new_export_table.dealdive_customber_btn.table_customber_add .row.mt-1.sml_royo-responsive {
	margin-top: -40px !important;
}

.al_new_export_table.dealdive_customber_btn.table_customber_add .row.mt-1.sml_royo-responsive .tab-pane .card-body {
	padding: 10px 0;
}

.alCustomCheckBoxText input[type="radio"]:checked,
.alCustomCheckBoxText input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.alCustomCheckBoxText input[type="radio"]:checked+label,
.alCustomCheckBoxText input[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

.alCustomCheckBoxText input[type="radio"]:checked+label:before,
.alCustomCheckBoxText input[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.alCustomCheckBoxText input[type="radio"]:checked+label:after,
.alCustomCheckBoxText input[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #0450C4;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.alCustomCheckBoxText input[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.alCustomCheckBoxText input[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* dark dashboard css start */
.dark body div.dataTables_wrapper div.dataTables_info {
	color: #94a0ad;
}

.dark .al_add_user,
.dark form#save_banner_form {
	background-color: #424e5a;
}

.dark .dropify-wrapper {
	background-color: #3b4651;
}

.dark .dropify-wrapper:hover {
	background-image: -webkit-linear-gradient(135deg, #424e5a 25%, transparent 25%, transparent 50%, #424e5a 50%, #424e5a 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #424e5a 25%, transparent 25%, transparent 50%, #424e5a 50%, #424e5a 75%, transparent 75%, transparent);
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect {
	color: #acbfd2;
}

.card.changeIcon {
	box-shadow: none !important;
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	color: #acbfd2;
}

.outer-box.border-dashed {
	border-style: dashed;
	border-width: 2px;
	height: 100%;
	min-height: 80px;
	border-radius: 7px;
	overflow: hidden;
}

.alProDuctBannerImg {
	position: relative;
	padding-bottom: 100%;
	border-radius: 7px;
	overflow: hidden;
}

.alProDuctBannerImg img.w-100 {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	height: 100%;
}

.alProDuctBannerImg span {
	position: absolute;
	z-index: 1;
	background-color: red;
	right: 5px;
	top: 6px;
	height: 18px;
	width: 18px;
	border-radius: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	font-size: 10px;
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	color: #acbfd2;
}

.dark .dd-list .dd-item .dd-handle {
	background: transparent;
}

.dark .content h1,
.dark .content h2,
.dark .content h3,
.dark .content h4,
.dark .content h5 {
	color: #acbfd2;
}

.dark .content .tabs_radio_controls h5 {
	color: #000;
}

.dark #edit_page_content label.control-label {
	color: #acbfd2;
}

.dark .price_box_bottom li,
.dark .cms-content .form-control {
	color: #acbfd2;
}

.dark .status_box li img {
	opacity: 1;
	background: #ffffff4d;
	border-radius: 25px;
}

.dark .flatpickr-months .flatpickr-month,
.dark .flatpickr-months .flatpickr-prev-month,
.dark .flatpickr-months .flatpickr-next-month,
.dark .flatpickr-day,
.dark span.flatpickr-weekday {
	color: #acbfd2;
	fill: #acbfd2;
}

.dark .flatpickr-calendar.open {
	background: #303841;
}

.dark .flatpickr-day.flatpickr-disabled,
.dark .flatpickr-day.flatpickr-disabled:hover,
.dark .flatpickr-day.prevMonthDay,
.dark .flatpickr-day.nextMonthDay,
.dark .flatpickr-day.notAllowed,
.dark .flatpickr-day.notAllowed.prevMonthDay,
.dark .flatpickr-day.notAllowed.nextMonthDay {
	color: #6d767f;
}

.dark .form-control-light {
	background-color: #3b4651 !important;
	border-color: #3b4651 !important;
}

#alDashboardStyle h5 {
	text-transform: capitalize;
}

.dark .table,
.dark .progress-w-percent .progress-value {
	color: #acbfd2;
}

.dark .progress {
	background-color: #303841;
}

.dark .dd-list .dd3-content {
	background: rgba(66, 190, 225, .09);
}

.dark .modal-content {
	background-color: #424e5a;
}

.dark .border-bottom {
	border-bottom: 1px solid #424e5a !important;
}

.dark .modal-content label {
	color: #acbfd2;
}

.dark .modal-content .form-control {
	color: #94a0ad;
	background-color: #3b4651;
	border: 1px solid #424e5a;
}

.dark .close {
	color: #f7f7f7;
}

.dark #alLightBg {
	background-color: #3b4651;
}

#UpdateSubadmin .table-borderless td,
#UpdateSubadmin .table-borderless th {
	padding: 8px 10px 8px 10px !important;
}

.dark .dropzone {
	background: #3b4651;
}

.dark .selectize-input {
	border: 1px solid #424e5a;
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	color: #acbfd2;
}

.order_data_box .error-msg {
	font-size: 20px;
	position: relative;
	width: 100%;
	top: 0;
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0%);
}

/* .alDeliveryOptionsPage .switchery-demo label {
	margin: 0 !important;
} */

.dark .table thead th {
	background: #161616;
	border: none;
}

/* dark dashboard css end */

.file--upload>label {
	width: 100%;
	margin: 0;
	display: inline-block
}

/*=========   start Rate for Vendor css 02-03-2023  ===========*/
button.add_edit_driver_review {
	background: #0450C4;
	border: 1px solid #0450C4;
	color: #fff;
	border-radius: 15px;
	font-size: 12px;
	text-transform: capitalize;
	display: inherit;
	padding: 4px 17px;
	font-weight: 500;
	letter-spacing: 1px;
}

button.add_edit_driver_review:hover {
	background: transparent;
	color: #0450C4;
}

.driver_rating_vendor div#vendor_rating h4 {
	font-size: 30px;
	text-align: center;
	font-weight: 900 !important;
	margin-bottom: 20px;
}

.driver_rating_vendor div#vendor_rating .rating-form .form-item {
	width: auto;
	text-align: center;
}

.driver_rating_vendor div#vendor_rating button#review_agent_form_button {
	background: #0450C4;
	color: #fff;
	margin: 10px auto 20px;
	text-align: center;
}

.driver_rating_vendor div#vendor_rating .form-row .col-md-12 {
	text-align: center;
}

.driver_rating_vendor .modal-content {
	border-radius: 10px;
}

/*=========   end Rate for Vendor css 02-03-2023  ===========*/

.file--upload>label:active {
	background-color: transparent
}


html body .scroll_res .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar:horizontal {
	height: 5px !important;
}

html body .scroll_res .selectize-dropdown-content {
	overflow: auto !important;
}

html body .scroll_res .selectize-dropdown [data-selectable] {
	overflow: unset !important;
}

button.add_edit_driver_review {
	background: transparent;
	border: 2px solid #0450C4;
	color: #0450C4;
	width: 90%;
	border-radius: 50px;
	font-size: 14px;
	text-transform: capitalize;
	margin: 20px auto !important;
	display: block;
	padding: 5px;
	font-weight: 600;
}

#handles-list {
	padding: 0;
	margin: 6px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	list-style: none;
}

#handles-list li i {
	font-size: 18px;
	color: #fff;
}

#import-product .nav {
	gap: 10px;
	border-bottom: 0 !important;
}

#import-product .nav-tabs .nav-link {
	display: block;
	width: 100%;
	text-align: center;
	border: 0;
	background-color: #edeff1;
	border-radius: 20px;
}

#import-product .nav-tabs .nav-link.active {
	color: #fff;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	box-shadow: 0px 6px 10px 0px rgba(96, 109, 232, 0.20);
	padding: 6px 24px !important;
	border: 1px solid #607AE9;
	border-radius: 20px;
}

#import-product li.nav-item {
	width: 49%;
}

body .swal2-container {
	z-index: 9999999999;
}

#addAddonmodal td.lasttd {
	width: 6%;
	vertical-align: middle;
}

#addAddonmodal .modal-lg {
	max-width: 700px;
}

#addBannner-form .modal-sm,
#import-form .modal-dialog {
	max-width: 600px;
}

/*-- new css start --*/

.card-info {
	/* border-radius: 8px; */
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(16, 24, 40, 0.06);
	border: 1px solid #f1f1f1;
}

.vendor.card-info,
.account.card-info {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px 20px;
}

.total-ven {
	background: #F2E7FF;
}

.vendor.card-info.total-ven h3,
.vendor.card-info.total-ven h3 span,
.account.card-info.total-ven h3,
.account.card-info.total-ven span {
	color: #7E22CE;
}

.open-ven {
	background: #dff3ef;
}

.vendor.card-info.open-ven h3,
.vendor.card-info.open-ven h3 span,
.account.card-info.open-ven h3,
.account.card-info.open-ven span {
	color: #16A34A;
}

.total-pro {
	background: #D5EDF8;
}

.vendor.card-info.total-pro h3,
.vendor.card-info.total-pro h3 span,
.account.card-info.total-pro h3,
.account.card-info.total-pro span {
	color: #008CCC;
}

.total-act {
	background: #E3EBFF;
}

.vendor.card-info.total-act h3,
.vendor.card-info.total-act h3 span,
.account.card-info.total-act h3,
.account.card-info.total-act span {
	color: #3068FE;
}

.total-funds {
	background: #FFE2E5;
}

.vendor.card-info.total-funds h3,
.vendor.card-info.total-funds h3 span,
.account.card-info.total-funds h3,
.account.card-info.total-funds span {
	color: #FA5A7D;
}

.vendor.card-info h3,
.account.card-info h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	margin: 0;
}

.vendor.card-info h3 span,
.account.card-info h3 span {
	font-size: 20px;
	font-weight: 400;
	line-height: 120%;
	display: block;
	margin-top: 8px;
}

.popup-card {
	border-radius: 8px;
	/* border-radius: 20px; */
	border: 1px solid #F4F4F4;
	background: #fff;
	margin-bottom: 20px;
}

.popup-card label {
	color: #6c757d;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	padding: 14px;
	display: block;
	border-bottom: 1px solid #e3e7f1;
	margin: 0;
}

a.generate_Ai_image {
	color: #000;
	font-weight: 500;
	display: inline-flex;
	margin-left: 40px;
	cursor: pointer;
}

a.generate_Ai_image:hover {
	color: #607AE9;
}

.popup-card .body-card {
	padding: 14px;
}

.dropify-wrapper {
	border: 2px solid #F4F4F4;
}

.popup-card.form-card .body-card {
	padding: 20px;
}

.popup-card.form-card label,
label.control-label,
#fssai-licenseInput label {
	padding: 0;
	margin-bottom: 8px;
	border: 0;
	color: #6c757d;
	font-size: 13px;
	font-weight: 500 !important;
	line-height: normal;
}

h5.card-label {
	color: #212121;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	padding: 14px;
	display: block;
	border-bottom: 1px solid #e3e7f1;
	margin: 0;
}

.switchery.switchery {
	background-color: #eae8e8 !important;
	border: 0;
}

.switchery.switchery small {
	/* top: 2px; */
	top: 1.4px;
}

i.mdi.mdi-square-edit-outline {
	color: #98a6ad;
}

i.mdi.mdi-delete {
	color: #98a6ad;
}

.al_licence_imgbox {
	border-top: 1px solid #F4F4F4;
	padding-top: 15px;
}

.dropdown-toggle,
.dropdown-toggle:focus-visible,
.dropdown-toggle:focus {
	border: 0;
	padding: 0;
	background-color: transparent !important;
}

button.dropdown-item {
	padding: 5px 10px;
	display: flex;
	align-items: center;
	color: #6c757d;
	font-size: 14px;
}

button.dropdown-item a {
	color: #6c757d !important;
}

.dropdown-item svg {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

button.action-icon.delete_customer.delete-product {
	background: transparent;
	border: 0;
	color: #000;
}

.card-icon {
	width: 50px;
	height: 50px;
}

.card-icon svg {
	width: 100%;
	height: 100%;
}

body .al_back_btn button.al_print_btn {
	padding: 5px 10px !important;
	display: flex;
	align-items: center;
	gap: 5px;
}

body .al_back_btn button.al_print_btn:hover svg path {
	fill: #607AE9;
}

/*--- sandeep new css here now ---*/

.notification {
	text-decoration: none;
	display: inline-block;
	border-radius: 2px;
	width: 235px;
	background: #f9fbff;
	padding: 20px 15px;
	position: fixed;
	transition: auto;
	z-index: 999;
	bottom: 0;
}

.notification a.notify-item.logout {
	color: #0450C4;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	padding: 7px 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin-top: 10px;
	transition: all 0.5s;
	border-radius: 25px;
	border: 1px solid #C2D4F3;
	background: #fff;
}

.notification a.notify-item.logout:hover {
	color: #fff;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
}

a.nav-link.user-name {
	display: flex;
	align-items: center;
	color: #212121;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

#alDashboardStyle .card.customer {
	background: #FFE2E5;
}

#alDashboardStyle .card.orders {
	background: #FFF4DE;
}

#alDashboardStyle .card.revenue {
	background: #DCFCE7;
}

#alDashboardStyle .card.vendors {
	background: #F3E8FF;
}

#alDashboardStyle .card.alDasBoxItems {
	box-shadow: none;
	border-radius: 10px;
	border: 0;
	margin-bottom: 20px;
}

div#alDashboardStyle .card {
	/* border-radius: 10px; */
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 5.744940280914307px 17.234825134277344px 0px rgba(100, 100, 111, 0.08);
	border: 1px solid #d1e0f6;
}

#alDashboardStyle .alDasBoxItems .card-body {
	padding: 15px 20px;
	/* padding: 10px; */
	position: relative;
}

#alDashboardStyle .alDas {
	position: absolute;
	top: 20px;
	right: 20px;
}

#alDashboardStyle .alDas span {
	color: #212121 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 18.316px;
	display: flex;
	align-items: center;
	gap: 5px;
}

#alDashboardStyle .alDas span svg {
	order: 2;
	width: 18px;
	height: 18px;
}

#alDashboardStyle .alDasBoxItems h5 {
	color: #425166;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 0;
}

#alDashboardStyle .card-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

#alDashboardStyle .card-head .icon {
	width: 40px;
	height: 40px;
}

#alDashboardStyle .card-head .icon svg {
	width: 100%;
	height: 100%;
}

#alDashboardStyle .alDasBoxItems h3 {
	color: #151D48;
	font-weight: 500 !important;
	margin: 10px 0;
	font-size: 24px;
	font-style: normal;
	line-height: 28px;
}

#alDashboardStyle .alDasBoxItems p {
	color: #4079ED;
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;
}

#alDashboardStyle .alDasBoxItems p span.text-nowrap {
	padding-left: 4px;
}

#alDashboardStyle h4.heading {
	color: #1a181e;
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
	/* padding: 20px; */
	padding: 0 0px 10px 20px;
	margin: 0;
}

#alDashboardStyle table tr th {
	color: #212121;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	border-bottom: 1px solid #EDEDED;
	border-top: 0;
}

#alDashboardStyle table tr td {
	border-top: 0;
	/* border-bottom: 1px solid #e3e7f1; */
	padding: 7px 10px;
	color: #212121;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	vertical-align: middle;
}

#alDashboardStyle table tr:last-child td {
	border: 0;
}

#alDashboardStyle table tr td a {
	color: #0450C4;
	font-weight: 600;
}

#alDashboardStyle table tr td span {
	color: #818181;
	font-size: 12px;
	display: block;
	font-weight: 400;
}

#alDashboardStyle table tr td span.satcard {
	border-radius: 3px;
	display: inline-block;
	padding: 0 0 0 5px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}

#alDashboardStyle table tr td span.paid {
	background: rgba(0, 194, 159, 0.10);
	color: #00C29F;
}

#alDashboardStyle table tr td span.pending {
	/* background: #DEE5FB; */
	color: orange;
}

.subscription-vendor-product .nav-tabs {
	border-bottom: 0;
	/* margin-bottom: -19px; */
}

.order_head {
	background: rgba(251, 250, 250, 1);
	padding: 14px;
}

.ordersta {
	display: flex;
	align-items: center;
	gap: 10px;
}

.al_order_sec .card-body {
	padding: 15px;
	border-top: 1px solid #f1f1f1;
}

.order_detail_data .prod-info h6 {
	color: #3f3f3f;
	font-size: 14px;
	font-weight: 500;
	line-height: 100%;
	display: block;
	margin: 0 0 5px 0;
}

.order_detail_data .prod-info {
	display: flex;
	margin-bottom: 15px;
}

.order_detail_data .prod-info span.price {
	color: #0450C4;
	font-size: 12px;
	font-weight: 600;
	line-height: 110%;
	margin-top: 10px;
	display: block;
}

.alOrderStatus h4.user-name {
	color: #3F3F3F;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.subtotal_amount {
	color: #818181;
	font-size: 12px;
	font-style: inherit;
	font-weight: 500;
	line-height: normal;
	text-align: right;
}

.subtotal_amount span {
	color: #393939;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	display: block;
	text-align: right;
}

.order_detail .progress-order {
	width: 100%;
	margin: 0;
	left: 0;
	padding: 0;
	border-bottom: 1px solid #F4F4F4;
	padding-bottom: 10px;
	background: transparent;
	margin-bottom: 15px;
}

.order_detail span.badge-td {
	color: #757575;
	font-size: 10px;
	font-weight: 500;
	line-height: 150%;
	border-radius: 4px;
	background: #F3F3F3;
	padding: 6px 12px;
	margin-top: 15px;
	display: inline-block;
}

.status_box svg path {
	fill: #F7B84B;
}

.alOrderStatus span {
	color: #3F3F3F;
	font-size: 12px;
	font-weight: 500;
	line-height: 150%;
}

.vendor_name {
	display: flex;
	align-items: center;
	gap: 5px;
}

.vendor_name .img-box {
	min-width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 100%;
}

.status h5.title-heading {
	font-size: 12px;
	line-height: 150%;
	color: #3f3f3f;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.order-summ .price_box_bottom li {
	font-size: 13px;
	word-break: break-word;
}

.order-summ .price_box_bottom li span {
	font-size: 13px;
	white-space: nowrap;
}

.gifted-icon {
	background: #efefef;
	width: 34px;
	height: 34px;
	border-radius: 100%;
}

.option-gif {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: end;
}

.gifted-icon img {
	filter: grayscale(1);
}

#update-single-status .btn-info:hover {
	background-color: transparent;
	color: #607AE9;
}

.status_box {
	color: #F7B84B;
	border-radius: 4px;
	background: #FFF1D8;
	padding: 3px 11px 4px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	display: inline-flex;
	margin: 7px 0 0;
}

label.in-progress {
	color: #F7B84B;
	font-size: 12px;
	font-weight: 600;
	line-height: 150%;
}

.head-product h4.header-title {
	padding: 0;
	border: 0;
	margin: 0;
}

.head-product {
	border-bottom: 1px solid #e3e7f1;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.product_appointment_spa button.btn.btn-info {
	height: 34px;
	font-size: 12px;
	padding: 0 10px;
}

.product_appointment_spa thead.table-light th {
	background: #F2F6FC;
	border: 0 !important;
	border: 0;
	color: #2c3a4c;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	padding: 10px;
}

.product_appointment_spa table td,
.product_appointment_spa table th {
	border: 0;
	padding: 10px 10px 0;
}

.product_appointment_spa table .prod-img {
	width: 60px;
	height: 60px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 15px;
}

.product_appointment_spa table .prod-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product_appointment_spa table .prod-name {
	color: #2C3A4C;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
}

.product_appointment_spa table .prod-info span {
	font-size: 11px;
	margin-top: -1px;
	display: block;
}

.product_appointment_spa table .prod-info a {
	display: inline-block;
	color: #2C3A4C;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.product_appointment_spa table p {
	color: #2C3A4C;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	margin: 3px 0 0 0;
}

.product_appointment_spa table .item-price {
	color: #2C3A4C;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.product_appointment_spa table .item-total-price.text-right {
	font-size: 16px;
	color: #2C3A4C;
	font-weight: 400;
	line-height: normal;
}

.product_appointment_spa table td.text-right,
.ai_order .price_box_bottom li span {
	color: #464646;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.product_appointment_spa table tr th,
.ai_order .price_box_bottom li {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #818181;
	position: relative;
}

.ai_order .dropdown-menu.show {
	top: 100% !important;
}

tr.product td {
	border-bottom: 1px solid #e3e7f1;
	padding: 20px 10px 20px;
}

.ai_card p span.adr {
	min-width: 290px;
}

.product_appointment_spa .form-ul {
	display: flex;
	align-items: center;
	gap: 10px;
}

.product_appointment_spa .form-ul span.img-box {
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 100%;
	overflow: hidden;
}

.product_appointment_spa .form-ul span.img-box img {
	width: 100%;
}

.product_appointment_spa .total {
	padding: 10px 10px 15px !important;
}

.product_appointment_spa .payable {
	padding: 15px 10px !important;
	border-top: 1px solid #e3e7f1 !important;
}

.product_appointment_spa .table {
	margin-bottom: 0;
}

.vendor-profile .card-box h4.card-title {
	padding: 14px 20px;
	margin: 0;
	color: #212121;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	border-radius: 20px;
}

.vendor-profile .card-box h4.card-title i {
	color: #101828;
	transition: 0.9s ease-in-out;
}

.vendor-profile .card-box {
	padding: 0 20px;
}

h4.card-title.uparrow i,
.prodtoggle.uparrow i,
.apptoggle.uparrow i {
	transform: rotate(180deg);
}

.dnonecard {
	/* border-top: 1px solid transparent; */
	height: 0;
	opacity: 0;
	visibility: hidden;
	/*transition: 0.7s all;*/
}

.dnonecard.show {
	/* padding: 15px 0 20px 0; */
	padding: 1.5rem;
	border-color: #e3e7f1;
	height: 100%;
	opacity: 1;
	visibility: visible;
}

.inbox-widget.card-list {
	overflow-y: auto;
}


.prodcard,
.appcard {
	display: none !important;
	transition: 0.7s all;
}

.prodcard.show,
.appcard.show {
	display: block !important;
}

a.btn.addUsersBtn {
	padding: 0;
	color: #0450C4;
	font-size: 12px;
	font-weight: 600;
	line-height: 150%;
	display: table;
	margin-left: auto;
	margin-bottom: 10px;
}

body .content-page .vendor-profile .btn.btn-info {
	width: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
}

.quick-nav h4 {
	color: #343a40;
	font-size: 14px;
	font-weight: 400;
	line-height: 100%;
	margin: 0 0 15px;
}

.quick-nav .card-body {
	padding: 1rem;
}

.quick-nav ul li a {
	color: #818181;
	font-size: 13px;
	font-weight: 400;
	line-height: 150%;
	padding: 12px;
	display: block;
	transition: 0.5s all;
}

.quick-nav ul li:nth-child(odd) {
	background: #f3f7f9;
}

.quick-nav ul li a:hover,
a.product-tab.active {
	color: #607AE9;
	font-weight: 400;
}

.quick-nav ul li:last-child a {
	border: 0;
}

.quick-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.product_form h5.heading,
.app-style h5.heading {
	padding: 14px 20px;
	margin: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
}

a#dropdownMenuLink {
	border: 0;
	line-height: normal;
}

.popular-prod svg {
	height: 291px;
}

.brandList b {
	display: block;
	width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.quick-nav.fixed {
	position: sticky;
	width: 100%;
	top: 50px;
	/* left: 0; */
}

.dd3-content {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	position: relative;
}

#add-form .dd3-content {
	display: block;
}

.dd-list .dd3-item ol.dd-list {
	padding-left: 6px;
}

.dd-handle.dd3-handle {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0 12px 0 0;
	display: flex;
	align-items: center;
}

ol.dd-list .dd-item .dd-list .dd-item {
	margin-top: 12px;
}

.dd-list li.dd-item a {
	color: #818181 !important;
}

.dd-list .dd-item button {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 20px 0px 0px 20px;
	background: #EEF6FE;
	margin: 0;
	color: #0450C4;
	font-size: 20px;
}

.dd-list .dd-item.d-expandables {
	padding-left: 30px;
}

.dd-list .dd-item button.dd-collapse:before {
	font-size: 35px;
}

.payout-chart {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 55px;
}

.status-progress ul {
	border-radius: 6.548px;
	background: #F4F9FF;
	padding: 0;
	margin: 0;
	list-style: none;
}

.status-progress ul li {
	padding: 8px 15px;
	border-bottom: 1px solid #92C1FF;
	color: #1C1C1C;
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	display: flex;
	align-items: center;
}

.status-progress ul li:last-child {
	border-bottom: 0;
}

.status-progress ul li span.status-bar {
	width: 12px;
	height: 12px;
	background: #1479FA;
	display: inline-block;
	border-radius: 100%;
	margin-right: 10px;
}

.status-progress ul li span.pending.status-bar {
	background: #ccdffa;
}

.error-msg img {
	max-width: 350px;
}


/* .chat:hover svg path {
	fill: #0450C4;
} */

li.view-site a {
	display: none !important;
}

/*============================================= dashboard page responsive css start here ======================================= */
@media(max-width:1600px) {
	.card-box {
		padding: 20px;
	}
}

.file .update_pic {
	height: 180px;
	width: 100%;
	border: .9px solid #e9f0f8;
	background: url(./images/slider01.jpg) no-repeat center;
	background-size: cover
}

.file .update_pic img {
	object-fit: cover;
	height: 100%;
	width: 100%
}

.file--upload>label .plus_icon {
	height: 60px;
	width: 60px;
	line-height: 76px;
	color: #fff;
	text-align: right;
	font-family: "Nunito Sans";
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	border-radius: 50%;
	background-color: #0450C4;
	box-shadow: 0 2px 4px 0 #a10000;
	display: block;
	position: absolute;
	left: -30px;
	top: -27px;
	padding: 3px 13px 0 0;
	z-index: 1
}

div#nestable_list_3 .dd3-content {
	margin-left: 20px;
}

.banner-info {
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	transform: translateY(100%);
	transition: all .5s
}

.file.file--upload:hover .banner-info {
	transform: translateY(0);
	bottom: 0
}

.remove-banner {
	cursor: pointer;
	top: -27px;
	right: -30px;
	background: #0450C4;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	color: #fff;
	padding: 10px 0 0 10px;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	transition: all .7s
}

.file.file--upload:hover .remove-banner {
	opacity: 1
}

.close.top_right {
	position: absolute;
	right: -25px;
	top: -30px;
	color: #fff;
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.card-widgets>a[aria-expanded=true] i:before {
	content: "\F0374"
}

.card-widgets .btn-group {
	margin-top: -5px
}

.footer {
	padding: 5px 0 0;
	text-align: center
}

.profile-page .dropify-wrapper {
	width: 150px;
	height: 150px;
	margin: auto
}

label.logo-size {
	right: 16px;
	font-size: 11px;
	color: red;
	bottom: 5px
}

.dd-list .dd3-content img.rounded-circle.mr-1 {
	height: 30px
}

.alOrderStatus .ellips span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

#promo-datatable .ellips {
	width: 50%
}

#promo-datatable td,
#promo-datatable th {
	padding: 10px
}

.price-range-slider {
	width: 100%;
	float: left;
	padding: 10px 0
}

.price-range-slider .range-value {
	margin: 0
}

.price-range-slider .range-value input {
	width: 100%;
	background: 0 0;
	color: #000;
	font-size: 16px;
	font-weight: initial;
	box-shadow: none;
	border: none;
	margin: 20px 0
}

.price-range-slider .range-bar {
	border: none;
	background: #000;
	height: 3px;
	width: calc(100% - 8px);
	margin-left: 8px
}

.price-range-slider .range-bar .ui-slider-range {
	background: #0450C4
}

.price-range-slider .range-bar .ui-slider-handle {
	border: none;
	border-radius: 25px;
	background: #fff;
	border: 2px solid #0450C4;
	height: 17px;
	width: 17px;
	top: -.52em;
	cursor: pointer
}

.price-range-slider .range-bar .ui-slider-handle+span {
	background: #0450C4
}

.price-range-slider {
	width: 100%;
	float: left;
	padding: 10px 0
}

.price-range-slider .range-value {
	margin: 0
}

.price-range-slider .range-value input {
	width: 100%;
	background: 0 0;
	color: #000;
	font-size: 16px;
	font-weight: initial;
	box-shadow: none;
	border: none;
	margin: 20px 0
}

.price-range-slider .range-bar {
	border: none;
	background: #000;
	height: 3px;
	width: calc(100% - 8px);
	margin-left: 8px
}

.price-range-slider .range-bar .ui-slider-range {
	background: #0450C4
}

.price-range-slider .range-bar .ui-slider-handle {
	border: none;
	border-radius: 25px;
	background: #fff;
	border: 2px solid #0450C4;
	height: 17px;
	width: 17px;
	top: -.52em;
	cursor: pointer
}

.price-range-slider .range-bar .ui-slider-handle+span {
	background: #0450C4
}

.category-img img {
	width: 100%;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px
}

.top-input {
	width: 60%;
	top: 25px
}

.dt-buttons.btn-group.flex-wrap {
	position: absolute;
	right: 315px;
	top: 24px
}

.navbar-custom .app-search {
	height: auto
}

.main-customer-page .dt-buttons.btn-group.flex-wrap {
	top: 36px
}

#clear_filter_btn_icon,
.dt-buttons.btn-group.flex-wrap button {
	/* border-radius: .2rem; */
	border-radius: 20px;
	padding: 3.5px 10px
}

.return-order .update_pic {
	height: 100px
}

td.product-name {
	width: 300px
}

td.product-name img+b {
	width: 200px;
	display: block
}

.vendor-name,
td.product-name {
	width: 200px
}

.vendor-name .round_img_box+a {
	width: 150px;
	display: block
}

.show-return-product-modal {
	cursor: pointer
}

#sidebar-menu>ul>li a[data-toggle=collapse]:after {
	content: "\F0142";
	transition: .15s;
	position: absolute;
	right: 20px;
	display: inline-block;
	font-family: "Material Design Icons";
	text-rendering: auto;
	line-height: initial;
	font-size: 1.1rem;
	-webkit-transform: translate(0, 0);
	transform: translate(0, -50%);
	font-weight: 400;
	top: 50%;
	color: #475467;
}

#sidebar-menu>ul>li a[aria-expanded=true]:after,
#sidebar-menu>ul>li.menuitem-active a:not(.collapsed)[aria-expanded=true]:after {
	-webkit-transform: translate(0%, -50%) rotate(90deg);
	transform: translate(0%, -50%) rotate(90deg);
}

.alTooltipHover:hover::after {
	opacity: 1
}


/* Dark Mood Css */

.dark .menu-navigation {
	background: #232323
}

.dark #sidebar-menu .menuitem-active>a,
.dark .dd-list .dd3-content:hover,
.dark .items_price,
.dark .mdi-icons,
.dark .social_head i,
.dark .tab-product .nav-material.nav-tabs .nav-link.active,
.dark .top-site-links li:hover a,
.dark a,
.dark label.logo-size {
	color: rgb(247 184 75 / 82%)
}

.dark .card {
	background: #36404a;
	background-color: #242424;
	box-shadow: none;
	border: 1px solid #444444;
}

.dark .header-title,
.dark .text-dark,
.dark .text-muted {
	color: #bbb !important
}

.dark .text-primary {
	color: rgb(247 184 75 / 82%) !important
}

.dark .order_detail:before,
.dark .tab-product .nav-material.nav-tabs .nav-link.active~.material-border,
.dark .track-order-list ul li.completed {
	border-color: rgb(247 184 75 / 82%)
}

.dark .tab-product .nav-material.nav-tabs .nav-link {
	color: #f3f7f9
}

.dark .item_no,
.dark .nav-pills .nav-link.active,
.dark .page-item.active .page-link,
.dark .pulse,
.dark .track-order-list ul li:before,
.nav-pills .show>.nav-link {
	background: rgb(247 184 75 / 82%)
}

.dark .page-item.active .page-link {
	border-color: rgb(247 184 75 / 82%)
}

.dark .grand_total label,
.dark .grand_total span,
.dark .top-site-links li a {
	color: #b3b3b3;
}

.loader {
	position: fixed;
	z-index: 999;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.error-msg {
	text-align: center;
	font-size: 16px
}

.menu-title+.nav-second-level>li>a {
	padding-left: 15px
}

.menu-title+.nav-second-level>li>a span:first-child {
	font-size: 18px;
	vertical-align: middle;
	width: 22px;
	display: inline-block
}

.menu-title+.nav-second-level>li>a span.size-20 {
	font-size: 16px;
	vertical-align: middle;
	width: 24px;
	display: inline-block;
	text-align: center
}

.pages-list-data td a {
	font-weight: 500;
	font-size: 12px;
}

.row.cms-cols.al_custom_cms_page li a {
	font-weight: 500;
	font-size: 12px;
}

.active-page .page-title {
	color: #5ac2ed !important
}

.error-text {
	position: absolute;
	bottom: -5px;
	left: 15px;
	font-size: 11px
}

.total-items {
	min-width: 10px;
	min-height: 25px;
	line-height: 25px;
	border-radius: 50%;
	color: rgba(71, 84, 103, 0.5);
	display: inline-block;
	top: -10px;
	font-weight: 500
}

.nav-link.active .total-items {
	color: #0450C4;
}

.auth-fluid .auth-fluid-form-box {
	max-width: 50%
}

.auth-user-testimonial {
	left: auto;
	width: 100%
}

.domain-outer {
	border: 1px solid #ced4da;
	border-radius: 20px;
	overflow: hidden
}

.domain_name {
	background: #fff;
	background-color: #fff;
	color: #5e5e5e;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	height: 37.39px;
	line-height: 37px;
	padding: 0 10px;
	width: max-content;
	border: 0
}

.domain-outer #sub_domain {
	border: 0;
	border-left: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-radius: 0
}

.select-date .form-control {
	height: calc(.7em + .9rem + 2px)
}

a:-webkit-any-link:focus-visible {
	outline-offset: 0 !important
}

:focus-visible {
	outline: 0 !important
}

.action-icon {
	vertical-align: middle
}

.document-btn label {
	color: #6c757d
}

.delete-user {
	right: 0;
	top: 0
}

#add_user_permission_vendor .dropdown-menu {
	width: 100%
}

#add_user_permission_vendor #userList {
	width: 100%;
	position: absolute !important;
	left: 0;
	right: 0;
	margin: auto;
	width: calc(100% - 30px)
}

#add_user_permission_vendor .dropdown-menu li {
	border-bottom: 1px solid #ddd;
	padding: 10px
}

#add_user_permission_vendor .dropdown-menu li:last-child {
	border: 0
}

#add_user_permission_vendor .dropdown-menu {
	width: 100%
}

#add_user_permission_vendor #userList {
	width: 100%;
	position: absolute !important;
	left: 0;
	right: 0;
	margin: auto;
	width: calc(100% - 30px)
}

#add_user_permission_vendor .dropdown-menu li {
	border-bottom: 1px solid #ddd;
	padding: 10px
}

#add_user_permission_vendor .dropdown-menu li:last-child {
	border: 0
}

.gray-placeholder-img img {
	filter: grayscale(100%);
	opacity: .3
}

.product-action+.bg-light {
	height: 117px
}

.home-options-list .dd-list .dd3-item {
	border-radius: 20px;
	background: #f3f7f9;
	color: #6c757d;
	padding: 5px 10px;
	font-size: 13px;
	cursor: pointer
}

.home-options-list .dd-list .dd-item .dd-handle {
	float: none;
	padding: 0;
	cursor: pointer;
	height: auto !important
}

#pickup_datatable .dd-list .dd-item .dd-handle {
	min-width: 150px
}

.home-options-list li.dd-item.dd3-item::marker {
	content: none
}

.home-options-list .dd-list .dd3-handle::before {
	vertical-align: middle
}

.language-inputs {
	width: 70%;
	overflow-x: auto
}

.scroll-style::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #f5f5f5
}

.scroll-style::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #f5f5f5
}

.scroll-style::-webkit-scrollbar-thumb {
	background-color: #000;
	border: 2px solid #555
}

.cursor {
	cursor: pointer !important
}

#cardCollpase4 svg {
	padding-left: 60px
}

.list-unstyled.remove-curser li {
	cursor: context-menu
}

#update-single-status {
	bottom: 10px;
	z-index: 1;
	left: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.order-hover-btn:hover #update-single-status {
	opacity: 1
}

button.update-status {
	border-radius: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	padding: 4px 20px;
	border: 1px solid #E8E9EB;
	transition: all 0.5s;
}

.btn-danger.focus,
.btn-danger:focus {
	box-shadow: none
}

.order_data_box {
	height: 100%;
	/* overflow-y: auto; */
	padding: 0 12px 0 20px;
	position: relative
}

.order_data_box .error-msg {
	font-size: 20px;
	position: relative;
	width: 100%;
	top: 0;
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0)
}

.bg-soft-warning.text-warning {
	margin: 0 2px
}

.custom-radio-design .custom-control-label::before {
	border: 4px solid #aaa;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	top: 0;
	left: -30px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear
}

.standard_modal .modal-dialog.modal-dialog-centered {
	max-width: 500px
}

.weekDays .form-check {
	display: inline-block;
	width: 50%;
	margin-left: -4px
}

.checkbox.checkbox-success.form-check input {
	height: auto !important;
}

.standard_modal .btn {
	width: 49%
}

.site_link {
	padding: 5px 10px 5px 0;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.copy_link img {
	width: 16px;
	margin-top: 5px;
	display: inline-block;
}

.position-relative {
	position: relative !important
}

.site_link a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
}

span.copied_txt {
	position: absolute;
	bottom: -15px;
	right: 0;
	background: #d90000;
	color: #ffff;
	padding: 0 10px;
	border-radius: 50px;
	line-height: 20px;
	font-size: 12px
}

h3 .fas.fa-money-check-alt {
	font-size: 18px
}

.copy_link {
	cursor: pointer
}

.custom-toggle .switchery {
	float: right
}

.product-tags #promo-datatable td:first-child {
	width: 70px
}

.product-tags #promo-datatable td:first-child img {
	width: 100%
}

.product-tags #promo-datatable td:nth-child(2) {
	width: 60%
}

.page-title .form-control {
	box-shadow: none
}

.cms-content .form-control {
	height: 40px !important;
	font-size: 13px;
}

.review-table-responsive td:nth-child(3) {
	width: 50%;
	white-space: normal
}

.file-outer {
	display: grid;
	grid-template-rows: 100px -1 0 0;
	grid-template-columns: repeat(3, 0fr) 20%;
	grid-gap: 10px
}

.review-product-img img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-right: 30px
}

#userList_model {
	width: 100%;
	position: absolute !important;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc(100% - 25px)
}

.al_add_user sup {
	position: absolute;
	top: 22px;
	right: 20px
}

.dropdown-menu_al.w-100.active {
	padding: 15px 0 0
}

p.al_username small {
	display: block
}

ul#sujesion_user_id #userList_model {
	width: 100%
}

.dropdown-menu_al.w-100.active li {
	border-bottom: 1px solid #eee
}

.modal-opensag .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-opensag {
	overflow: hidden
}

.dropdown-menu_al.w-100.active li:last-child {
	border-bottom: 1px solid transparent
}

button.btn.btn-light.mr-1 {
	padding: 8px 24px !important;
	font-weight: 500;
	width: auto !important;
	height: 40px !important;
}

/* ------------------------ al control panel css ------------------ */

.al_advanced_details {
	border-radius: 10px;
	border: 1px solid #F4F4F4;
	background: #F9FAFF;
}

.al_advanced_details .nestable_list_1 {
	height: 270px
}

.al_advanced_details .dd-list .dd3-content {
	position: relative
}

.al_advanced_details .dd-list .dd-list li {
	list-style: none
}

.al_advanced_details .dd-list .dd3-content {
	background-color: #fff
}

.al_add_user h5 {
	color: #000;
}

form#save_banner_form {
	background-color: #fff;
	border-radius: 20px;
}

.al_add_user {
	padding-top: 15px;
	margin-top: -16px;
	border-left: 1px solid #e3e7f1;
}

p.al_custom_title.mb-1 {
	font-weight: 600
}

.al_overall_form .dropify-wrapper {
	height: 160px
}

.al_overall_form .al_licence_imgbox .dropify-wrapper {
	height: 120px
}

.al_add_user .btn-group ul li {
	list-style: none;
	padding: 7px;
	margin-bottom: 5px;
	position: relative
}

.al_add_user .btn-group ul {
	padding: 0
}

.al_add_user .btn-group ul li small {
	color: #42bee1
}

.al_add_user .btn-group ul li p {
	margin: 0
}

.al_add_user .btn-group .dropdown-menu .al_select_user {
	margin: 0;
	padding: 0 7px;
	position: relative
}

.al_add_user .user_img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	object-fit: cover
}

.al_add_user .btn-group .dropdown-menu .al_select_user sup {
	position: absolute;
	top: 18px;
	right: 10px;
	color: red
}

.al_add_user .btn-group .dropdown-menu li sup {
	top: 27px;
	right: 17px;
	position: absolute
}

.al_print_btn.badge.badge-info {
	height: 30px;
	margin-top: 20px;
	border: 0
}

#al_web_styling input[type="checkbox"] {
	margin: 0 10px
}

body .dropify-wrapper .dropify-clear {
	top: auto;
	bottom: 5px
}

button.btn.btn-secondary.btn-success.waves-effect.waves-light {
	background-color: #0450C4;
	height: 40px;
	border-color: #0450C4;
	box-shadow: none
}

body .page-title-box .page-title {
	line-height: 55px;
}

.order_head h4 {
	color: #818181;
	font-size: 12px;
	font-weight: 500;
	line-height: 150%;
	margin: 0;
	transition: all 0.5s;
	padding: 0;
}

.alOrderStatus .ordersta span {
	color: #000;
	font-weight: 600;
}

.order_received1 .order_head h4 {
	opacity: inherit;
}

.al_box_height {
	height: 40px !important;
}

.card-body.position-relative.al {
	padding-bottom: 10px
}

body div.dataTables_wrapper div.dataTables_paginate {
	float: right;
	padding-top: 10px
}

body div.dataTables_wrapper div.dataTables_info {
	height: 50px;
	vertical-align: middle;
	display: inline-flex;
	align-items: center
}

.al_card {
	display: block;
	height: 50px;
	box-shadow: 0 3px 10px 0 #b5b5b5 !important;
	border-radius: 10px !important;
	overflow: hidden
}

.al_card label {
	height: 50px;
	vertical-align: middle;
	padding: 0 10px;
	display: flex
}

body .main-customer-page .set-height {
	min-height: calc(100vh - 350px)
}

body .dataTables_scrollBody {
	height: auto
}

.content .al_custom_cke .cke {
	margin-top: .5em
}

.content .al_custom_cms_page ol a {
	border: 0
}

body .row.rowYK.al_row_table #banner-datatable.table th {
	padding: 0 12px !important;
	font-weight: 500
}

body .row.rowYK.al_row_table #banner-datatable.table td {
	padding-left: 12px !important;
	padding-right: 12px !important
}

.al_print_btn.badge.badge-info {
	height: 30px;
	margin-top: 20px;
	border: 0
}

.track-order-list ul li:last-child {
	border-color: transparent
}

.track-order-list ul li:before {
	top: 2px
}

.selectize-control.single .selectize-input:after {
	transform: rotate(0)
}

body .selectize-control.single .selectize-input.dropdown-active:after {
	transform: rotate(0)
}

body .swal2-styled.swal2-cancel {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: transparent;
	color: transparent;
	font-size: 10px;
	position: absolute;
	top: -20px;
	right: -30px
}

body .swal2-styled.swal2-cancel:before {
	position: absolute;
	content: "x";
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	box-shadow: 0px 6px 10px 0px rgba(96, 109, 232, 0.20);
	height: 28px;
	width: 28px;
	border-radius: 100%;
	color: #fff;
	font-size: 22px;
	line-height: 1
}

body .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: none;
	/* background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%); */
}

body .swal2-icon.swal2-info.swal2-icon-show {
	display: none !important
}

body .swal2-styled.swal2-confirm {
	padding: 5px 50px;
	text-transform: uppercase;
	border-radius: 20px;
}

body .dropify-wrapper {
	height: 160px
}

body .dropify-wrapper .dropify-message p {
	font-size: 12px !important;
	line-height: 1.3 !important;
	font-weight: 400
}

body .dropify-wrapper .dropify-message p.dropify-error {
	color: red;
	font-weight: 400
}

body .dropify-wrapper .dropify-message span.file-icon {
	font-size: 30px
}

body .menu-title+.nav-second-level>li>a span:first-child {
	vertical-align: top
}

.menu-title+.nav-second-level>li>a:hover img {
	filter: grayscale(0)
}

.menu-title+.nav-second-level>li>a:hover .cls-1,
.menu-title+.nav-second-level>li>a:hover .cls-2 {
	fill: #0450C4
}

body #clear_filter_btn_icon {
	height: 30px !important;
	width: 30px !important;
	padding: 0 !important;
	position: absolute;
	right: 6px;
	margin: 5px 0 0 0 !important;
}

body .custom-select,
body .form-control {
	height: 40px
}

#sidebar-menu .menuitem-active a.active::before {
	border: 1px solid #fff
}

.editVariantBox .selectize-input .item {
	white-space: nowrap
}


/* body label {
	font-family: 'Cera Round Pro Regular'
} */

.menu-title+.nav-second-level>li>a {
	-webkit-transition: .5s;
	transition: .5s
}

li.menuitem-active a.active:hover {
	color: #101828 !important;
}

li.menuitem-active a.active:hover span {
	color: #101828 !important;
}

body .btn-blue {
	/* background-color: #0450C4;
	border-color: #0450C4 */
	border-radius: 40px;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	box-shadow: 0px 6px 10px 0px rgba(96, 109, 232, 0.20);
	padding: 6px 24px;
	border: 1px solid transparent;
	color: #fff;
}

body .btn-blue:hover {
	border: 1px solid #607AE9 !important;
	background: transparent;
	color: #607AE9;
}

.color_a .card-body {
	border-radius: 10px;
	background-color: var(--card_color_a) !important;
	color: var(--card_color_a) !important
}

.color_a .card-body i svg {
	fill: var(--text_color_a)
}

.color_b .card-body {
	border-radius: 10px;
	background-color: var(--card_color_b) !important;
	color: var(--card_color_b) !important
}

.color_b .card-body i {
	color: var(--text_color_b)
}

.color_c .card-body {
	border-radius: 10px;
	background-color: var(--card_color_c) !important;
	color: var(--card_color_c) !important
}

.color_c .card-body i {
	color: var(--text_color_c)
}

.color_d .card-body {
	border-radius: 10px;
	background-color: var(--card_color_d) !important;
	color: var(--card_color_d) !important
}

.color_d .card-body i svg {
	fill: var(--text_color_d)
}

.color_e .card-body {
	border-radius: 10px;
	background-color: var(--card_color_e) !important;
	color: var(--card_color_e) !important
}

.color_e .card-body i svg {
	fill: var(--text_color_e)
}

.color_f .card-body {
	border-radius: 10px;
	background-color: var(--card_color_f) !important;
	color: var(--card_color_f) !important
}

.color_f .card-body i svg {
	fill: var(--text_color_f)
}

.color_g .card-body {
	border-radius: 10px;
	background-color: var(--card_color_g) !important;
	color: var(--card_color_g) !important
}

.color_g .card-body i {
	color: var(--text_color_g)
}

.color_h .card-body {
	border-radius: 10px;
	background-color: var(--card_color_h) !important;
	color: var(--card_color_h) !important
}

.color_h .card-body i {
	color: var(--text_color_h)
}

.color_i .card-body {
	border-radius: 10px;
	background-color: var(--card_color_i) !important;
	color: var(--card_color_i) !important
}

.color_i .card-body i svg {
	fill: var(--text_color_i)
}

.color_j .card-body {
	border-radius: 10px;
	background-color: var(--card_color_j) !important;
	color: var(--card_color_j) !important
}

.color_j .card-body i svg {
	fill: var(--text_color_j)
}

.al_color_box .card-body h3,
.al_color_box .card-body p {
	color: var(--textDark_color) !important
}

body .menu-title+.nav-second-level>li>a span:first-child {
	font-size: 18px;
	margin-right: 8px;
}

body .menu-title+.nav-second-level>li>a {
	font-size: 14px
}

.al_color_box .card-body .rounded-circle {
	background-color: transparent !important
}

.language-input.style-4 {
	overflow: auto;
	max-width: fit-content;
	width: 500px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
}

#al_web_styling:hover .language-input.style-4 {
	opacity: 1;
	visibility: visible;
}

span.icon-verification-options svg path {
	fill: #1c1d22
}

span.icon-estimation svg path {
	fill: #1c1d22
}

/* .vendor-page .tab-content {
    padding: 40px 0 0!important;
    margin-top: -47px
} */

.content-page .content {
	padding-top: 0px;
}

:root {
	--textDark_color: #744c3f;
	--card_color_a: #fef5d9;
	--text_color_a: #fbbf02;
	--card_color_b: #f6f2ff;
	--text_color_b: #9f81e4;
	--card_color_c: #fef3eb;
	--text_color_c: #ec914f;
	--card_color_d: #ecfbff;
	--text_color_d: #35accc;
	--card_color_e: #f1ffce;
	--text_color_e: #8db824;
	--card_color_f: #ffe8e8;
	--text_color_f: #e13f60;
	--card_color_g: #e9f4ff;
	--text_color_g: #2c92ff;
	--card_color_h: #d9f4f0;
	--text_color_h: #00b797;
	--card_color_i: #f2f4d9;
	--text_color_i: #a8b700;
	--card_color_j: #d2d1e3;
	--text_color_j: #1e1772;
}

body .main-customer-page .set-height .dataTables_scrollBody {
	height: 100%
}

.faq_section .option_section:nth-child(even) {
	background-color: #f3f7f9;
	border-radius: 15px;
	padding-top: 15px;
	margin-bottom: 15px
}

body button.update_order_status {
	border-radius: 30px;
	padding: 3px 12px;
	border: none
}

body #update-single-status {
	text-align: right
}

.al_custom_control label.custom-control-label {
	height: 200px;
	overflow: hidden;
	width: 100%
}

.al_custom_control label.custom-control-label .card-img-top {
	width: 100%;
	height: 100%;
	display: block;
	background-size: 100%;
	-webkit-transition: all 1s linear;
	transition: all 1s linear;
	background-repeat: no-repeat
}

.al_custom_control label.custom-control-label:hover .card-img-top {
	background-position: bottom
}

span.alTemplateName.mt-3.w-100 {
	margin-top: 10px !important;
	display: block;
	font-size: 12px;
	text-align: center
}

.al_custom_control .card {
	overflow: hidden
}

#sidebar-menu ul#side-menu li span svg {
	vertical-align: top
}

.main-customer-page .dt-buttons.btn-group.flex-wrap {
	top: 0
}

.al_new_export_table .dataTables_scroll {
	overflow: hidden;
	width: 100%
}

.al_new_export_table {
	/* padding-top: 40px; */
	position: relative
}

.al_new_export_table div.dataTables_wrapper div.dataTables_filter {
	position: absolute;
	right: 0;
	top: 0
}

.al_new_export_table .position-absolute.mb-2 {
	top: 0
}

table.al_table_responsive_data tr td input {
	min-width: 150px
}

span.icon-payment-option_s.aldelivery svg {
	height: 18px;
	margin-top: 0
}

.txtarea.form-control {
	height: auto
}

.report-upload-subt {
	border: none !important
}

body p:empty {
	display: none
}

#sidebar-menu ul#side-menu li span svg {
	vertical-align: top
}

.altoggle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 20px;
	background: #eee;
	border-radius: 50px;
	border: solid 0 transparent;
	background-clip: padding-box;
	cursor: pointer;
	margin: 0
}

.toggle__bg {
	width: 34px;
	height: 16px;
	background: #fff;
	background: linear-gradient(to right, #fff 50%, #777 50% 100%);
	background-size: 200% 100%;
	background-position: 100%;
	border-radius: 50px;
	border: solid 0 transparent;
	background-clip: padding-box;
	box-shadow: inset 0 2px 5px 1px hsl(0deg 0% 0% / 30%);
	-webkit-transition: all 0 ease-in-out;
	transition: all 0 ease-in-out
}

.webhook_url {
	font-size: 11px;
	word-break: break-all
}

.toggle__sphere {
	position: relative;
	height: 15px;
	width: 15px;
	background: #777;
	background: linear-gradient(to right, #fff 50%, #777 50% 100%);
	border-radius: 50%;
	transform-origin: top left;
	transform: translateY(0px);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.toggle__sphere-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 50%;
	box-shadow: inset 0 -20px 20px 10px hsla(0, 0%, 0%, 0)
}

.toggle__sphere-bg {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	border-radius: 50%;
	-webkit-transition: transform 0 ease-in-out;
	transition: transform 0 ease-in-out
}

.toggle__sphere-bg:before,
.toggle__sphere-bg:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.toggle__sphere-bg:before {
	background-color: #fff;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Black' viewBox='0 0 20 20'%3E%3Cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm.5-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5-5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-7.779 7.779a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm7.072 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707zM3.757 4.464a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z'/%3E%3C/svg%3E");
	background-size: 123%
}

.toggle__sphere-bg:after {
	background-color: #fff;
	transform: rotateY(180deg);
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Black' viewBox='0 0 20 20'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3E%3C/svg%3E");
	background-position: 3px 2px;
	background-repeat: no-repeat
}

.altoggle input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute
}

.altoggle input:checked+.toggle__bg {
	background-position: 15%
}

body[dir="rtl"].light .toggle__sphere {
	left: -20px
}

body[dir="rtl"] .altoggle input:checked+.toggle__bg .toggle__sphere {
	left: -20px;
}

.altoggle input:checked+.toggle__bg .toggle__sphere {
	-webkit-transform: translateX(20px) translateY(0px);
	transform: translateX(20px) translateY(0px);
	box-shadow: -2px 0 5px 1px hsla(18, 77%, 15%, 0.05), 0 5px 5px 1px hsla(18, 77%, 15%, 0.2), 3px 0 3px 0 hsla(0, 0%, 0%, 0.2)
}

.toggle__sphere-bg svg path {
	height: 20px;
	width: 20px
}

.toggle__sphere-bg svg {
	position: absolute;
	top: 2px;
	left: 2px
}

.altoggle input:checked+.toggle__bg .toggle__sphere-bg {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.verification_creds {
	padding: 10px 20px;
	background-color: #eee
}

body.dark #sidebar-menu .menu-title {
	color: #d4a34a !important;
}

.dark .verification_creds {
	background-color: #303841
}

.navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect {
	color: #6c757d;
	font-family: 'Cera Round Pro Regular';
	position: relative;
	line-height: 20px;
	text-transform: capitalize;
	border: 0;
}

.navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	content: "\0153";
	left: 0;
	top: 0;
	font-size: 15px;
	color: #000;
	margin-right: 4px
}

.row.catalog_box.al_catalog_box .card-box {
	position: relative
}

label.position-relative.control-label {
	padding-right: 15px
}

.alInfoIocn {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.alInfoIocn i {
	color: #979797 !important;
}

.alInfoIocn .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #6c757d;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 14px !important;
}

.alInfoIocn i {
	color: #0450C4;
}

.control-label .alInfoIocn i {
	color: #979797;
}


/* Show the tooltip text when you mouse over the tooltip container */

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

.alInfoIocn .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #6c757d transparent transparent transparent;
}

#import-product .modal-dialog {
	max-width: 600px;
}

#import-product .modal-dialog .table-responsive {
	overflow-x: visible;
}

#import-product .modal-dialog {
	max-width: 600px;
}

#import-product .modal-dialog .table-responsive {
	overflow-x: auto;
}

ul.nav-second-level.p-0.mx-2 span.mdi.mdi-book-outline,
ul.nav-second-level.p-0.mx-2 span.mdi.mdi-chat-processing-outline {
	margin-top: -4px;
}

.tabs_radio {
	display: none;
}

.tabs_radio_controls label {
	margin: 10px 4px;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	height: 40px;
	background: #fff;
	border: 1px solid #0450C4;
	border-radius: 5px;
	padding: 5px 10px;
	text-align: center;
	position: relative;
	color: #000;
}

.tabs_label h5 {
	font-size: 14px
}

.tabs_radio_controls label[for="all_tab"] {
	background-color: #d9f4f0;
	border-color: #d9f4f0;
}

.tabs_radio_controls label[for="delivery_tab"] {
	background-color: #e9f4ff;
	border-color: #e9f4ff;
}

.tabs_radio_controls label[for="dine_in_tab"] {
	background-color: #f2f4d9;
	border-color: #f2f4d9;
}

.tabs_radio_controls label[for="takeaway_tab"] {
	background-color: #fef5d9;
	border-color: #fef5d9;
}

.tabs_radio_controls label[for="rental_tab"] {
	background-color: #fef3eb;
	border-color: #fef3eb;
}

.tabs_radio_controls label[for="pick_drop_tab"] {
	background-color: #ffe8e8;
	border-color: #ffe8e8;
}

.tabs_radio_controls label[for="on_demand_tab"] {
	background-color: #f6f2ff;
	border-color: #f6f2ff;
}

.tabs_radio_controls label[for="laundry_tab"] {
	background-color: #f1ffce;
	border-color: #f1ffce;
}

.tabs_radio_controls label[for="appointment_tab"] {
	background-color: #f7ceff;
	border-color: #f7ceff;
}

.tabs_radio_controls label:hover {
	border-color: #888;
	color: #000;
}

.tabs_radio:checked+label {
	border-color: #888;
	color: #000;
}

.tabs_radio:not(:disabled)~label {
	cursor: pointer;
}

.order_data_box .badge.badge-info {
	box-shadow: none;
	font-size: 10px;
	font-weight: 600;
	border-radius: 20px;
	padding: 5px 8px;
	letter-spacing: 0.5px;
	color: #fff;
}

.order_data_box .badge.badge-info.badge_1 {
	background-color: #4fc6e1;
}

.order_data_box .badge.badge-info.badge_2 {
	background-color: #bfc578;
}

.order_data_box .badge.badge-info.badge_3 {
	background-color: #e7d59f;
}

.order_data_box .badge.badge-info.badge_4 {
	background-color: #d4aa8c;
}

.order_data_box .badge.badge-info.badge_5 {
	background-color: #e29c9c;
}

.order_data_box .badge.badge-info.badge_6 {
	background-color: #ad9bd6;
}

.order_data_box .badge.badge-info.badge_7 {
	background-color: #bac994;
}

.commonModal .modal-dialog.modal-dialog-centered.modal-lg {
	max-width: 1170px;
}

/* ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	background: #0450C4;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}  */

table.dataTable {
	width: 100% !important;
}

.dataTables_scrollFootInner {
	width: 100% !important;
}

.dataTables_scrollFoot {
	width: 100% !important;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
}

.dataTable {
	width: 100% !important;
}

.commonModalLabel {
	display: flex;
}

#import-product .modal-dialog {
	max-width: 600px;
}

#import-product .modal-dialog .table-responsive {
	overflow-x: visible;
}

table.dataTable {
	width: 100% !important;
}

.dataTables_scrollFootInner {
	width: 100% !important;
}

.dataTables_scrollFoot {
	width: 100% !important;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
}

.dataTable {
	width: 100% !important;
}

.commonModalLabel {
	display: flex;
}

#import-product .modal-dialog {
	max-width: 600px;
}

#import-product .modal-dialog .table-responsive {
	overflow-x: auto;
}

span.mdichat,
span.settings-icon,
span.mdibookoutline,
span.mdibookoutline svg {
	height: 18px;
	left: 0;
	width: 20px;
	color: #1c1d22;
	fill: #1c1d22;
}


span.settings-icon svg {
	height: 18px !important;
	left: 0 !important;
	width: 20px !important;
	color: #1c1d22;
	fill: #494949;
}

a.menu-title {
	margin-bottom: 8px;
}

.alCustomToggleColor label.mr-2.mb-0 {
	font-weight: 500;
	color: #98a6ad;
}

#custom-mods label {
	font-weight: 500 !important;
	color: #515151;
}

.alCustomToggleColor small.d-block.pr-5 {
	color: #a1a1a1;
}

.menu-title+.nav-second-level>li>a:hover span svg path {
	fill: #0450c4;
}

.tabs_radio {
	display: none;
}


/* .tabs_radio_controls{text-align:center} */


/*---arbic language css start here---*/

body[dir="rtl"] .progress-order {
	right: -24px;
}

body[dir="rtl"] .btn.btn-secondary.btn-success.waves-effect.waves-light span.btn-label {
	margin: 0px 0px 0px 10px;
}

body[dir="rtl"] button.btn.btn-secondary.btn-success.waves-effect.waves-light {
	padding: 0px 0px 0px 10px;
}

body[dir="rtl"] .dataTables_filter {
	left: 0px;
	right: auto;
}

body[dir=rtl] .order-list-view .inner-div.text-right {
	left: 5px;
}

body[dir=rtl] .dd-list .dd3-handle {
	float: right;
}

body[dir=rtl] .dd-list .dd3-content img.rounded-circle.mr-1 {
	margin-left: 5px;
}

body[dir=rtl] .iti__selected-flag {
	height: auto;
	padding: 10px 8px;
}

body[dir=rtl] #accounting_vendor_datatable_wrapper .dt-buttons button {
	padding: 0 0 0 10px
}

body[dir=rtl] #accounting_vendor_datatable_wrapper .dt-buttons button .btn-label {
	margin: 0 0 0 10px
}

body[dir=rtl] .content-page {
	margin-left: 0;
	margin-right: 240px
}

body[dir=rtl] .navbar-custom {
	left: 0;
	right: auto
}

body[dir=rtl] .mr-auto {
	margin-right: 0 !important
}

body[dir=rtl] #sidebar-menu .menu-title {
	text-align: right
}

body[dir=rtl] .nav-second-level li a {
	text-align: right
}

body[dir="rtl"] .left-side-menu {
	left: auto;
	right: 0;
}

body[dir=rtl] #sidebar-menu>ul>li a[data-toggle=collapse]:after {
	left: 0;
	right: auto;
	transform: rotate(180deg)
}

body[dir=rtl] #sidebar-menu>ul>li ul.nav-second-level {
	padding-right: 20px
}

body[dir=rtl] .top-site-links li i {
	margin: 0 0 0 10px
}

body[dir=rtl] ul {
	padding-right: 0
}

body[dir=rtl] .nav-second-level li .collapse li a:before {
	left: auto;
	right: 0
}

body[dir=rtl] .dt-buttons.btn-group.flex-wrap {
	right: auto !important;
	left: 330px
}

body[dir=rtl] .text-sm-right {
	text-align: left !important
}

body[dir=rtl] {
	text-align: right !important
}

body[dir=rtl] .dataTables_filter label {
	float: left !important
}

body[dir=rtl] .home-options-list .dd-list .dd3-item {
	padding-right: 40px;
	position: relative
}

body[dir=rtl] .home-options-list .dd-list .dd3-handle::before {
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

body[dir=rtl] .custom-toggle .switchery {
	float: left
}

body[dir=rtl] #cardCollpase4 svg {
	position: absolute;
	left: 40%
}

body[dir=rtl] .page-title-box .page-title {
	float: right
}

body[dir=rtl] .page-title-box .page-title-right {
	float: left
}

body[dir=rtl] .home-options-list .dd-list .dd-item .dd-handle {
	padding: 0 0 0 20px
}

body[dir=rtl] span.inner-div {
	float: left
}

body[dir=rtl] .modal-header .close {
	padding: 1rem;
	margin: -1rem !important
}


/* ===================== dashboard ======================== */

.apexcharts-canvas .apexcharts-legend.position-bottom .apexcharts-legend-series {
	display: block;
	align-items: end;
	clear: both;
	width: 100%;
	text-align: left;
}

.apexcharts-canvas .apexcharts-legend.position-bottom.apexcharts-align-center {
	justify-content: center;
	max-width: 260px;
	margin: 0 auto;
}

.web-style .alSignUpImageControal .dropify-wrapper.has-preview {
	width: 100%;
	max-width: 100%;
}


/* .card-body.al_custom_control .alThemeDemoSec:nth-child(5) {display: none;} */

#alDashboardStyle h2.fw-normal.mb-3 span,
#alDashboardStyle h3 {
	color: #555657;
}

.dark #alDashboardStyle h2.fw-normal.mb-3 span,
.dark #alDashboardStyle h3 {
	color: #c6c6c6;
}

#alDashboardStyle h3 {
	font-weight: 600 !important;
}

#alDashboardStyle h5 {
	color: #777;
}

.dark #alDashboardStyle h5 {
	color: #fff;
}

.alDasBoxItems span.text-nowrap {
	padding-left: 8px;
}

.card-body.alRevenueBox {
	min-height: 364px;
}

.alRevenueByLocation {
	height: 528px;
}

.dark #alDashboardStyle h3 {
	color: #c6c6c6;
}

.al_new_export_table.dealdive_customber_btn.table_customber_add .position-absolute.mb-2 {
	z-index: 999;
	right: 0;
	margin: 0 !important;
	text-align: right;
}

.al_new_export_table.dealdive_customber_btn.table_customber_add .row.mt-1.sml_royo-responsive {
	margin-top: -40px !important;
}

.al_new_export_table.dealdive_customber_btn.table_customber_add .row.mt-1.sml_royo-responsive .tab-pane .card-body {
	padding: 10px 0;
}

.alCustomCheckBoxText input[type="radio"]:checked,
.alCustomCheckBoxText input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.alCustomCheckBoxText input[type="radio"]:checked+label,
.alCustomCheckBoxText input[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

.alCustomCheckBoxText input[type="radio"]:checked+label:before,
.alCustomCheckBoxText input[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.alCustomCheckBoxText input[type="radio"]:checked+label:after,
.alCustomCheckBoxText input[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #0450C4;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.alCustomCheckBoxText input[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.alCustomCheckBoxText input[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/* dark dashboard css start */

.dark body div.dataTables_wrapper div.dataTables_info {
	color: #94a0ad;
}

.dark .al_add_user,
.dark form#save_banner_form {
	background-color: #424e5a;
}

.dark .dropify-wrapper {
	background-color: #3b4651;
}

.dark .dropify-wrapper:hover {
	background-image: -webkit-linear-gradient(135deg, #424e5a 25%, transparent 25%, transparent 50%, #424e5a 50%, #424e5a 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #424e5a 25%, transparent 25%, transparent 50%, #424e5a 50%, #424e5a 75%, transparent 75%, transparent);
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect {
	color: #b3b3b3;
}

.card.changeIcon {
	box-shadow: none !important;
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	color: #b3b3b3;
}

.outer-box.border-dashed {
	border-style: dashed;
	border-width: 2px;
	height: 100%;
	min-height: 80px;
	border-radius: 7px;
	overflow: hidden;
}

.alProDuctBannerImg {
	position: relative;
	padding-bottom: 100%;
	border-radius: 7px;
	overflow: hidden;
}

.alProDuctBannerImg img.w-100 {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	height: 100%;
}

.alProDuctBannerImg span {
	position: absolute;
	z-index: 1;
	background-color: red;
	right: 5px;
	top: 6px;
	height: 18px;
	width: 18px;
	border-radius: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	font-size: 10px;
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	color: #b3b3b3;
}

.dark .dd-list .dd-item .dd-handle {
	background: transparent;
}

.dark .content h1,
.dark .content h2,
.dark .content h3,
.dark .content h4,
.dark .content h5 {
	color: #fff;
}

.dark .content .tabs_radio_controls h5 {
	color: #000;
}

.dark #edit_page_content label.control-label {
	color: #acbfd2;
}

.dark .price_box_bottom li,
.dark .cms-content .form-control {
	color: #acbfd2;
}

.dark .status_box li img {
	opacity: 1;
	background: #ffffff4d;
	border-radius: 25px;
}

.dark .flatpickr-months .flatpickr-month,
.dark .flatpickr-months .flatpickr-prev-month,
.dark .flatpickr-months .flatpickr-next-month,
.dark .flatpickr-day,
.dark span.flatpickr-weekday {
	color: #acbfd2;
	fill: #acbfd2;
}

.dark .flatpickr-calendar.open {
	background: #303841;
}

.dark .flatpickr-day.flatpickr-disabled,
.dark .flatpickr-day.flatpickr-disabled:hover,
.dark .flatpickr-day.prevMonthDay,
.dark .flatpickr-day.nextMonthDay,
.dark .flatpickr-day.notAllowed,
.dark .flatpickr-day.notAllowed.prevMonthDay,
.dark .flatpickr-day.notAllowed.nextMonthDay {
	color: #6d767f;
}

.dark .form-control-light {
	background-color: #171717 !important;
	border-color: #171717 !important;
}

#alDashboardStyle h5 {
	text-transform: capitalize;
}

.dark .table,
.dark .progress-w-percent .progress-value {
	color: #acbfd2;
}

.dark .progress {
	background-color: #303841;
}

.dark .dd-list .dd3-content {
	background: rgba(66, 190, 225, .09);
}

.dark .modal-content {
	background-color: #424e5a;
}

.dark .border-bottom {
	border-bottom: 1px solid #424e5a !important;
}

.dark .modal-content label {
	color: #acbfd2;
}

.dark .modal-content .form-control {
	color: #94a0ad;
	background-color: #3b4651;
	border: 1px solid #424e5a;
}

.dark .close {
	color: #f7f7f7;
}

.dark #alLightBg {
	background-color: #3b4651;
}

#UpdateSubadmin .table-borderless td,
#UpdateSubadmin .table-borderless th {
	padding: 8px 10px 8px 10px !important;
}

.dark .dropzone {
	background: #3b4651;
}

.dark .selectize-input {
	border: 1px solid #424e5a;
}

.dark .navbar-custom ul.list-unstyled.topnav-menu .alLanguageTop .nav-link.waves-effect::before {
	color: #acbfd2;
}

.order_data_box .error-msg {
	font-size: 20px;
	position: relative;
	width: 100%;
	top: 0;
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0%);
}

/* .alDeliveryOptionsPage .switchery-demo label {
	margin: 0 !important;
} */


/* dark dashboard css end */


/*--- Sandeep css ---*/

a {
	color: #0450C4;
}

#alDashboardStyle a {
	color: #6c757d;
}

h4.header-title {
	color: #6c757d;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* border-bottom: 1px solid #e3e7f1;
	padding-bottom: 15px; */
	margin-bottom: 20px;
}

.ai_card p {
	display: flex;
	align-items: center;
	color: #2C3A4C;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	gap: 20px;
}

.ai_card p span {
	min-width: 130px;
	font-size: 14px;
	font-weight: 400;
}

.ai_card h5.fw-semibold {
	margin-bottom: 16px !important;
	font-weight: 600 !important;
}

.review-product-decsription h5:first-child {
	font-size: 24px;
	font-weight: 800 !important;
}

body #ProductPerformanceReport .table th {
	/* text-align: center; */
	vertical-align: middle !important;
}

body .table th {
	color: #6c757d;
}

body .al_catalog_box .modal .table th {
	color: #6c757d !important;
	font-weight: 400 !important;
}

body #ProductPerformanceReport .table td {
	/* text-align: center; */
	color: #616161;
	vertical-align: middle !important;
}

body .table td a,
body .table td {
	color: #000;
}

.brandList p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 240px;
	margin: 0;
}

body .table td a:hover {
	color: #0450C4;
}

#ProductPerformanceReport .tab-product .nav-material.nav-tabs .nav-item .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* body #ProductPerformanceReport .table td:first-child {
	width: 10% !important;
} */

#edit-promo-form .modal-dialog {
	max-width: 500px;
}

#edit-promo-form .modal-body {
	padding: 20px;
}

h4.modal-title {
	font-size: 16px;
	color: #1a181e;
	font-weight: 500 !important;
}

#promo-datatable .ellips {
	margin-bottom: 0 !important;
}

body .menu-title+.nav-second-level>li>a {
	text-transform: capitalize;
}

.card-img,
.card-img-top,
.card-img-bottom {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.app-card img {
	height: 424px;
	object-fit: cover;
	width: 100%;
}

.font-15 {
	text-transform: uppercase;
}

#edit_page_content label.control-label {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	font-size: 13px;
	font-weight: 500;
}

#edit_page_content #tags {
	margin-left: 10px;
	font-weight: 400;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0;
}

body .border-primary {
	border-color: #0450C4 !important;
	background-color: #0450C4 !important;
}

body .btn-primary {
	color: #fff !important;
	/* background-color: #0450C4;
	border-color: #0450C4; */
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	border-color: #607AE9;
	border-radius: 20px;
}

input#amount_per_loyalty_point {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body .text-primary {
	color: #0450C4 !important;
}

body input {
	padding: 8px 10px;
	color: #5e5e5e !important;
	height: 40px !important;
	border-radius: 5px !important;
	font-size: 13px !important;
}

body .btn-danger {
	color: #fff;
	/* background-color: #0450C4;
	border-color: #0450C4; */
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	border-color: #607AE9 !important;
}

.btn-danger:hover {
	background: #f63d3d !important;

}

body .update-status.btn-danger {
	color: #fff;
	background: linear-gradient(49deg, var(--text_color_f) 37.63%, #db7a7a 82.04%);
	border-color: #e13f60 !important;
}

body .update-status.btn-danger:hover {
	background: #fff !important;
	color: #d24848;
}

body input.form-control::placeholder,
body textarea.form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #bfbfbf !important;
}

body input.form-control:-ms-input-placeholder,
body textarea.form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #bfbfbf !important;
}

body input.form-control::-ms-input-placeholder,
body textarea.form-control:-ms-input-placeholder {
	/* Microsoft Edge */
	color: #bfbfbf !important;
}

body .form-control-light {
	background-color: #ffffff !important;
	border-color: #dfdfdf !important;
}

.pagination-rounded .page-link {
	border-radius: 100% !important;
	margin: 0;
	padding: 12px 18px;
	/* width: 32px;
	height: 32px; */
}

.page-item.active .page-link {
	/* background-color: #0450C4; */
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	border-color: #0450C4;
}

body .mdi-icons {
	color: #607AE9;
}

body .form-control {
	padding: 8px 10px;
}

.switchery-demo {
	justify-content: space-between;
}

body .dt-buttons.btn-group.flex-wrap {
	right: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	border-radius: 20px;
}

.vendor-prod-list ul li a {
	font-size: 14px !important;
	font-weight: 400;
	border-radius: 60px !important;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 10px;
}

.vendor-prod-list a.nav-link {
	background: #fff;
}

.nav-tabs>li>a,
.nav-pills>li>a {
	font-weight: 400;
}

.bg-info {
	background-color: #0153cc !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
	background-color: #0253cc !important;
}

.text-success {
	color: #0450C4 !important;
}

.tab-content {
	padding: 0;
}

.bg-soft-warning {
	/* background-color: rgb(0 82 204) !important; */
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
}

.text-warning {
	color: #ffffff !important;
}

.badge {
	padding: 5px 8px;
	font-size: 10px;
	font-weight: 400;
	border-radius: 3px;
}

button.btn.btn-primary-outline.action-icon {
	padding: 0 !important;
	line-height: 0;
}

body .dataTables_filter {
	right: 150px;
	top: -50px;
}

.input-group {
	width: 100%;
	max-width: auto;
	margin-left: auto;
}

.select2-container--default .select2-selection--multiple {
	height: auto;
}

.select2-container--default .select2-selection--multiple input {
	height: auto !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
	margin-top: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	margin-top: 3px !important;
	margin-right: 5px !important;
	font-size: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 2px 6px !important;
	letter-spacing: 0.5px !important;
}

.dark::-webkit-scrollbar-thumb {
	background: #d2a049;
}

.dark .border-primary {
	border-color: #d2a049 !important;
	background-color: #d2a049 !important;

}

.dark .btn-primary {
	color: #fff !important;
	background-color: #d2a049;
	border-color: #d2a049;
}

.dark .content-page .btn.btn-info {
	background-color: #d4a34a;
}

.dark .total-items {
	color: #d4a34a;
}

.dark .left-side-menu {
	background: #242424;
	box-shadow: none;
	border-right: 1px solid #444444;
	z-index: 99999;
}

.dark .nav-second-level li a {
	color: #b3b3b3 !important;
}

.dark .nav-second-level li a {
	color: #b3b3b3 !important;
}

.dark .nav-second-level li a:hover {
	color: #fff !important;
}

.dark .nav-second-level li .collapse li a:before {
	border-color: #b3b3b3;
}

.dark .nav-second-level li .collapse li a:hover:before {
	border-color: #fff !important;
}

.dark .error-msg p {
	color: #fff;
}

.dark .table th {
	color: #fff;
}

.dark .table td a,
.dark .table td {
	color: #c9c9c9;
}

.dark .table td {
	border-color: #444444;
}

.dark .table-striped tbody tr:nth-of-type(odd) {
	background-color: transparent;
}

body.dark div.dataTables_wrapper div.dataTables_info {
	color: #c9c9c9;
}

.dark .page-item.disabled .page-link {
	color: #c9c9c9;
	pointer-events: none;
	cursor: auto;
	background-color: #404040;
	border-color: #404040;
}

.dark .paginate_button.page-item a {
	background-color: #404040;
	border-color: #404040;
	color: #c9c9c9;
}

.dark .paginate_button.page-item a:focus {
	border-color: transparent !important;
	box-shadow: none;
}

.dark .table td a:hover {
	color: #d09d43;
}

.dark .text-success {
	color: #ffffff !important;
}

.dark .bg-soft-warning {
	background-color: rgb(212 163 74) !important;
}


a#action_vendor_button span {
	color: red;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	top: -2px;
}

body input.phone {
	padding-left: 90px !important;
}

#show-map-modal {
	z-index: 99999999;
	background: #0000004f;
}

#show-map-modal .modal-full-width {
	width: 40%;
	max-width: none;
}

.iti.iti--allow-dropdown {
	width: 100%;
}

.modal .input-group {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
}

#edit_vendor_modal textarea.form-control,
#edit-form textarea.form-control {
	height: 100px;
}

body a.openSocialMedia {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}

body a.openSocialMedia i {
	font-size: 22px;
	position: relative;
	top: 3px;
	right: -4px;
}

body a.openSocialMedia:hover,
body a.openSocialMedia:focus {
	background: transparent !important;
}

#edit_btn,
#block_btn {
	background: transparent;
	border: 0;
	padding: 0 10px;
	font-size: 22px;
	margin: 0 !important;
	position: absolute;
	top: 15px;
	right: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.5s;
}

#store-profile:hover #edit_btn,
#store-profile:hover #block_btn {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

#edit_btn {
	top: 15px;
	right: 45px;
}

#store-profile {
	position: relative;
	padding: 30px !important;
}

#store-profile .name {
	font-size: 20px;
	margin-bottom: 10px !important;
	display: block;
}

#userList_model li {
	font-size: 15px;
	line-height: 22px;
	padding: 10px 8px;
	border-bottom: 1px solid #ddd;
}

#userList_model li:last-child {
	border-bottom: 0px;
}

#userList_model li a,
#sujesion_user_id li a {
	color: #767676;
}

p.vendor_desc {
	padding: 25px 20px;
	font-size: 14px !important;
	color: #787878 !important;
}

.selectize-input .item {
	position: absolute;
	white-space: nowrap;
}

.selectize-input {
	position: relative;
}

body .selectize-input input {
	width: 100%;
	position: absolute !important;
	top: 0px;
	left: 0;
	padding: 0 10px !important;
	width: 100% !important;
}


body #add-category-form .modal-lg,
body #edit-category-form .modal-lg {
	max-width: 50%;
}

ul#sujesion_user_id {
	width: 100%;
	height: 441x;
	overflow: auto;
}

ul#sujesion_user_id span {
	text-align: center;
	display: block;
	padding: 10px 0;
	text-transform: capitalize;
}

body .daterangepicker .ranges li.active {
	background-color: #0450C4;
}

#sidebar-menu a.menu-title {
	pointer-events: all;
	font-size: 14px;
	text-transform: capitalize;
	cursor: pointer;
}

#sidebar-menu a.menu-title:hover span,
#sidebar-menu a.menu-title:hover::after {
	color: #101828;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #0450C4;
	border-color: #0450C4;
}

#manageSocialMedia .inner-div .btn {
	width: auto;
}

#manageSocialMedia .modal-lg,
#import-form .modal-lg {
	max-width: 600px;
}

#import-product #save_imported_products a {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

#import-product #myTabContent {
	margin: 20px 0;
}

#import-product #woocommerces_form {
	text-align: center;
}

#option_div .table-responsive {
	overflow-y: hidden;
}

#user-modal .modal-dialog {
	max-width: 600px;
}

#action-product-modal span.switchery.switchery-default {
	float: right;
}

.flatpickr-calendar.open {
	z-index: 9999999999 !important;
}

button.btn.btn-primary-outline.action-icon.delete-vendor {
	color: #000;
}

.quick-nav.live .card {
	overflow: visible;
}


#variantAjaxDiv .checkbox input {
	height: auto !important;
}

#variantAjaxDiv .checkbox label {
	font-weight: 400;
	margin-bottom: 0;
}

#variantAjaxDiv .form-group label.control-label {
	font-weight: 400;
	color: #212121;
}

.sub-price .fw-bold {
	color: #38882f !important;
}

.action-btn-box {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: 10px;
}

.action-btn-box .form-group {
	margin: 0;
	display: flex;
	align-items: center;
}

#al_web_styling .action-btn-box input[type="checkbox"] {
	margin: 0 6px 0 0;
	height: auto !important;
}

.dd3-content .vendor-img {
	display: inline-block;
}

.cke_chrome {
	border-radius: 20px;
}

span.cke_top.cke_reset_all {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.cke_inner.cke_reset {
	border-radius: 20px;
}

span.cke_bottom.cke_reset_all {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
	display: none !important;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
	display: none !important;
}

th.w-40 {
	width: 40px !important;
}

.modal-content {
	border-radius: 20px !important;
}

form#user_subscription_form label {
	font-weight: normal;
}

input#amount_per_loyalty_point {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

form#update_loyality_form span#basic-addon1 {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

/* div#addressInput input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
} */

.plan-notification label {
	background: #d39c9c;
	color: #000;
	padding: 5px;
	border-radius: 5px;
}

span.upgrade-btn a {
	background: red;
	color: #fff;
}


button.buffer_time_btn.badge.badge-info.border-0 {
	line-height: 150%;
	border-radius: 20px;
	background: linear-gradient(49deg, #607AE9 37.63%, #91A6FE 82.04%);
	box-shadow: 0px 6px 10px 0px rgba(96, 109, 232, 0.20);
	padding: 8px 24px !important;
	border: 1px solid transparent;
	transition: all 0.5s;
}

/* .update-news {
	position: relative;
	background-color: #121214;
	top: 0px;
} */

.update-news p {
	display: inline-block;
	margin: 0;
	padding-left: 0;
	color: #000;
}

.update-news span {
	/* font-size: 13px;
	color: #fff;
	background: #607AE9;
	display: inline-block;
	padding: 6px 10px;
	position: relative;
	z-index: 9;
	left: 0;
	width: 150px;
	text-align: center;
	height: 32px; */
	color: #607AE9;
	transition: all .5s;
	border-radius: 20px;
	background: #EEF4FD;
	font-size: 12px;
	margin: 0 5px;
	border: 0 !important;
}

.update-news span a {
	color: #fff;
}

.marquee {
	white-space: nowrap;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 0;
	width: 100%;
}

.marquee p {
	display: inline-block;
	padding-left: 100%;
	font-size: 14px;
	animation: marquee 26s linear infinite;
	color: #FFF;
	margin-bottom: 0;
}

/* .update-news span:after {
	content: '';
	position: absolute;
	right: -7px;
	width: 0;
	height: 0;
	margin: auto;
	bottom: 0;
	z-index: 9;
	top: 0;
	border-top: 12px solid transparent;
	border-left: 14px solid #607AE9;
	border-bottom: 12px solid transparent;
} */

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-100%, 0);
	}
}

#received_new_orders .modal-dialog {
	max-width: 750px !important;
}

.dropdown-menu.dropdown-menu-right.profile-dropdown.p-0.show {
	top: -110% !important;
	right: -160px !important;
	border-radius: 10px;
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

#sticky.stick {
	position: fixed;
	top: 12px;
	/* z-index: 10000; */
	z-index: 999;
	border-radius: 0 0 0.5em 0.5em;
	width: 20.6%;
}

.quick-nav.live {
	position: inherit;
	width: inherit;
}

table.table.custom-table.module-role input {
	margin-top: 0 !important;
}

.dd3-content {
	font-weight: 400;
	font-size: 13px;
}

ul.nav.nav-pills.navtab-bg.nav-justified.catelog-nav {
	gap: 5px;
	margin-bottom: 10px;
}

button.btn.btn-info.waves-effect.waves-light.saveProduct.w-50 {
	width: 13% !important;
	margin-top: 20px;
}

.modal-open .modal {
	z-index: 99999;
}

.top-right {
	display: flex;
	justify-content: end;
	position: relative;
}

.top-left {
	display: flex;
	justify-content: start;
}

.update-news img {
	width: 12px;
}


.al_body_template_three .swiper.brand-slider .swiper-wrapper {
	justify-content: center !important;
}

/*============================================= dashboard page responsive css start here ======================================= */


/*--- expired css start here now ---*/

.expired {
	padding: 0 20px;
}

.expire {
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.expired h2 {
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	/* margin: 0 0 30px 0; */
}

.expired-msg {
	max-width: 730px;
	border-radius: 20px;
	background: #f9fbff;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.expired-msg h3 {
	color: #101828;
	font-size: 30px;
	font-weight: 600;
	line-height: 150%;
	max-width: 550px;
	margin: 30px auto 15px;
}

.expired-msg p {
	color: #101828;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	max-width: 0597px;
	margin: 0 auto;
}

.expired-msg p span {
	font-weight: 600;
}

.expire a.expire-btn,
#onboarding-details-model a.expire-btn {
	border-radius: 6px;
	background: #2E8EFF;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	padding: 10px 32px;
	display: inline-flex;
	margin-top: 20px;
	border: 1px solid #2E8EFF;
	transition: all 0.4s ease;
	align-items: center;
	gap: 7px;
}

.expire a.expire-btn:hover,
#onboarding-details-model a.expire-btn:hover {
	background: transparent;
	color: #2E8EFF;
}

.expire a.expire-btn svg path,
#onboarding-details-model a.expire-btn svg path {
	transition: all 0.4s ease;
}

.expire a.expire-btn:hover svg path,
#onboarding-details-model a.expire-btn:hover svg path {
	fill: #2E8EFF;
}

.pic-box img {
	width: 100%;
}

#onboarding-details-model .modal-body {
	padding: 0;
}

#onboarding-details-model .expired-msg {
	max-width: 100%;
	border-radius: 0px;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

#onboarding-details-model .modal-content {
	border-radius: 20px;
	background: #FFF;
	overflow: hidden;
	padding: 30px 0;
}

#onboarding-details-model .expired-msg h3 {
	margin: 30px auto 5px;
}

#onboarding-details-model .expired-msg p {
	max-width: 376px;
	margin: 0 auto;
	color: #888;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

#onboarding-details-model .modal-body {
	position: relative;
}

#onboarding-details-model button.close.btClose {
	position: absolute;
	top: -10px;
	right: 20px;
	opacity: 1;
}

#onboarding-details-model button.close.btClose svg {
	width: 18px;
	height: 18px;
}

.add-vendors-btn {
	position: relative;
	z-index: 999;
}

.vendor-desktop {
	display: block;
}

.vendor-moblie {
	display: none;
}

button.btn.showMap {
	background: #eef4fd;
	border: 0;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	z-index: 999;
}

li.update-news.dk-update,
li.fleetsuite.dk-update {
	display: block;
}

li.update-news.mb-update,
li.fleetsuite.mb-update {
	display: none;
}

i.mdi.mdi-map-marker-radius {
	color: #2c8eff;
}


.dd-empty {
	display: none !important;
}


.dropify-wrapper.touch-fallback .dropify-clear {
	top: 5px;
	opacity: 1 !important;
	border-color: transparent;
	color: transparent;
	border-radius: 20px;
	border-width: 1px;
	font-weight: 400;
	font-size: 0;
	border: 0;
	position: absolute;
	right: 10px;
}

.dropify-wrapper.touch-fallback .dropify-clear::after {
	position: absolute;
	top: 0px;
	content: "\f057";
	font-family: 'Font Awesome 5 Free';
	font-size: 19px;
	z-index: 99;
	right: 0px;
	color: #000;
	background: transparent;
	border-radius: 100%;
	border: 0;
}

/*--- expired css end here now ---*/

/*============================================= dashboard page responsive css start here ======================================= */
@media(max-width:1600px) {
	.card-box {
		padding: 20px;
	}

	.vendor.card-info h3,
	.account.card-info h3 {
		font-size: 14px;
		font-weight: 500;
		line-height: 150%;
		margin: 0;
	}

	.card-icon {
		width: 40px;
		height: 40px;
	}

	.vendor.card-info h3 span,
	.account.card-info h3 span {
		font-size: 18px;
	}

	#sticky.stick {
		width: 19.5%;
	}
}

@media(min-width:1600px) {
	.style-cols .col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}


}

@media(max-width:1499px) {
	h1.control-label {
		font-size: 46px;
	}

	.popup-card .body-card {
		padding: 12px;
	}

	.popup-card label {
		padding: 12px;
	}

	.vendor.card-info h3,
	.account.card-info h3 {
		font-size: 13px;
	}

	.vendor.card-info,
	.account.card-info {
		gap: 10px;
		padding: 10px 10px;
		align-items: start;
	}

	.vendor.card-info h3 span,
	.account.card-info h3 span {
		font-size: 14px;
	}

	.card-icon {
		width: 40PX;
		height: 40PX;
	}
}

@media(min-width: 1440px) {
	.main-customer-page .set-height {
		min-height: calc(100vh - 320px);
	}

	.main-customer-page .set-height .dataTables_scrollBody {
		height: calc(100vh - 550px);
	}


}

@media(max-width:1400px) {
	.web-style .dropify-wrapper.has-preview {
		width: 70px;
		height: 70px;
	}

	.web-style .text-left label {
		height: 40px;
	}

	.web-style .text-left label.logo-size {
		height: auto;
	}

	.col-md-12 button.btn.btn-info {
		min-width: 80px
	}

	.card-box .btn-info {
		min-width: 80px;
		text-align: center !important
	}

	body .content-page .btn.btn-info {
		font-size: 12px;
		display: inline-block;
	}

	body .content-page .btn.btn-info.openServiceModal {
		min-width: 130px;
	}

	body .content-page .btn.btn-info.alAddLongBtn,
	body .content-page .btn.btn-info.alAddProductBtn {
		max-width: 100%;
	}

	body .content-page button.btn.btn-info.openVendorSectionModal {
		min-width: 140px;
	}

	body .dataTables_wrapper .dataTables_paginate .paginate_button {
		min-width: auto;
		padding: .5em 0em;
	}

	.al_new_export_table .sync_hubspot {
		max-width: 150px !important;
	}

	.payout-chart {
		gap: 15px;
	}

	#sticky.stick {
		width: 18.5%;
	}

	.vendor.card-info,
	.account.card-info {
		height: 100%;
	}
}

@media(min-width:1367px) {
	.custom-cols>.col {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.style-cols .col-xl-6,
	.cms-cols .col-xl-9 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.style-cols .col-xl-3,
	.cms-cols .col-xl-3 {
		flex: 0 0 30%;
		max-width: 30%;
	}

}


@media(max-width:1280px) {
	.ai_card p span.adr {
		min-width: auto;
	}

	#sticky.stick {
		width: 19%;
	}

	.vendor.card-info,
	.account.card-info {
		height: 100%;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__rendered {
		display: flex;
		min-height: 34px;
		flex-wrap: wrap;
	}

	body .switchery {
		height: 15px;
		width: 30px;
	}

	body .switchery>small {
		width: 12px;
		height: 12px;
	}

	.vendor-prod-list ul li a {
		font-size: 15px !important;
		padding: 8px;
	}

	.vendor-page .vendor.card-info svg {
		width: 40px;
		height: 40px;
	}

	.dropify-preview .dropify-infos {
		display: none;
	}

	.al_catalog_box .sub-header {
		margin: 0 0 0 0;
		max-width: 310px;
		font-size: 12px;
	}

	.al_catalog_box h4.title {
		margin: 0;
		font-size: 16px;
	}

	.content-page .al_catalog_box .btn.btn-info:last-child {
		margin-right: 0;
	}

	.alTaxPage .card {
		height: 100%;
	}

	body #clear_filter_btn_icon {
		margin: 2px -3px 0 0 !important;
	}

	body .custom-select,
	body .form-control {
		height: 34px;
	}

	.card-body label {
		font-size: 12px;
	}

	a.edit_payment_method_btn {
		display: block;
		margin-top: 3px;
	}

	.alTaxPage .main-table {
		position: relative;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.alTaxPage .btn-bottom {
		position: absolute;
		bottom: 20px;
		right: 20px;
	}

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

	#accounting_vendor_datatable_wrapper input.form-control {
		height: 40px !important;
		width: 180px;
	}

	li#pending_payouts_datatable_next {
		display: none;
	}

	li#pending_payouts_datatable_previous {
		display: none;
	}

	.alPopularProducts .table-responsive {
		height: 290px;
	}

	.order_detail_data .prod-info h6 {
		font-size: 12px;
		line-height: normal;
		margin: 0 0 5px 0;
	}

	.light .al_order_sec .btn-info,
	.al_order_sec button.update-status {
		font-size: 12px;
	}

	#sidebar-menu {
		margin-top: 10px;
	}

	.logo-box {
		float: none;
		position: relative;
	}

	.left-side-menu .logo {
		top: 0;
	}

	.left-side-menu {
		padding-top: 0 !important;
	}

	.app-card img {
		height: 260px;
		object-fit: cover;
		width: 100%;
	}

	.app-card .btns-group {
		flex-direction: column;
	}

	.app-card .btns-group button.btn.btn-primary {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.custom-spacing {
		padding: 20px 15px;
	}

}

@media(max-width:1199px) {

	.top-left {
		display: none;
	}

	#sticky.stick {
		width: 18%;
	}

	.navbar-custom {
		border-radius: 0;
		padding: 10px 0;
	}

	.top-right {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-left: 45px;
	}

	body.open-menu {
		overflow: hidden;
		position: relative;
		height: 100vh;
	}

	body.open-menu::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
		width: 100%;
		height: 100%;
		z-index: 999;
		opacity: 0.5;
	}

	#sidebar-menu ul.nav-second-level li a,
	#sidebar-menu .menu-title {
		padding: 8px 10px;
		margin-bottom: 8px;
	}

	#sidebar-menu .menuitem-active .active,
	#sidebar-menu li.menuitem-active a.menu-maim-active,
	#sidebar-menu ul.nav-second-level li a:hover,
	body #sidebar-menu a.menu-title.main-menu:hover {
		border-radius: 6px !important;
		border-color: transparent;
		background: #fdfdfd;
	}

	#sidebar-menu .inner-menu ul.nav-second-level.first-nav-level,
	#sidebar-menu ul.nav-second-level .inner-menu ul.nav-second-level.nav-first-level {
		background: #fdfeff;
	}

	.mobile-toggle {
		display: block;
	}

	.auth-fluid .auth-fluid-form-box {
		max-width: 100%;
	}

	.language-inputs {
		width: 65%;
		overflow-x: auto;
	}

	.ipad-view .col-lg-5.col-xl-4 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.ipad-view .col-lg-7.col-xl-8 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.home-options-list .dd-list .dd-item .dd-handle {
		font-size: 12px;
	}

	a.logo.logo-light.text-center {
		background: transparent;
		padding: 0;
	}

	.left-side-menu .inner-menu {
		padding-right: 0;
	}

	.navbar-custom .topnav-menu>li {
		top: 0;
	}

	li.view-site a,
	li.update-news.mb-update,
	li.fleetsuite.mb-update {
		display: block !important;
	}

	ul.list-unstyled.topnav-menu {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	li.view-site a {
		color: #607AE9;
	}

	.navbar-custom .topnav-menu .nav-link {
		padding: 0 15px 0 0;
	}

	li.fleetsuite.mb-update {
		top: -2px;
		position: relative;
	}

	.logo-box {
		padding: 0;
	}
}

@media(max-width:1140px) {

	.top-site-links li a {
		padding: 6px 0px 8px;
		border: 0 !important;
		background: transparent;
	}

	.update-news span {
		background: transparent;
	}

}

@media(max-width:1028px) {
	.navbar-custom {
		width: 100% !important;
	}

	#sticky.stick {
		width: 22%;
	}

	body .left-side-menu.nav-container.showNav {
		width: 240px !important;
		display: block;
		z-index: 99999 !important;
		background: #ECF3FF;
		top: 0;
	}


}

@media(min-width:1025px) {
	.catalog-cols .col-md-4 {
		flex-basis: 0;
		flex-grow: 1;
		min-width: 0;
		max-width: 100%;
	}

	.mobile-toggle,
	.d_none {
		display: none;
	}

	.navbar-custom {
		left: auto;
	}

	.left-side-menu {
		top: 0;
		padding-top: 0px;
		box-shadow: none;
	}

	.top-site-links li {
		padding: 0 0 0 15px;
	}

}

@media(max-width:1024px) {

	.top-site-links li a {
		border-radius: 0;
		background: transparent;
		padding: 0;
	}

	.update-news span {
		background: transparent;
	}

	.popup-card .body-card {
		padding: 12px;
	}

	.popup-card label {
		padding: 12px;
	}

}

@media(min-width:992px) {
	.custom-cols>.col {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}

@media (max-width: 1366px) {
	#map-canvas {
		height: calc(100vh - 284px);
	}

	.vendor.card-info {
		gap: 10px;
		padding: 10px;
	}

	#alDashboardStyle .card-head .icon {
		width: 40px;
		height: 40px;
	}

	#alDashboardStyle .card-head .icon svg {
		width: 100%;
		height: 100%;
	}

	#alDashboardStyle .alDasBoxItems h3 {
		font-size: 20px;
		margin: 10px 0;
	}

	#alDashboardStyle .alDasBoxItems p {
		font-size: 10px;
	}

	#alDashboardStyle .alDasBoxItems .card-body {
		padding: 10px;
	}

	#alDashboardStyle .alDasBoxItems h5 {
		font-size: 14px;
	}

	.popup-card label {
		font-size: 11px;
		padding: 10px;
	}

	.popup-card.form-card label,
	label.control-label,
	#fssai-licenseInput label {
		font-size: 11px;
	}

	label.position-relative.control-label {
		padding-right: 13px;
		font-size: 11px;
	}

	.alInfoIocn {
		font-size: 11px;
	}

	.dnonecard.commissioncard .alInfoIocn {
		margin-top: 0 !important;
	}

	.dd3-content {
		font-weight: 400;
		font-size: 11px;
	}

	.alPopularProducts span {
		margin-right: 0;
	}

	body select {
		height: 34px !important;
		padding: 6px 10px !important;
	}

	body input {
		padding: 6px 10px;
		height: 34px !important;
	}

	span#basic-addon1 {
		height: 34px;
	}

	.al_new_export_table.dealdive_customber_btn.table_customber_add {
		padding-top: 0 !important;
	}

}

@media (min-width: 1200px) {
	.geo_middle {
		height: calc(100vh - 690px);
		overflow-y: auto;
		overflow-x: hidden;
		margin: 0 0 20px;
	}

	#add-category-form .modal-lg,
	#edit-category-form .modal-lg {
		max-width: 70%;
	}

	.custom-spacing {
		padding: 20px 15px;
	}

	.pricingtable .heading {
		font-size: 22px;
	}

	.pricingtable .price-value {
		font-size: 24px;
		letter-spacing: 0 !important;
	}

	.pricingtable ul li {
		font-size: 12px;
	}
}

@media (min-width: 1300px) and (max-width: 1400px) {
	#cardCollpase4 svg {
		padding-left: 0;
		margin-left: -36px;
	}

	.home-options-list .dd-list .dd-item .dd-handle {
		font-size: 12px;
	}
}

@media(max-width: 991px) {

	body[data-sidebar-size=condensed] .content-page {
		padding-left: 0;
	}

	.quick-nav-d-none {
		display: none;
	}

}

@media(max-width: 991px) {
	/* .content-page {
		margin-top: 70px;
	} */

	.vendor.card-info {
		gap: 10px;
		padding: 10px;
	}

	.page-title h2 {
		display: block;
	}


}

@media(max-width:767px) {
	body {
		overflow-x: hidden;
		padding-bottom: 0;
	}

	body.light {
		padding: 0px !important;
	}

	.navbar-custom {
		margin-bottom: 0;
	}

	#sidebar-menu .inner-menu ul.nav-second-level.first-nav-level,
	#sidebar-menu ul.nav-second-level .inner-menu ul.nav-second-level.nav-first-level {
		background: #fdfeff;
	}

	#sidebar-menu .menuitem-active .active,
	#sidebar-menu li.menuitem-active a.menu-maim-active,
	#sidebar-menu ul.nav-second-level li a:hover,
	body #sidebar-menu a.menu-title.main-menu:hover {
		border-radius: 6px !important;
		border-color: transparent;
		background: #fdfdfd;
	}

	#sidebar-menu ul {
		padding: 0 8px;
	}

	.inner-menu {
		padding-right: 0;
	}

	.update-news {
		top: -10px;
	}

	#sidebar-menu ul.nav-second-level li a,
	#sidebar-menu .menu-title {
		padding: 8px 10px;
		margin-bottom: 8px;
	}

	body .page-title-box .page-title {
		line-height: 24px;
		margin: 10px 0;
		font-size: 16px;
	}

	body .page-title-box .page-title svg {
		width: 20px;
		height: 20px;
	}

	.ai_card p span {
		min-width: 118px;
	}

	.vendor.card-info,
	.account.card-info {
		display: flex;
		align-items: start;
		flex-direction: column;
		gap: 10px;
	}

	.vendor.card-info {
		display: block;
	}

	.vendor.card-info svg {
		/* width: 100%;
		height: 100%; */
		margin-bottom: 10px;
	}

	.al_order_sec .order_head h4 {
		opacity: 1
	}

	.card-body.al_custom_control {
		padding: 0;
	}

	h1.control-label {
		font-size: 36px;
	}

	.custom-control.custom-radio.radio_new label.custom-control-label {
		width: 100%;
	}

	.col-md-3.alOrderStatus {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.tab-product .nav-material.nav-tabs .nav-item .nav-link {
		font-size: 12px;
		padding: 4px 10px;
		font-weight: 400;
	}

	.tab-content.nav-material.mt-2 {
		margin-top: 0 !important;
	}

	.tab-content.nav-material.al .order_head h4 {
		color: #000;
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 10px;
	}

	.vendor-products .card {
		margin-top: 0;
	}

	.vendor-page .card-body {
		padding: 0;
	}

	.vendor-page .tab-content {
		padding: 0 !important;
		margin-top: 0 !important;
	}

	.vendor-products .nav-tabs .nav-item {
		z-index: 0;
	}

	.content-page {
		min-height: 100%;
		padding: 0 0 25px;
		border: 0;
	}

	.top-input {
		width: 100%;
	}

	/* body .dataTables_filter {
		right: 0;
		top: -8px;
		position: relative;
		width: 100%;
	} */

	body button.btn.btn-secondary.btn-success.waves-effect.waves-light {
		width: 100%;
		text-align: left;
		height: 34px;
		border-color: #0450C4;
		box-shadow: none;
		font-size: 12px;
		position: relative;
		top: 3px;
	}

	body .dt-buttons.btn-group.flex-wrap {
		right: auto;
		top: 0;
		position: relative;
		left: 0;
		margin-right: 15px;
	}

	.al_new_export_table.dealdive_customber_btn.table_customber_add .row.mt-1.sml_royo-responsive {
		margin-top: 0px !important;
	}

	/* body div.dataTables_wrapper div.dataTables_filter label {
		width: 100%;
	} */

	.main-customer-page .al_new_export_table.dealdive_customber_btn div.dataTables_wrapper div.dataTables_filter label input {
		width: 100% !important;
	}

	.al_new_export_table.dealdive_customber_btn div.dataTables_wrapper div.dataTables_filter {
		left: 0;
	}

	.order_data_box {
		padding: 0 00 20px;
	}

	body div.dataTables_wrapper div.dataTables_filter input {
		/* width: 100%; */
		margin: 0px 0 0 10px !important;
	}

	.chat-body.row.overflow-hidden.shadow.bg-light.rounded .col-4.px-0,
	.chat-body.row.overflow-hidden.shadow.bg-light.rounded .col-8.px-0 {
		max-width: 100%;
		flex: 100%;
	}

	.conversation-head {
		padding: 10px 0 !important;
	}

	body .ctext-wrap {
		max-width: 90%;
	}

	.navbar-custom .topnav-menu>li {
		margin-top: 0px;
	}

	.sidebar-enable .left-side-menu {
		display: block;
		z-index: 9999 !important;
		background: #ECF3FF;
		top: 0;
	}

	.content-page {
		margin-top: 0;
		border-radius: 0;
	}

	#ProductPerformanceReport .table-responsive.mt-2 {
		height: 200px;
		margin-bottom: 20px;
	}

	/*.apexcharts-inner {
		display: none;
	}*/

	.order-list-view .ellips {
		max-width: 100%;
	}

	.main-customer-page .al_new_export_table .position-absolute.mb-2 {
		top: 0;
	}

	.al_new_export_table .sync_hubspot {
		max-width: 130px !important;
	}

	.main-customer-page .position-absolute .btn.btn-info {
		margin-bottom: 4px;
		padding: 5px 10px;
		min-width: auto;
	}

	.main-customer-page .al_new_export_table .position-absolute {
		margin-bottom: 4px;
	}

	.navbar-custom {
		border-radius: 0 0 0 10px;
		width: calc(100% - 0px);
		padding: 10px 0;
	}

	.navbar-custom.fixed-header {
		position: fixed;
		width: 100%;
		z-index: 99;
		background: #fff;
		border-bottom: 1px solid #f1f1f1;
		border-radius: 0;
	}

	.vendor-prod-list h4 {
		margin: 0 0 15px 0 !important;
	}

	.vendor-prod-list .card {
		margin-bottom: 15px;
	}

	.vendor-prod-list .row.mt-4 {
		margin-top: 15px !important;
	}

	body .dataTables_wrapper .dataTables_paginate .paginate_button {
		min-width: auto;
		padding: 0;
	}

	.dataTables_paginate ul {
		text-align: center;
		display: flex;
		margin: 0 !important;
		align-items: center;
	}

	body div.dataTables_wrapper div.dataTables_info {
		height: auto;
	}

	.al_add_user {
		margin-top: 0;
	}

	.ai_order .card-body {
		padding: 20px 15px;
	}

	ul#order_statuses {
		padding: 0;
	}

	ul#order_statuses li h5,
	ul#order_statuses li h5.text-info {
		font-size: 12px;
	}

	ul#order_statuses li p {
		font-size: 10px;
	}

	.ai_card p span.adr {
		min-width: 200px;
	}

	body .content-page .btn.btn-info {
		font-size: 12px;
		display: inline-block;
		margin-top: 0px;
		margin-bottom: 0;
	}

	.vendor.card-info h3 span,
	.account.card-info h3 span {
		font-size: 18px;
		font-weight: 500;
	}

	.pull-right.accounting_upload.ml-auto.mt-2.mr-1 {
		margin-top: 0 !important;
	}

	.vendor-prod-list {
		padding: 0 !important;
	}

	ul.nav.nav-pills.navtab-bg.nav-justified {
		display: block;
	}

	ul.nav.nav-pills.navtab-bg.nav-justified li {
		width: 100%;
		margin-bottom: 4px;
	}

	li.view-site a {
		color: #607AE9;
		transition: all .5s;
		border-radius: 5px;
		background: transparent;
		padding: 0;
		font-size: 0;
		margin: 0 5px;
		display: flex !important;
		align-items: center;
		gap: 0;
		justify-content: center;
	}

	a#active_subscription_bar {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	li.view-site a i {
		font-size: 14px;
	}

	.navbar-custom .topnav-menu .nav-link {
		padding: 0;
		color: rgba(0 0 0 / 0.6);
		min-width: 32px;
		display: block;
		line-height: normal;
		text-align: center;
		max-height: initial;
	}

	.ui-sortable-handle {
		margin-bottom: 20px;
	}

	.app-card img {
		height: 255px;
		object-fit: cover;
		width: 100%;
	}

	#al_web_styling .language-input.style-4 {
		opacity: 1;
		visibility: visible;
	}

	.product_appointment_spa table .prod-img {
		height: 40px;
	}

	ul.nav.nav-pills.navtab-bg.nav-justified li a {
		width: 180px;
		padding: 8px 10px !important;
		margin: 0;
		font-size: 14px;
	}

	ul.nav.nav-pills.navtab-bg.nav-justified {
		display: flex;
		flex-wrap: nowrap;
		gap: 10px;
		overflow-x: auto;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		font-size: 12px;
	}

	.pricingtable {
		padding: 20px 15px;
	}

	.gold-icon {
		padding: 0;
	}

	.gold-icon img {
		height: 90px !important;
		width: 90px !important;
		margin-bottom: 20px;
	}

	.pricingtable h3.heading b {
		font-weight: 600 !important;
		font-size: 15px;
	}

	.pricingtable .heading {
		font-size: 18px;
		margin: 0 0 10px 0;
		line-height: normal;
	}

	.home-options-list .dd-list .dd3-item {
		flex-direction: column;
		align-items: start !important;
	}

	.al_custom_cms_page .home-options-list .dd-list .dd3-item {
		flex-direction: row;
		align-items: start !important;
	}

	.mdi-24px.mdi-set,
	.mdi-24px.mdi:before {
		font-size: 20px;
	}

	div#ProductPerformanceReport ul#top-tab {
		margin-top: 20px;
	}

	.alReturnRequestsPage .tab-content {
		padding: 12px 0 0 0;
	}

	.tab-product.vendor-products {
		margin-top: 10px;
	}

	.action-btn-box {
		margin-left: 0 !important;
	}

	.al_new_export_table {
		padding-top: 40px;
	}

	#alDashboardStyle h4.heading {
		font-size: 15px;
	}

	.quick-nav {
		width: 100%;
		position: inherit;
	}

	body #clear_filter_btn_icon {
		height: 24px !important;
		width: 24px !important;
	}

	li.mobile-toggle {
		padding-left: 15px;
	}

	.form-group.mb-0,
	.form-group {
		margin-bottom: 12px !important;
	}

	.social_head .fab.fa-apple {
		font-size: 20px !important;
	}

	#show-map-modal .modal-full-width {
		width: auto;
		max-width: none;
	}

	#show-map-modal .modal-body.p-4 {
		padding: 20px !important;
	}

	body.open-menu {
		overflow: hidden;
		position: relative;
		height: 100vh;
	}

	body.open-menu::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
		width: 100%;
		height: 100%;
		z-index: 999;
		opacity: 0.5;
	}

	.al_box_height {
		height: 34px !important;
	}

	.card-body {
		padding: 20px 15px;
	}

	#nomenclature .card-body label {
		height: auto !important;
	}

	select#nomen_language_id {
		width: 50%;
		margin-bottom: 10px;
	}

	.top-left {
		display: none;
		justify-content: start;
	}

	ul#top-tab {
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	ul#top-tab li.nav-item {
		min-width: 155px;
	}

	#ProductPerformanceReport ul#top-tab li.nav-item {
		min-width: 185px;
	}

	.vendor-desktop {
		display: none;
	}

	.vendor-moblie {
		display: block;
		text-align: right;
	}

	#app_requests button.sendRequestForBuild22 {
		font-size: 12px;
	}

	#app_requests p.card-text {
		font-size: 12px;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	#app_requests h5.card-title {
		margin: 0;
	}

	#app_requests .app-build-qr {
		margin-top: 13px;
	}

	#sidebar-menu {
		height: auto;
		padding-bottom: 20px;
	}

	.simplebar-content-wrapper {
		padding: 0;
	}

	li.update-news.dk-update,
	li.fleetsuite.dk-update {
		display: none;
	}

	li.update-news.mb-update,
	li.fleetsuite.mb-update {
		display: block;
		font-size: 0;
	}

	ul.list-unstyled.topnav-menu {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.update-news span {
		display: none;
	}

	.vendor-prod-list ul li a {
		font-size: 12px !important;
	}

	#catalog .btn-group {
		margin-bottom: 14px;
	}

	#catalog .btn-group .btn.btn-info {
		border-radius: 20px;
		padding: 6px 12px !important;
	}

	.show-map {
		margin-top: 20px !important;
	}

	.table-responsive.productstable {
		min-height: auto !important;
	}


	.site_link {
		padding: 0;
		justify-content: end;
	}

	body #clear_filter_btn_icon {
		margin: 5px -3px 0 0 !important;
	}

	#onboarding-details-model .expired-msg h3 {
		font-size: 20px;
	}

	#onboarding-details-model button.close.btClose {
		top: -20px;
	}

	#onboarding-details-model button.close.btClose svg {
		width: 13px;
		height: 13px;
	}

	body #add-category-form .modal-lg,
	body #edit-category-form .modal-lg {
		max-width: 100%;
	}

	#banner-datatable td,
	#banner-datatable th,
	.banner-datatable td,
	.banner-datatable th,
	.edit_brand-datatable td,
	.edit_brand-datatable th {
		padding: 0px 10px !important;
	}

	#AddAddonBox .form-control {
		border-radius: 10px !important;
	}

	.venderBoxs {
		display: none;
	}

	.update-news img {
		width: 16px;
	}

	.al_body_template_three .swiper.brand-slider .swiper-wrapper {
		justify-content: start !important;
	}

	.alPopularProducts .table-responsive {
		height: auto;
	}

	.alPopularProducts .table-responsive table {
		width: 770px;
	}

	li.fleetsuite.mb-update {
		top: 0;
		position: relative;
	}

	.left-side-menu .simplebar-content-wrapper.menuitem-active {
		height: 790px !important;
	}

	button.step-back {
		position: relative;
		margin-bottom: 20px;
	}

	#app_requests .app-build-qr button.btn.btn-primary.downloadFile {
		margin-bottom: 10px;
	}

	#app_requests .app-build-qr button.btn.btn-primary.downloadFile svg path {
		fill: #FFF;
	}

	body #app_requests .app-build-qr .btn-primary {
		width: 100%;
	}

}

/* @media(max-width:640px) {
body div.dataTables_wrapper div.dataTables_filter input{
	margin:20px 0 0 0 !important
}
} */

@media(max-width:600px) {
	a.customerLang.dropdown-item {
		text-align: right;
	}

}

@media(max-width:576px) {

	.content-page {
		margin-top: 0;
	}

	.custom-cols>.col {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.received-orders .modal-dialog.modal-dialog-centered {
		max-width: 600px;
	}

	.order_received1 .modal-dialog.modal-dialog-centered {
		max-width: 940px;
	}

	.add_product .modal-dialog {
		max-width: 650px;
	}


}

@media(max-width:575px) {
	.page-title-box.dashboard_order_title .float-right {
		float: left !important;
		width: 100%;
	}

	.page-title-box.dashboard_order_title input {
		margin-bottom: 10px;
	}

	.page-title-box.dashboard_order_title select {
		margin-bottom: 10px;
	}

	.page-title-box input {
		margin-bottom: 10px;
	}

	.page-title-box select {
		margin-bottom: 10px;
	}

	.card.widget-inline p.text-muted.font-15.mb-0 {
		font-size: 12px !important;
	}

	.card.widget-inline h3 {
		font-size: 18px;
	}

	.top-input select {
		margin-bottom: 10px;
	}

	.top-input input {
		margin-bottom: 10px;
	}

	.vendor.card-info.total-pro svg {
		width: 40px;
		height: 40px;
	}

	.vendor.card-info.total-act svg {
		width: 40px;
		height: 40px;
	}

	.web-style .dropify-wrapper.has-preview {
		margin: 0 auto;
	}

	.vendor.card-info svg {
		width: 100%;
		height: 100%;
	}

	.vendor-page .vendor.card-info svg {
		width: 40px;
		height: 40px;
	}

	.vendor-prod-list .vendor.card-info svg {
		width: 40px;
		height: 40px;
	}

}


@media(max-width:391px) {

	.logo-box {
		height: auto;
	}

	.logo-box .logo {
		line-height: inherit !important;
	}

	.navbar-custom .button-menu-mobile {
		height: auto;
		line-height: normal;

	}

	.navbar-custom .button-menu-mobile {
		width: auto;
	}

	.left-side-menu {
		top: 32px;
	}


	.page-title-box {
		margin-top: 10px;
	}

	.content-page {
		margin-top: 0;
	}

}

@media(max-width:320px) {
	.custom-cols>.col {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tab-product .nav-material.nav-tabs .nav-item .nav-link {
		font-size: 12px;
		padding: 2px 5px;
		font-weight: 400;
	}
}


/* Mtn mom payment gateway css*/

#subscription_key_error p,
#reference_id_error p {
	color: red;
	margin-top: 4px;
}


/*======================= new css add for p2p template on 1/12/2023===================== */
body.dark .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: #303841;
}

/* #order-status-icon .dropify-wrapper.has-preview {
	height: 50px;
} */

/*======================= new css add for p2p template on 1/12/2023===================== */
.ratio-color {
	color: #98a6ad;
	padding-left: 5px;
}

.w-50 {
	width: 30% !important;
}

.alLanguageTop ul.dropdown-menu {
	left: unset !important;
	right: 0;
}

/*======================= billing Buy Subscription model popup design===================== */
#add-billing-subscription ul.nav.nav-tabs {
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 15px 10px;
	border-radius: 10px;
	width: 100%;
	margin: 0 auto 25px auto;
	max-width: max-content;
	border-bottom: 0;
	background: #f5f5f5;
	gap: 5px;
	margin-bottom: 50px;
}

#add-billing-subscription .nav.nav-tabs li a {
	padding: 8px 20px;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	border-radius: 10px;
	color: #000;
	font-size: 15px;
}

#add-billing-subscription .nav.nav-tabs li a.active {
	background: #0774F4;
	color: #fff;
}

.select-plan .tab-pane {
	display: none;
}

.select-plan .tab-pane.active {
	display: initial;
}

.pricingtable .heading {
	letter-spacing: 0;
	color: #212121;
	font-size: 24px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	margin: 0 0 15px;
}

.pricingtable .price-value {
	color: #212121;
	font-size: 30px;
	font-weight: 600;
	line-height: 31px;
	letter-spacing: 0;
	margin-bottom: 4px;
}

.pricingtable p {
	color: #5f5f5f;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 17px;
}

.pricingtable ul {
	min-height: 215px;
}

.pricingtable ul li i {
	display: none;
}

.pricingtable ul li {
	margin: 0 0 0px;
	color: #585858;
	font-size: 14px;
	display: flex;
	justify-content: start;
	margin-bottom: 10px;
	align-items: center;
}

.pricingtable-purchase {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.pricingtable-purchase .subscribe_btn {
	margin-bottom: 0;
}

.pricingtable .bg-color {
	background: #D0D0D0;
	height: 12px;
	width: 100%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.custom-spacing {
	padding: 20px 30px;
	text-align: left;
	border: 1px solid #e1dddd;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.pricingtable ul li svg {
	margin-right: 10px;
	min-width: 15px;
}

.pricingtable .price-value span {
	font-size: 13px;
}

.pricingtable h5 {
	border-top: 1px solid rgb(204 204 204 / 50%);
	padding-top: 15px;
}

.pricingtable h5 {
	border-top: 1px solid rgb(204 204 204 / 50%);
	padding-top: 15px;
	font-weight: 600;
}

.pricingtable-purchase .subscribe_btn {
	margin-top: 30px;
	color: #212121 !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	border-radius: 5px;
	border: 1px solid #000;
	background: #FFF;
	padding: 12px 47px;
}

.pricing-section {
	justify-content: center;
}

#price-0 .bg-color {
	background: #219C53;
}

#price-1 .bg-color {
	background: #0774F4;
}

#price-2 .bg-color {
	background: #000;
}

.pricingtable-purchase .selected-plan {
	background: transparent;
	color: #212121 !important;
}

.subscription-payment-detail {
	max-width: 800px;
	margin: auto;
	width: 100%;
	padding-top: 20px;
}

.plan-billing .pricingtable {
	width: 100%;
	margin: 0 auto;
}

.subscription-payment-detail button.btn {
	padding: 8px 24px !important;
}

div#start_billing_dateInput label.control-label {
	color: #607ae9;
	font-weight: 700 !important;
	font-family: 'Poppins', sans-serif !important;
	margin-bottom: 10px;
}

#subscription_payment_methods label {
	padding: 0 0 0 10px;
	border: 0;
	font-family: 'Poppins', sans-serif !important;
}

label.control-label.debit-from-label {
	font-family: 'Poppins', sans-serif !important;
	margin-bottom: 0;
}

div#start_billing_dateInput input.form-control.form-control.input {
	border: 1px solid #F4F4F4;
}

.popup-card.mx-2.subscription-payment-card {
	background: #f5f5f5;
	margin-top: 15px;
}

label.card-detail {
	color: #607ae9;
	font-weight: 700 !important;
	font-family: 'Poppins', sans-serif !important;
	margin-top: 5px;
	margin-bottom: 10px;
}

.onboard-progressbar {
	position: fixed;
	bottom: 25px;
	z-index: 999;
	background: #eef6fe;
	max-width: 800px;
	width: 100%;
	display: block;
	right: 50%;
	margin-right: -400px;
	padding-top: 12px;
	border-radius: 20px;
	padding-bottom: 6px;
}

.alPopularProducts span {
	margin-right: 25px;
}

#revenue-bar-chart .apexcharts-text tspan {
	font-size: 10px;
}

.apexcharts-text tspan {
	font-weight: bold;
	fill: #000;
}

#revenue-bar-chart {
	padding-top: 1em;
}

.product-description-link .anchor-1 {
	color: #146eb4;
	cursor: pointer;
	text-decoration: underline;
	font-weight: 500;
}

.product-description-link {
	margin-top: 10px;
	font-weight: normal;
}

.flex-center.prod-desc-gt {
	margin: auto;
	text-align: center;
}

#desc-generated {
	display: none;
}

.description-loader {
	width: 20px;
	height: 20px;
	background: transparent;
	border-top: 2px solid #009688;
	border-right: 2px solid transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: .4s spin linear infinite;
	display: none;
}

span.password-span {
	word-wrap: break-word;
}

span.ratio-color {
	font-weight: 400;
}

#import-product .modal-dialog .table-responsive {
	overflow: visible;
}

#add-billing-pricing .form-check-label input {
	height: auto !important;
	margin: 10px 0px;
}

#edit-billing-pricing .form-check-label input {
	height: auto !important;
	margin: 10px 0px;
}

.hide-checkbox {
	display: none;
}

#add-custom-plan .form-check-label input {
	height: auto !important;
	margin: 10px 5px 0px;
}

.select2-container {
	z-index: 9999999;
}