:root {
	--primary: #0077ff;
	--primary-rgb: 0, 119, 255;
	--menu-text-color: #fff;
	--success: #3fc77d;
	--success-rgb: 63, 199, 125;
	--bs-success: var(--success);
	--bs-success-rgb: rgb(63, 199, 125);
	--warning: #efb540;
	--info: #0071e3;
	--info-hover: #0062c5;
	--primary-hover: #0061d0;
	--success-hover: #3cba75;
	--success-dark: #349f64;
	--success-dark-hover: #287b4e;
	--light-dark: #d5d8dd;
	--light-dark-hover: #bcbec3;
	--info-dark: #0167cc;
	--info-dark-hover: #015cb7;
	--font-family-sans-serif: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--font-family-monospace: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--form-control-disabled: #959495;
	--bs-dropdown-link-active-color: var(--success-hover);
	--bs-body-color: #222;
	--bs-body-bg: rgb(247, 247, 247);
	--bs-table-striped-bg: rgb(247, 247, 247);
	--bs-table-accent-bg: rgb(247, 247, 247);
	--bs-gray-dark: #d4d6d9;
	--bs-gray-100: #3e4555;
	--bs-gray-200: #545968;
	--bs-gray-300: #696e7b;
	--bs-btn-bg: var(--primary);
	--bs-btn-border-color: var(--primary);
	--bs-btn-hover-bg: var(--primary-hover);
	--bs-btn-hover-border-color: var(--primary-hover);
	--bs-btn-active-bg: var(--primary-hover);
	--bs-btn-active-border-color: var(--primary-hover);
	--bs-btn-disabled-bg: var(--primary);
	--bs-btn-disabled-border-color: var(--primary);
	--highlight-color: rgb(0, 119, 255, 0.5);
	--ck-color-base-action: var(--primary);
	--ck-color-base-border: var(--bs-border-color);
	--ck-color-base-text: var(--primary);
    --bs-modal-margin: 10px;
}

body {
	font-family: var(--font-family-sans-serif);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	caret-color: var(--primary);
	/* Use safe area insets to avoid the notch and screen corners */
	padding-top: env(safe-area-inset-top);
}

::selection {
	background: var(--highlight-color);
}

.form-control:focus {
	border-color: var(--highlight-color) !important;
	-webkit-box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25);
	box-shadow: 0 0 0 .2rem rgba(63, 199, 125, .25);
}

/* width */
::-webkit-scrollbar {
	width: 7.5px;
	height: 5px;
	border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: rgba(125, 125, 125, 0.05);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(125, 125, 125, 0.25);
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgba(125, 125, 125, 0.75);
}

img {
	max-width: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-monospace), sans-serif;
	font-weight: 700;
}

body::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}

a {
	color: var(--primary);
	text-decoration: none !important;
}

a:hover {
	color: #336ecd;
}

table {
	width: 100%;
	min-width: 100%;
}

.table {
	width: 100%;
}

.btn .h1,
.btn .h2,
.btn .h3,
.btn .h4,
.btn .h5,
.btn .h6,
.btn h1,
.btn h2,
.btn h3,
.btn h4,
.btn h5,
.btn h6 {
	color: white;
}

.font-weight-bold {
	font-weight: 600 !important;
}

.btn-info,
.btn-success,
.btn-danger {
	color: #fff;
}

.btn-info:hover,
.btn-success:hover,
.btn-danger:hover {
	color: #fff;
}

.btn-info {
	background-color: var(--info);
}

.btn-info:hover {
	background-color: var(--info-hover);
}

.btn-info {
	background-color: var(--info);
}

.btn-info:hover {
	background-color: var(--info-hover);
}

.card,
.btn {
	border-radius: 5px;
}

.modal-body {
	background-color: var(--bs-body-bg);
}

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

.btn {
	font-weight: 700;
}

.custom-file-input {
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

.btn-primary,
.badge-primary,
.bg-primary {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	background-color: var(--primary-hover);
	border-color: var(--primary-hover);
	color: #fff;
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
}

.btn i {
	position: relative;
}

.badge {
	border-radius: 20px;
	padding: 5px 8px;
}

tr .badge {
	margin: 2.5px;
}

.badge-light {
	background-color: #eff2f6;
	color: #000;
}

.badge-warning {
	background-color: #e5a54b;
	color: #fff;
}

.badge-dark {
	background-color: #1c1f23;
	color: #fff;
}

.badge-secondary {
	background-color: #1c1f23;
	color: #fff;
}

.badge-danger {
	background-color: var(--bs-danger);
	color: #fff;
}

.badge-info {
	background-color: var(--bs-info);
	color: #fff;
}

.btn-success,
.badge-success,
.bg-success {
	background-color: var(--success) !important;
	border-color: var(--success) !important;
	color: #fff !important;
}

.bg-light-gray {
	background-color: var(--bs-gray-300) !important;
	border-color: var(--bs-gray-300) !important;
	color: #000 !important;
}

.bg-soft-success {
	background-color: rgba(75, 191, 115, .175) !important;
	border-color: rgba(75, 191, 115, .175) !important;
	color: #0C331E;
}

.bg-soft-danger {
	background-color: rgba(245, 53, 101, 0.2) !important;
	border-color: rgba(245, 53, 101, 0.2) !important;
	color: #c10303;
}

.bg-soft-secondary {
	background-color: rgba(239, 239, 247, 0.7) !important;
	border-color: rgba(239, 239, 247, 0.7) !important;
	color: #000;
}

.btn-success:hover {
	background-color: var(--success-hover) !important;
	border-color: var(--success-hover) !important;
}

.btn-success-dark {
	background-color: var(--success-dark) !important;
	border-color: var(--success-dark) !important;
	color: #fff !important;
}

.btn-success-dark:hover {
	background-color: var(--success-dark-hover) !important;
	border-color: var(--success-dark-hover) !important;
}

.btn-primary-dark {
	background-color: var(--primary-darker) !important;
	border-color: var(--primary-darker) !important;
	color: #fff !important;
}

.btn-light {
	background-color: var(--light-dark) !important;
	border-color: var(--light-dark) !important;
	color: #000 !important;
}

.btn-light:hover {
	background-color: var(--light-dark-hover) !important;
	border-color: var(--light-dark-hover) !important;
}

.btn-info-dark {
	background-color: var(--info-dark) !important;
	border-color: var(--info-dark) !important;
	color: #fff !important;
}

.btn-info-dark:hover {
	background-color: var(--info-dark-hover) !important;
	border-color: var(--info-dark-hover) !important;
}

.text-success {
	color: var(--success) !important;
}

.text-primary {
	color: var(--primary) !important;
}

.text-gray {
	color: #818181 !important;
}

.text-info {
	color: var(--info) !important;
}

.progress-bar {
	background-color: var(--primary);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.checkbox:checked:before {
	background-color: var(--primary);
}

.toastify {
	background: none
}

.text-black {
	color: black !important;
}

.selected-product-img, .stock-section-product-img, #selected-product-img {
	border-radius: 7.5px;
	background-color: white;
    height: 55px;
    margin-right: 10px;
    width: 55px;
    background-position: center;
    background-repeat: no-repeat;
	background-size: contain;
    display: inline-block;
}

.sellers-multi-select {
	display: none;
}

.custom-control-input:checked~.custom-control-label::before {
	border-color: var(--primary);
	background-color: var(--primary);
}

.form-inner-group .form-floating {
	margin-bottom: 0px !important;
}

.form-inner-group .form-floating .form-control {
	border-radius: 0px;
	border-bottom: solid 0px !important;
}

.form-inner-group .form-floating:first-child .form-control {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.form-inner-group .form-floating:last-child .form-control {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: 1px solid #ced4da !important;
}

.form-control {
	border: 1px solid var(--bs-border-color);
}

select.form-control::after {
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: solid 2px white;
	border-bottom: solid 2px white;
	content: '';
	background: green;

}

.open_requests {
	position: relative;
	top: -3px;
	left: 5px;
}

table td,
table th {
	vertical-align: middle;
}

table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
	border-color: #fff;
	color: #fff !important;
	background-color: var(--primary);
}

.api-selector-list img {
	position: relative;
	width: 100%;
	border: solid 3px transparent;
	padding: 0 10px;
	border-radius: 3px;
}

.api-selector-list .nav-link {
	border: solid 5px transparent;
}

.api-selector-list .active {
	border: solid 5px var(--primary);
	background: white !important;
}

.header-response-message {
	position: fixed;
	right: -50%;
	top: 15vh;
	-webkit-animation: slideInRight 0.5s forwards;
	animation: slideInRight 0.5s forwards;
	z-index: 999;
}

.edit-shipment-method-price-button {
	font-weight: bold;
	font-size: 14px;
}

.edit-shipment-method-price-button:hover {
	color: var(--primary);
}

div.dataTables_processing>div:last-child {
	display: none;
}

@-webkit-keyframes slideInRight {
	100% {
		right: 2%;
	}
}

@keyframes slideInRight {
	100% {
		right: 2%;
	}
}

.table-img-view {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 50px;
	max-width: 50px;
	width: auto;
	height: auto;
	padding: 5px;
	background: white;
	border-radius: 5px;
}

.img-bg-thumbnail {
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	height: 50px;
	width: 50px;
	border: solid 0px;
	border-radius: 7.5px;
	background-color: white;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#shipment-options-wrapper .form-group {
	margin-bottom: 10px;
}

.niceButtonsWrapper button {
	margin: 0 5px 10px;
}

.button-icon {
	font-size: 16px;
	bottom: -2px;
	position: relative;
	padding-right: 3px;
}

#datatable-orders tr {
	cursor: pointer;
}

#datatable-products tr td {
	cursor: pointer;
}

.shipment-option-button {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	border: solid 2px #e9edf3;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	background: white;
}

.shipment-option-button .shipment-option-text {
	color: black;
}

.shipment-address {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	border: solid 2px #e9edf3;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.shipment-option-button:hover {
	border: solid 2px var(--primary);
}

.shipment-option-button.active {
	border: solid 4px var(--primary) !important;
}

.shipment-option-text {
	font-size: 14px;
	margin-bottom: 0;
}

.shipment-option-text-right {
	font-size: 14px;
	margin-top: 8.5px;
	margin-bottom: 0;
	text-align: right;
	margin-right: 10px;
}

.shipment-option-extra-key {
	position: absolute;
	right: 15px;
	left: auto;
	top: 15px;
}

.shipment-option-icon {
	display: inline-block;
	left: 0;
	width: 75px;
	background-color: rgb(255, 255, 255);
	font-size: 28px;
	padding: 5px 10px;
	border-radius: 4px 0 0 4px;
	vertical-align: middle;
	height: 50px;
	padding-top: 5px;
	text-align: center;
}

.shipment-option-button:hover .shipment-option-icon {
	background: #fff;
	/* color: white; */
}

.shipment-option-info {
	position: relative;
	left: 0;
	width: calc(100% - 75px);
	margin: 0;
	float: right;
	padding: 7px 2.5px;
}

.topnav .dropdown .dropdown-item.active,
.topnav .dropdown .dropdown-item:active {
	color: var(--primary);
}

.topnav {
	max-height: 80vh !important;
}

.show-on-edit,
.hide-on-edit {
	float: right;
	padding: 4px 7px;
	margin-top: -5px;
	margin-bottom: 7px;
}

.shipment-address-input,
.new-order-address-input {
	padding: 4px 8px 2px 8px;
	width: 100%;
	font-size: 14px;
	border: 0;
	border-radius: 0px;
	border: solid 0px #ddd;
	border-bottom: dotted 1px #ddd;
	font-weight: 500;
	background-color: transparent;
}

.grouped-tbody {
	border-bottom: solid 25px var(--bs-body-bg) !important;
	background: white;
}

.single-tbody {
	background: white;
	border-bottom: solid 5px var(--bs-body-bg);
}

.stacked-img-wrapper {
	position: relative;
	display: inline-block;
}

.stacked-img-badge {
	top: -5px;
	position: absolute;
	left: 0px;
	z-index: 1;
	font-size: 12px;
}

#list-of-open-orders {
	border: solid 0px !important;
}

#list-of-open-orders td {
	border: solid 0px !important;
}

.progression-fixed {
	position: fixed;
	bottom: 25px;
	right: 25px;;
	background: #fff;
	padding: 10px 20px;
	color: white;
	z-index: 999;
	border-radius: 5px;
	border: 1px solid #e9edf3;
}

.progression-fixed h2 {
	font-size: 16px;
	font-weight: 600;
	color: black;
}

.progression-fixed span {
	font-size: 14px;
	font-weight: 500;
	width: 40px;
	float: right;
	text-align: center;
	margin-top: -2px;
	color: #495057;
}

.order-usage-tracker {
	position: fixed;
	bottom: 25px;
	right: 25px;
	background: #fff;
	padding: 10px 20px;
	color: white;
	z-index: 999;
	border-radius: 5px;
	border: 1px solid #e9edf3;
	max-width: 365px;
	width: calc(100% - 140px);
}

.order-usage-tracker h2 {
	font-size: 16px;
	font-weight: 600;
	color: black;
	margin-bottom: 8px;
}

.order-usage-tracker span {
	font-size: 14px;
	font-weight: 500;
	width: 60px;
	float: right;
	text-align: center;
	margin-top: -2px;
	color: #495057;
}

.order-tracker-close:hover {
	color: #333 !important;
}

#progressionAccordion .card {
	border: 0px solid transparent;
	margin-bottom: 0px;
}

#progressionAccordion .card-header {
	cursor: pointer;
	border-radius: 0px;
}

#progressionAccordion .card-header h5 {
	font-size: 18px;
	font-weight: 600;
	padding: 13px 20px;
	padding-left: 45px;
	color: rgb(51, 51, 51);
}

#progressionAccordion .progression-status-icon {
	position: absolute;
	font-size: 28px;
	margin-top: 4px;
	margin-left: 5px;
}

.add-section-nav-button {
	display: inline-block;
	color: var(--success);
	margin-left: 8px;
	position: absolute;
	font-size: 22px;
	margin-top: -8px;
	cursor: pointer;
	bottom: auto;
}

.delete-section-nav-button {
	display: inline-block;
	color: #d9534f;
	margin-left: 40px;
	position: absolute;
	font-size: 22px;
	margin-top: -8px;
	cursor: pointer;
	bottom: auto;
}

.add-section-nav-button:hover .delete-section-nav-button:hover {
	opacity: 0.9;
}

.add-location-nav-button {
	display: inline-block;
	color: var(--success);
	margin-left: 5px;
	margin-bottom: -5px;
	position: relative;
	font-size: 22px;
	margin-top: -6px;
	top: 3px;
	cursor: pointer;
}

.add-location-nav-button:hover {
	color: #000;
}

.custom-layer-ul {
	list-style: none;
	padding-left: 25px !important;
}

.custom-layer-li {
	position: relative;
}

.custom-layer-li:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url("/portal/public/images/stock-section-arrow.png");
	background-size: contain;
	margin-top: 2px;
	margin-left: -20px;
}

body[data-theme=dark] .custom-layer-li:before {
	filter: invert(100%);
}

.locations-layer-ul {
	list-style: none;
	padding-left: 25px !important;
	color: #000;
}

.locations-available-layer-li:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: var(--success);
	border-radius: 100%;
	background-size: contain;
	margin-top: 6px;
	margin-left: -17px;
}

.locations-out-of-stock-layer-li:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #efb540;
	border-radius: 100%;
	background-size: contain;
	margin-top: 6px;
	margin-left: -17px;
}

.locations-occupied-layer-li:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #fa5944;
	background-size: contain;
	margin-top: 6px;
	margin-left: -17px;
}

.pin-point-non-active {
	margin-left: 0px;
	margin-top: 0px;
	min-width: 10px;
	min-height: 10px;
	border: solid 2.5px white;
	border-radius: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	cursor: pointer;
	box-shadow: 0 0px 0 5px var(--primary);
}

.pin-point-area {
	margin-left: -5px;
	margin-top: -5px;
	min-width: 20px;
	min-height: 20px;
	border: solid 5px white;
	border-radius: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: red;
	cursor: move;
	box-shadow: 0 0px 0 5px red;
}

#pickPopupModalBody .list-group-item {
	font-size: 14px;
	font-weight: 500;
}

.small-stacked-product-img {
	position: relative;
	max-height: 45px;
	max-width: 45px;
	width: auto;
	display: inline-block;
	margin: -5px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-color: white;
	padding: 2.5px;
	border-radius: 5px;
}

.small-basket-img {
	position: relative;
	max-height: 37px;
	max-width: 37px;
	width: auto;
	background-color: transparent;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 2.5px;
	border-radius: 5px;
}

.small-basket-img-wrapper {
	position: relative;
	display: inline-block;
	top: 3px;
}


.small-basket-quantity-wrapper {
	position: absolute;
	text-align: center;
	top: -15px;
	left: 0px;
	right: 0px;
	width: 100%;
}

.small-basket-img-wrapper .basket_quantity {
	position: relative;
	font-size: 11px;
	border-radius: 50px;
	background: var(--bs-danger);
	color: white;
	padding: 2.5px 7.5px;
}

.small-basket-img-wrapper .basket_number {
	position: absolute;
	left: 18px;
	text-align: center;
	width: 37px;
	font-size: 12px;
	top: 14px;
}

#siblings-dots-wrapper {
	font-size: 16px;
}

.loading-done {
	display: none;
}

#stock_locations_navigator,
#stock_section_navigator {
	font-size: 16px;
}

.handle-order-header-quantity {
	position: absolute;
	left: -15px;
	top: -5px;
	font-size: 12px;
	border-radius: 50%;
	padding: 5px 7.5px;
}

.stacked-product-img {
	position: relative;
	height: 50px;
	width: 50px;
	display: inline-block;
	margin-left: 15px;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	margin-bottom: -20px;
	background-color: #fff !important;
	border-radius: 5px;
}

.stacked-product-title {
	display: inline-block;
	width: 135px;
	font-size: 12px;
	overflow: hidden;
	margin-left: 15px;
	vertical-align: middle;
	font-weight: 600;
	color: #000;
	padding-right: 10px;
	margin-right: 10px;
}

.stacked-img-wrapper:last-child>.stacked-product-title {
	padding-right: 0px;
	margin-right: 0px;
	padding-bottom: 10px;
}

.payment-interval-wrapper {
	position: relative;
	top: 0;
}

.payment-interval-wrapper .switch-selection {
	position: relative;
	font-size: 14px;
	top: 3px;
	padding: 0 10px;
	cursor: pointer;
}

.product-img-wrapper-modal {
	text-align: center;
}

.product-img-wrapper-modal img,
.smallProductImage {
	max-width: 100px;
	max-height: 50px;
}

.small-product-image {
	width: 100px;
	height: 50px;
	border: solid 5px white;
	border-radius: 5px;
	object-fit: contain;
}

.edit-selected-product-button {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 1;
	text-align: right;
}

.fc-circle {
	margin: 0 10px 0 0;
	font-size: 14px;
	padding: 5px 7.5px;
	border-radius: 25%;
	background: white;
	display: block;
	position: absolute;
	text-align: center;
	right: -18px;
	bottom: -6px;
	color: white;
	font-weight: bold;
	background: var(--primary);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
	z-index: 1;
}

.new-stock-amount-circle {
	margin: 0 10px 0 0;
	font-size: 14px;
	padding: 5px 7.5px;
	border-radius: 0px 0px 0px 5px;
	background: white;
	display: block;
	position: absolute;
	text-align: center;
	right: -10px;
	top: 0px;
	color: white;
	font-weight: bold;
	background: var(--primary);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) !important;
}

.upload-form {
	position: relative;
	width: 100%;
	border: 2px dotted #ccc;
	border-radius: 5px;
}

.upload-form:hover {
	cursor: pointer;
	border: 2px solid var(--primary);
	background-color: #f8f9fa;
}

.upload-form p {
	width: 100%;
	text-align: center;
	padding: 27px 10px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: rgb(41, 48, 66);
}

.upload-form:hover p {
	color: var(--primary);
}

.upload-form input {
	cursor: pointer;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
}

.swal-wide {
	width: 850px !important;
}

.page-item.active .page-link {
	background-color: var(--primary);
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 28px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.upload-import-arrow {
	font-size: 84px;
	color: #000;
	position: absolute;
	left: -84px;
	right: 0;
	margin: auto;
	width: 0;
}

.input-group-navbar {
	min-width: 100px;
	overflow: hidden;
	border-radius: 7px;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #6c757d;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 15px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 15px;
}

label.switch.disabled span.slider:before {
	background-color: rgb(227, 227, 227);
}

input:checked+.slider {
	background-color: var(--primary) !important;
}

input:checked+.disabled {
	background-color: #909090 !important;
}

.disabled:hover {
	cursor: default;
}

input:focus+.slider {
	box-shadow: 0 0 1px var(--primary);
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.selected-product-title {
	position: relative;
	top: 20px;
}

.main-product-settings-table {
	width: 100%;
	font-size: 14px;
}

.main-product-settings-table td {
	padding: 2.5px 10px;
}

.main-product-settings-table td:first-child {
	width: 50%;
}

.active_product_channel {
	background: white;
}

.active_product_channel td:last-child {
	border-right: solid 3px var(--primary) !important;
}

.page-link {
	border-radius: 0% !important;
	height: 33px;
	width: auto;
	text-align: center;
	margin: 0 5px;
}

.paginate_button .mdi {
	position: relative;
}

.modal-backdrop {
	visibility: hidden !important;
}

.modal.in {
	background-color: rgba(0, 0, 0, 0.35);
}

.modal {
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(3px);
	-moz-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	margin-top: env(safe-area-inset-top);
	margin-bottom: env(safe-area-inset-bottom);
}

.swal2-content label {
	padding-bottom: 3px;
}

.font-size-12 {
	font-size: 12px !important;
}

.inventory_log_item,
.log_item {
	border: solid 0px var(--bs-body-bg);
	border-radius: 5px;
	background: var(--bs-body-bg);
	display: block;
	position: relative;
	overflow: hidden;
	left: 0;
	right: 0;
	margin: 18px 0 0 0;
}

.inventory_log_item:first-child,
.log_item:first-child {
	margin: 0 0 0 0;
}

#inventory_log_wrapper {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	overflow: scroll;
}

#inventory_log_wrapper::-webkit-scrollbar {
	display: none;
}

#productModalTitle {
	height: 30px;
	overflow: hidden;
	padding-top: 8px;
	padding-left: 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

.sync_modus_select {
	display: block;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	color: #444;
	line-height: 1.3;
	padding: 7px 0 7px 15px;
	width: 150px;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	margin: 0 15px 0 0;
}

/* Hide arrow icon in IE browsers */
.sync_modus_select::-ms-expand {
	display: none;
}

/* Hover style */
.sync_modus_select:hover {
	border-color: #888;
}

/* Focus style */
.sync_modus_select:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

/* Set options to normal weight */
.sync_modus_select option {
	font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .sync_modus_select,
:root:lang(ar) .sync_modus_select,
:root:lang(iw) .sync_modus_select {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.sync_modus_select:disabled,
.sync_modus_select[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.day-list {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
}

.day-list .sudo-company-item {
	width: 100%;
	border-radius: 3px;
	padding: 10px;
	margin: 5px 0;
	background: white;
}

.scroll-wrapper-sudo {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 0 0 20px 0;
}

.order-product-img-small {
	max-height: 40px;
	background-color: white;
	border-radius: 7.5px;
}

.channel-icon-small {
	max-height: 45px;
	max-height: 40px;
	background-color: white;
	border-radius: 7.5px;
}

#recent-orders {
	background: white;
}

.fulfillment-logo {
	width: 100%;
	padding: 0 0;
}

.center-card {
	padding: 10px 15px;
}

.ui-front {
	z-index: 9999999 !important;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 7px 10px;
	border-radius: 5px;
}

.img_request_form {
	max-width: 50% !important;
}

.map-height-static {
	height: 400px;
}

.center_item {
	border: solid 1px #e9edf3;
	border-radius: .3rem;
	background: white;
	display: block;
	position: relative;
	left: 0;
	right: 0;
	margin: 15px 0 0 0;
	cursor: pointer;
}

.center_item:first-child {
	margin: 0 0 0 0;
}

.center_item.active {
	border-left: solid 3px var(--primary) !important;
}

.dt-responsive {
	width: 100% !important;
	max-width: 100% !important;
}

#all-requests-products td {
	text-align: center;
}

#all-requests-products td:nth-child(2) {
	text-align: left;
}

.nice-small-number-input {
	position: relative;
	display: inline-block;
	width: 50px;
}

.approve_icon_button {
	display: inline-block;
	position: relative;
	padding: 0 0;
	font-size: 32px;
	margin: -15px 0 -5px 0;
	bottom: -7.5px;
	cursor: pointer;
}

#center-prices-table td {
	cursor: pointer;
}

.approve_icon_button.text-success:hover {
	color: black !important;
}

.approve_icon_button.text-danger:hover {
	color: black !important;
}

.qrcode,
.outbound_qrcode,
.inbound_qrcode {
	width: 55%;
	margin: 0 auto;
	text-align: center;
}

.steps-footer {
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 750px;
	bottom: 0;
	border-radius: 5px 5px 0 0;
}

.trial-footer {
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 632px;
	max-width: 90%;
	bottom: 0;
	border-radius: 5px 5px 0 0;
	z-index: 1;
}

#display_trial .first-wrapper {
	position: relative;
	display: inline-block;
	width: 20%;
	text-align: center;
	padding-right: 15px;
}

#display_trial .second-wrapper {
	position: relative;
	display: inline-block;
	width: 49%;
	padding-left: 10px;
}

#display_trial .third-wrapper {
	position: relative;
	display: inline-block;
	width: 29%;
	text-align: center;
}

#display_trial {
	border-radius: 5px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	padding: 0px 0px !important;
	border: solid 0px transparent;
}

#display_trial p {
	display: inline-block;
}

#dealDiscount {
	font-size: 32px;
	padding-right: 0px;
	top: -5px;
	position: relative;
	font-weight: 600;
}

#display_trial span {
	font-size: 14px;
}

#display_trial h2 {
	font-size: 16px;
	margin-bottom: 2.5px;
	padding-top: 5px;
}

#display_trial .badge {
	padding: 5px 20px !important;
	font-weight: 600;
}

.text-success {
	color: #37C396 !important;
}

.setup-content {
	width: 100%;
}

.setup-panel .list-group-item-heading {
	padding: 10px 0 0 10px;
	margin-bottom: 0;
}

.setup-panel .list-group-item-text {
	padding: 0 0 10px 10px;
	margin-bottom: 0;
}

.setup-panel {
	width: 100%;
	position: relative;
}

.setup-panel li {
	border-radius: 3px;
	width: 32%;
	margin: 0.666%;
	background: #fff;
	position: relative;
	padding: 5px 10px;
}

.setup-panel .active {
	border-radius: 3px;
	background: var(--primary);
}

.setup-panel .active .list-group-item-heading,
.setup-panel .active .list-group-item-text {
	color: white;
}

.content-wrapper {
	background: #fff;
	max-width: 400px;
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	padding: 15px 10px;
	border-radius: 5px;
}

.switch-toggle {
	width: 270px;
}

.switch-toggle label:not(.disabled) {
	cursor: pointer;
}

.switch-toggle.switch-candy {
	background: transparent;
	box-shadow: none;
	margin-top: -10px;
	margin-bottom: -10px;
	font-size: 14px;
	text-align: right;
	z-index: 999;
}

.switch-toggle.switch-candy label {
	background: #ddd;
	color: #858796;
	text-shadow: none;
	padding: 0 10px;
}

.switch-candy input:checked+label {
	color: white;
	background: var(--primary);
}

.footer-checked-step-indicator {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 7px;
	font-size: 28px;
	color: var(--success);
}

.active .footer-checked-step-indicator {
	color: #fff;
}

.change-height-mobile-screen,
.product-synced-corrected-stock {
	overflow: hidden;
}

@media (max-width: 600px) {
	#inventory_log_wrapper {
		display: none;
	}

	.change-height-mobile-screen {
		height: auto !important;
	}
}

@media (max-width: 1200px) {

	.map-height-static {
		height: auto;
	}

}

.card-overflow {
	overflow-y: scroll;
}

.swal2-actions {
	z-index: 0 !important;
}

.swal2-container {
	z-index: 999999999 !important;
}

.product-inventory-tabs {
	margin-top: -2px;
	border-radius: 0 0 5px 5px !important;
	border: solid 2px #eee;
	background-color: var(--bs-card-bg)
}

.nav-tabs {
	border-bottom: 0px #e9edf3 solid;
}

.nav-tabs .nav-link {
	border-bottom: 0px #e9edf3 solid !important;
	padding: 10px;
	border: 2px #e9edf3 solid;
	background: #eee;
	font-weight: 600;
}

.nav-tabs .nav-link h4 {
	color: var(--primary);
	padding: 5px;
	font-size: 16px;
}

.nav-tabs .nav-link.active {
	background-color: #fff !important;
	border-color: #e9edf3 !important;
	border-bottom: 0px !important;
	color: var(--primary) !important;
}

.card-overflow::-webkit-scrollbar {
	display: none;
}

.cursor-pointer {
	cursor: pointer !important;
}

.custom-stock-badge-width {
	min-width: 40px;
}

.text-vertical-center {
	display: flex;
	align-items: center;
	/* Vertical center alignment */
	justify-content: center;
	/* Horizontal center alignment */
}

.shipment-method {
	height: 135px;
	cursor: pointer;
	padding: 1px;
	border: 3px solid transparent;
}

.shipment-method-active {
	border: 5px solid var(--primary);
	border-radius: 3px;
	padding: 0 !important;
}

.marketplace-tile {
	cursor: pointer;
	padding: 1px;
	border: 5px solid transparent;
	padding: 0 !important;
}

.marketplace-tile-active {
	border: 5px solid var(--primary);
	border-radius: 3px;
	padding: 0 !important;
}

.category-title {
	color: #808080;
	font-size: 20px;
}

.order-product-count-indicator {
	font-size: 14px;
}

.order-shippingmethod-title {
	font-size: 14px;
    max-height: 35px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.order-shippingmethod-title::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.order-shippingmethod-price {
	font-size: 12px !important;
}

.table-hover tbody tr {
	cursor: pointer;
}

.progress {
	background-color: #e2e6ec;
	border-radius: 10px;
}

.label-delivery {
	border-collapse: separate;
	border-spacing: 0 3px;
}

.label-status {
	border-collapse: separate;
	border-spacing: 0 7px;
}

.discount {
	color: #37C396;
	font-weight: 600;
	font-size: 16px;
	position: absolute;
	top: -40px;
	white-space: nowrap;
	left: 23px;
	display: flex;
	flex-direction: column;
}

.discount svg {
	position: relative;
	order: 2;
	left: 14px;
}

.card-body {
	-ms-overflow-style: none;
	/* Internet Explorer 10+ */
	scrollbar-width: none;
	/* Firefox */
}

.card-body::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.bootstrap-tagsinput .tag {
	color: #000;
}

.bootstrap-tagsinput .tag {
	color: #ffffff;
	background-color: var(--primary);
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 20px;
	line-height: 30px;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
	content: "×";
	font-size: 16px;
	padding: 0 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #eff2f6;
	border-color: #eff2f6;
	color: #000;
	border-radius: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 4.5px;
	white-space: normal;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #000;
	border-right: 1px dotted #ccc;
	font-size: 16px;
	margin-top: -2px;
	padding-right: 5px;
	height: 28px;
	width: 19px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {
	content: "×";
	position: relative;
	top: -2px;
	font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	width: auto;
	float: left;
}

.select2-container--default .select2-selection--multiple {
	border: solid 1px var(--bs-border-color);
	height: auto;
	border-radius: 2.5px;
	min-height: 33px;
}

#datatable-orders_length {
	display: inline-block;
	padding-right: 25px;
}

#datatable-orders_filter {
	float: right;
}

#datatable-select-products_length {
	padding-right: 25px;
}

#datatable-select-products_filter {
	float: right;
}

#datatable-shipment-labels_length {
	padding-right: 25px;
}

#datatable-shipment-labels_filter {
	float: right;
}

#datatable-returns_length {
	padding-right: 25px;
}

#datatable-returns_filter {
	float: right;
}

#all-requests-products_length {
	padding-right: 25px;
}

#all-requests-products_filter {
	float: right;
}

#datatable-fbc-products_length {
	padding-right: 25px;
}

#datatable-fbc-products_filter {
	float: right;
}

#outboundTable_length {
	padding-right: 25px;
}

#outboundTable_filter {
	float: right;
}

#datatableSellers_length {
	padding-right: 25px;
}

#datatableSellers_filter {
	float: right;
}

#sellerOrdersTable_length {
	padding-right: 25px;
}

#sellerOrdersTable_filter {
	float: right;
}

#sellerReturnsTable_length {
	padding-right: 25px;
}

#sellerReturnsTable_filter {
	float: right;
}

#sellerStorageTable_length {
	padding-right: 25px;
}

#sellerStorageTable_filter {
	float: right;
}

#datatable-products_length {
	display: inline-block;
	padding-right: 25px;
}

#datatable-products_filter {
	float: right;
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
	border: solid 2px #eee;
	border-bottom: 0px;
	border-radius: 5px 5px 0px 0px;
}

.dropdown-menu {
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
}

.morris-hover.morris-default-style {
	background: white;
	border-radius: 5px;
	color: #000;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
}

.popover {
	border-radius: 0px;
	background-color: white;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	max-width: 500px;
}

.popover .disabled {
	display: none;
}

.popover .btn {
	font-size: 14px;
}

.popover-title {
	background-color: white;
	margin: 0;
	padding: 10px 15px;
	font-size: 20px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
	font-weight: 600;
}

.popover-content {
	padding: 10px 15px;
}

.tour-backdrop {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.5);
}

.dropdown-menu {
	min-width: 12rem !important;
}

.dropdown-menu-end {
	border-radius: 7px;
	border: 1px solid #e0e0e0;
}

/* The side navigation menu */
.settingsNav {
	height: 100%;
	/* 100% Full-height */
	width: 300px;
	/* 0 width - change this with JavaScript */
	position: fixed;
	/* Stay on top */
	top: 0;
	/* Stay at the top */
	right: -300px;
	background-color: var(--bs-body-bg);
	/* Black*/
	overflow-x: hidden;
	/* Disable horizontal scroll */
	padding-top: 60px;
	/* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidenav */
	z-index: 9;
}

/* Position and style the close button (top right corner) */
.settingsNav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

/* On smaller screens, where height is less than 450px, change the style of the settingsNav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.settingsNav {
		padding-top: 15px;
	}

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

.inbox_people {
	background: var(--bs-body-bg) none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 30%;
	border-right: 3px solid #e9edf3;
}

.inbox_msg {
	border: 2px solid #e9edf3;
	clear: both;
	overflow: hidden;
}

.top_spac {
	margin: 20px 0 0;
}

.recent_heading {
	float: left;
	width: 40%;
}

.srch_bar {
	display: inline-block;
	width: 100%;
}

.headind_srch {
	padding: 20px 19px 20px 10px;
	overflow: hidden;
	/* border-bottom:2px solid #e9edf3; */
	text-align: center;
	font-size: 18px;
}

.recent_heading h4 {
	color: var(--primary);
	font-size: 21px;
	margin: auto;
}

.srch_bar input {
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #707070;
	font-size: 18px;
}

.srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.chat_ib .badge.badge-danger {
	position: absolute;
	top: 10px;
	right: 10px;
}

.chat_ib h5 {
	font-size: 1 5px;
	color: #464646;
	margin: 0 0 8px 0;
}

.chat_ib h5 span {
	font-size: 13px;
	position: absolute;
	right: 10px;
	bottom: 7.5px;
}

.chat_ib p {
	font-size: 14px;
	color: #989898;
	margin: auto;
	padding-right: 30px;
}

.chat_img {
	float: left;
	width: 11%;
	max-width: 45px;
}

.chat_img img,
.incoming_msg_img img {
	max-width: 100%;
}

.chat_ib {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
}

.chat_people {
	overflow: hidden;
	clear: both;
}

.chat_list {
	border: 4px solid #fff;
	margin: 10px 10px;
	padding: 15px;
	cursor: pointer;
	position: relative;
	background: white;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
}

.inbox_chat {
	height: calc(100vh - 267px);
	overflow-y: scroll;
}

.active_chat {
	background: #fff;
	border: 4px solid var(--primary);
	border-radius: 0px;
}

.incoming_msg_img {
	display: inline-block;
	width: 6%;
	max-width: 40px;
}

.received_msg {
	display: inline-block;
	padding: 0 0 5px 10px;
	vertical-align: top;
	width: 92%;
}

.received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 10px 10px 10px 10px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: auto;
	display: inline-block;
}

.time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.see_status {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 0px 0 0;
	/* float: right; */
}

.received_withd_msg {
	width: 57%;
}

.mesgs {
	float: left;
	padding: 0px;
	width: calc(70%);
}

.sent_msg p {
	background: var(--primary) none repeat scroll 0 0;
	border-radius: 10px 10px 10px 10px;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 5px 10px 5px 12px;
	width: auto;
	display: inline-block;
	text-align: left;
}

.outgoing_msg {
	overflow: hidden;
	margin-bottom: 5px;
}

.sent_msg {
	float: right;
	text-align: right;
	width: 46%;
}

.write_msg {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: solid 0px #e9edf3;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 83px;
	width: 100%;
	padding: 10px 10px 0px 10px;
}

.type_msg {
	border-top: 3px solid #e9edf3;
	position: relative;
}

.msg_send_btn {
	background: var(--primary) none repeat scroll 0 0;
	border: medium none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	height: 33px;
	position: absolute;
	right: 10px;
	top: 11px;
	width: 33px;
}

.messaging {
	padding: 0 0 50px 0;
}

.msg_history {
	height: calc(100vh - 160px);
	overflow-y: auto;
	padding: 0px 20px 20px 20px;
}

.chat-mega-string {
	position: relative;
	padding: 30px 0px;
	font-size: 18px;
	text-align: center;
}

.shipmentContactInfoForm {
	padding: 7.5px 25px;
	-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
	border-width: 2px;
}

.shipmentContactInfoForm .col-6,
.shipmentContactInfoForm .col-12,
.shipmentContactInfoForm .col-3 {
	padding-right: 5px;
	padding-left: 5px;
}


input[type="checkbox"].nice-checkbox::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--primary);
	/* Windows High Contrast Mode */
	background-color: CanvasText;
}

input[type="checkbox"].nice-checkbox:disabled::before {
	box-shadow: inset 1em 1em var(--form-control-disabled);
}

input[type="checkbox"].nice-checkbox:checked::before {
	transform: scale(1);
}

input[type="checkbox"].nice-checkbox {
	transform: scale(1.5);
	margin-top: -5px;
	border-color: var(--primary);
}

input[type="checkbox"].nice-checkbox:focus {
	outline: max(2px, 0.15em) solid var(--primary);
	outline-offset: max(2px, 0.15em);
}

input[type="checkbox"].nice-checkbox:disabled {
	--form-control-color: var(--form-control-disabled);
	color: var(--form-control-disabled);
	cursor: not-allowed;
	border-color: var(--form-control-disabled);
}

#attr_recommendations_wrapper input[type="text"].form-control:disabled {
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}

#attr_recommendations_wrapper input[type="text"].form-control:disabled {
	background-color: white;
	color: black;
}

/* On smaller screens, where height is less than 450px, change the style of the settingsNav (less padding and a smaller font size) */
@media screen and (max-width: 650px) {

	.inbox_people {
		width: 100%;
	}

	.inbox_chat {
		height: 40vh;
		margin-bottom: 20px;
	}

	.mesgs {
		width: 100%;
	}

}

.aos-init[data-aos][data-aos].aos-animate {
	transform: unset;
}

.tags-parent-wrapper .badge {
	font-size: 14px;
	padding: 7.5px 12.5px;
	float: left;
}

.product-tag-selector {
	position: relative;
	cursor: pointer;
	display: inline-block;
	-webkit-user-select: none;
	user-select: none;
	overflow: visible;
}

.product-modal-tags-wrapper {
	display: block;
	width: 100%;
	padding-left: 10px;
	margin-top: -7.5px;
}

#product-modal-tags {
	display: inline-block;
}

.product-modal-tag {
	position: relative;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}

.remove-product-tag {
	overflow: hidden;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	position: relative;
	top: 0px;
	font-size: 10px;
	padding-left: 5px;
	cursor: pointer;
	margin-left: -15px;
	opacity: 0;
}

.product-modal-tag:hover>.remove-product-tag {
	margin-left: 0px;
	opacity: 1;
}

.remove-tag {
	overflow: hidden;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	position: absolute;
	top: -5px;
	right: 0px;
	z-index: 9;
	cursor: pointer;
	opacity: 0;
	color: #fa5944 !important;
	font-size: 18px;
	background: white;
	border-radius: 50%;
}

.tag-buttons-inner-wrapper:hover>.remove-tag {
	opacity: 1;
}

.tag-buttons-inner-wrapper {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

.select2-container .select2-selection--multiple {
	border: 1px solid var(--bs-border-color) !important;
	-webkit-box-shadow: 0 0 20px 0 rgba(183, 190, 199, 0.15) !important;
	box-shadow: 0 0 20px 0 rgba(183, 190, 199, 0.15) !important;
}

.pageSettingBtn {
	position: fixed;
	width: 35px;
	height: 60px;
	top: 46vh;
	right: 0px;
	z-index: 9;
	background-color: var(--primary);
	color: #FFF;
	border-radius: 5px 0px 0px 5px;
	text-align: center;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.pageSettingBtn:hover {
	color: #FFF;
	width: 45px;
}

@media (max-width: 950px) {
	.pageSettingBtn {
		display: none !important;
	}
}

.add-channel-img {
	position: relative;
	width: auto;
	max-width: 100px;
	max-height: 50px;
	background-color: white;
	border-radius: 5px;
	padding: 5px;
}

.channel-img {
	position: relative;
	width: auto;
	max-width: 100px;
	max-height: 40px;
	background-color: white;
	border-radius: 5px;
}

.log-source-img {
	position: absolute;
	right: 0px;
	width: auto;
	max-width: 30%;
	max-height: 25px;
	top: 35px;
}

.alert {
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
}

.alert-primary {
	--bs-alert-color: #202020;
	--bs-alert-bg: var(--primary);
	--bs-alert-border-color: var(--primary);
	color: #fff;
}

.alert-primary a {
	color: #fff;
}

.custom-checkbox .form-check-input[type="checkbox"] {
	width: 1.7em;
	height: 1.7em;
	margin-right: 1em;
}

.log-icon-top-right {
	position: absolute;
	top: -12px;
	right: -12.5px;
	font-size: 12px;
	border-radius: 0px 0px 0px 5px !important;
}

.add-channel-title {
	font-size: 16px;
	/* font-weight: bold; */
}

.dataTables_length,
.dataTables_info {
	display: inline-block;
	padding-right: 0px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}

.dataTables_info {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.dataTables_paginate {
	display: block;
	width: 100%;
	text-align: center;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	justify-content: center;
}

.dataTables_filter {
	float: right;
}

.home-card-button {
	border: solid 3px white;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.home-card-button:hover {
	border: solid 3px var(--primary-hover);
	color: var(--primary-hover);
}

.home-card-button h2,
.home-card-button h5 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.home-card-button:hover h2,
.home-card-button:hover h5 {
	color: var(--primary-hover);
}

.orderItemBundleChildsRow td,
.orderItemTableRow td {
	text-align: center;
}

.orderItemBundleChildsRow td {
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 0px;
}

.shadow {
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}

.dropdown-menu .status {
	padding: 5px 10px;
	font-size: 12px;
}

.microphone {
	border-top-right-radius: 32px !important;
	border-bottom-right-radius: 32px !important;
	background-color: #fff
}

.google {
	border-top-left-radius: 32px !important;
	border-bottom-left-radius: 32px !important;
	background-color: #fff
}


.input-group-append {
	margin-left: -2px !important
}

.search-all-input {
	position: relative;
	float: right;
	width: 30%;
	max-width: 0px;

}

.search-all-input {
	width: 30%;
	max-width: 300px;
}

.ui-autocomplete-category {
	background: #e9edf3;
	padding: 2.5px 10px;
	font-size: 12px;
	text-align: center;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	font-size: 12px;
	border-radius: 5px;
	margin-top: 0px;
	border: solid 1px #e9edf3;
	font-family: var(--font-family-monospace), sans-serif;
	font-weight: 500;
	text-align: left;
	border-bottom: solid 1px rgba(var(--bs-black-rgb), 0.1);
	max-height: 60vh;
	overflow: scroll;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-menu-item-wrapper {
	border-radius: 0px;
}



/* Mobile responsive fixes */
@media (max-width: 1300px) {
	.search-all-input {
		max-width: 160px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 1200px) {
	.search-all-input {
		max-width: 130px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 1190px) {
	.search-all-input {
		max-width: 200px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 1100px) {
	.search-all-input {
		max-width: 140px;
	}
}

/* Mobile responsive fixes */
@media (max-width: 500px) {
	#bookDemoBtn {
		display: none;
	}
}


/* Mobile responsive fixes */
@media (max-width: 991px) {
	.search-all-input {
		position: relative;
		float: none;
		width: 100%;
		max-width: 100%;
		padding-top: 10px;
		padding-bottom: 20px;
	}
}


table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
	padding: 10px 0px;
}

table.dataTable>tbody>tr.child span.dtr-title {
	display: block;
	min-width: 100%;
	font-weight: bold;
	font-size: 12px;
	color: #747a80;
}

#datatableOrdersPerApi tr td:first-child {
	text-align: center;
}


div.dataTables_wrapper div.dataTables_processing {
	border-radius: 25px;
	z-index: 10;
}

.handle-order-table thead {
	display: none !important;
}

.handle-order-table,
.handle-order-table tr,
.handle-order-table tbody {
	width: 100%;
}

.floating-top-handle-order-buttons-wrapper {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.floating-top-handle-order-buttons {
	position: relative;
	top: 0px;
	left: 0px;
	background: var(--bs-body-bg);
	z-index: 2;
}

.floating-top-handle-order-buttons .container {
	position: relative;
	top: 0px;
	width: 100%;
}


div.dataTables_wrapper div.dataTables_filter input {
	position: relative;
	top: 2.5px;
	right: 2.5px;
}

div.dataTables_scrollBody {
	border-left: 0px solid #ddd !important;
}

.dataTables_scroll {
	padding-bottom: 10px;
}

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

.text-left {
	text-align: left;
}

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

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.sidebar-brand {
	padding: 15px 20px 5px;
}

.sidebar-brand .logo {
	max-width: 90%;
	max-height: 60px !important;
}

.sidebar-item {
	background-color: transparent;
	border-left: solid 3px transparent;
}

/* .sidebar-item:hover, .sidebar-item.active {
  background-color: rgba(0, 0, 0, 0.1);
} */

.sidebar-nav>.sidebar-item:hover,
.sidebar-nav>.sidebar-item.active {
	border-left: solid 3px var(--primary);
	background-color: rgba(255, 255, 255, 0.1);
}

.tab .nav-tabs .nav-link {
	background-color: #eee;
	border-bottom: solid 2px rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
	margin-bottom: 0px;
}

body[data-theme=light] .sidebar-dropdown .sidebar-link {
	color: var(--menu-text-color);
}

#productModal .tab .nav-tabs .nav-link {
	margin-bottom: -2px;
}

.form-control,
.form-select {
	font-weight: 600;
	padding: 5px 12.5px;
	border-radius: 3px;
}

.table>:not(:last-child)>:last-child>* {
	border-color: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 22px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-top: -4px;
}

.select2-container--default .select2-selection--multiple {
	padding: 0px;
	overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
	line-height: 28px;
	font-weight: 600;
	padding-left: 12px;
	padding-right: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent;
	margin-left: -10px;
	margin-top: 0px;
}

.modal-header {
	justify-content: start;
}

.modal-header,
.modal-footer {
	overscroll-behavior: contain;
}

div.dataTables_wrapper div.dataTables_length select {
	min-width: 65px;
}

div.dataTables_wrapper div.dataTables_filter input {
	border-radius: 100px;
	border-color: var(--bs-border-color);
}

div.dataTables_wrapper div.dataTables_filter label {
	padding-right: 10px;
}

.dataTables_length {
	padding-left: 10px;
	padding-right: 10px;
}

.page-item.disabled .page-link {
	background-color: transparent;
	border-color: transparent;
}

.dataTable thead>tr>th {
	border-bottom: solid 0px !important;
}

.dataTable tbody>tr>td {
	border-top: dotted 1px var(--bs-border-color) !important;
	border-bottom: solid 0px !important;
}

.notification-item {
	padding: 12px;
}

#newReturnOrderProductsModal .bootstrap-touchspin {
	width: 150px;
}

.bootstrap-touchspin-down,
.bootstrap-touchspin-up {
	height: 31px;
}

.bootstrap-touchspin .form-control {
	height: 31px;
}

.bootstrap-touchspin-down {
	border-radius: 3px 0px 0px 3px;
}

.bootstrap-touchspin-up {
	border-radius: 0px 3px 3px 0px;
}

.alert-icon {
	margin-right: -2px;
	z-index: 1;
}

table.dataTable>tbody>tr.selected>* {
	box-shadow: inset 0 0 0 0 transparent !important;
	color: #ddd !important;
}

/* Remove the icon pseudo-elements */
table.dataTable>tbody>tr>td.select-checkbox:before,
table.dataTable>tbody>tr>th.select-checkbox:before,
table.dataTable>tbody>tr.selected>td.select-checkbox:after,
table.dataTable>tbody>tr.selected>th.select-checkbox:after {
	content: none !important;
}

table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
	background-color: #9ae7bd !important;
	/* Choose your desired highlight color */
}

.card>.dataTables_wrapper .dataTables_info {
	padding-top: 0px;
	padding-bottom: 0px;
}

.progression-half-background-dark {
	z-index: -1;
}

#sidebar .sidebar-link,
#sidebar a.sidebar-link {
	font-size: 14px;
	font-weight: 600;
}

.intercom-lightweight-app-launcher {
	display: none;
}

.floating-btn {
	position: fixed;
	right: 12px;
	bottom: 19px;
	display: none;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #fff;
	color: #000;
	border-radius: 50%;
	text-decoration: none;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 100;
	cursor: pointer;
}

.floating-btn:hover,
.floating-btn:active {
	background-color: #000;
}

.floating-btn svg {
	fill: #000;
}

.floating-btn:hover svg,
.floating-btn:active svg {
	fill: #fff;
}

@media (max-width: 767px) {

	.floating-top-handle-order-buttons div {
		text-align: center;
	}

	.floating-top-handle-order-buttons button {
		position: relative;
		margin: 0% 1% 1.5% 1% !important;
		float: none !important;
	}

	.dataTables_filter,
	.dataTables_length {
		width: 100%;
		text-align: center;
	}

	.dataTables_length {
		padding-bottom: 10px;
	}

	div.dataTables_wrapper div.dataTables_filter label {
		width: 100%;
		text-align: center;
	}

	div.dataTables_wrapper div.dataTables_filter input {
		width: 100%;
		text-align: left;
	}

	div.dt-buttons .btn-group {
		text-align: center;
		width: 100%;
	}

	.floating-btn {
		display: flex;
	}

	#pickPopupModalBody .list-group-item {
		padding: 5px;
	}

}

@media (max-width: 667px) {

	::-webkit-scrollbar {
		width: 0px !important;
	}

}

.bootstrap-tagsinput {
	width: 100%;
}

.select2-container {
	width: 100%;
}

.marketplace_attribute_tr .select2-container {
	min-width: 100%;
	max-width: 100%;
}

.marketplace_attribute_tr td {
    vertical-align: top;
}

.select2-container--default .select2-selection--single {
	border: solid 1px var(--bs-border-color);
	height: auto;
	border-radius: 2.5px;
	min-height: 33px;
}

.select2-dropdown {
	border-color: var(--bs-border-color);
}

.input-group-navbar>#search-everything-input {
	transition: margin-left 0.3s;
}

/* Overlay styling */
#autocomplete-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(3px);
	z-index: 9;
	display: none;
}

/* Above the overlay, so you see the menu on top */
#search-everything-input,
#search-everything-input-btn {
	z-index: 10;
}

/* Responsive search bar  */
@media (max-width: 410px) {

	.input-group-navbar {
		border-radius: 5px;
		overflow: hidden;
	}

	.input-group-navbar>#search-everything-input {
		margin-left: -200px;
	}

	.input-group-navbar:not(.search-bar-open)>#search-everything-input-btn {
		background: transparent;
	}


	.search-bar-open>#search-everything-input {
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
	.content {
		padding-left: 10px;
		padding-right: 10px;
	}

	.progression-fixed {
		display: none;
	}

	.card-body {
		padding: 13px;
	}

	.modal-xl {
		margin: 0;
		background-color: #fff;
	}
}

@media (max-width: 575px) {
	.stacked-img-wrapper {
		border-bottom: dotted 1px #cccccc;
	}

	.stacked-product-title {
		border-right: none;
	}
}



.network-alert {
	z-index: -1;
	transition: background-color 0.5s;
	margin-top: -68px;
	opacity: 0;
}

.network-warning {
	background-color: var(--warning);
	;
	animation: network-warning 0.3s ease-in-out forwards;
}

.network-success {
	background-color: var(--success);
	;
	animation: network-success 1.6s ease-in-out forwards;
}

@keyframes network-warning {
	100% {
		margin-top: 0;
		opacity: 1;
	}
}

@keyframes network-success {
	0% {
		margin-top: 0;
		opacity: 1;
	}

	75% {
		margin-top: 0;
		opacity: 1;
	}

	100% {
		margin-top: -68px;
		opacity: 0;
	}
}

#sidebar {
	z-index: 10;
}


.row>* {
	padding-left: calc(var(--bs-gutter-x)*.3);
	padding-right: calc(var(--bs-gutter-x)*.3);
}

.card {
	margin-bottom: 15px;
}

.order-product-touchspin-td {
	width: 150px !important;
	max-width: 150px !important;
	min-width: 150px !important;
}

.order-product-touchspin-td .bootstrap-touchspin-postfix {
	position: absolute;
	right: 0px;
	top: 2px;
}

.order-product-touchspin-td .form-control {
	text-align: center;
	/* padding-right: 25px; */
	height: 36px;
	border-radius: 7.5px;
	font-size: 18px;
}

.bootstrap-touchspin .input-group-btn-vertical {
	right: -25px;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
	width: 25px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0 7.5px 0 0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0 0 7.5px 0;
}

.order-product-touchspin-wrapper {
	width: 80px;
	text-align: left;
	display: inline-block;
	padding-right: 25px;
	position: relative;
}

.order-product-touchspin-wrapper .bootstrap-touchspin {
	width: 100%;
	max-width: auto;
	min-width: auto;
}

.bootstrap-tagsinput input {
    /* makes the input of the shipping rules readable when typing */
	min-width: 150px;
}

.open-sidebar-icon-menu {
	display: none;
}

div.pulse-wrapper {
	position: relative;
	height: 40px;
	width: 40px;
	top: 40px;
	left: 40px;
	display: block;
	transform: translate3d(-50%, -50%, 0);
}

div.pulse {
	height: 7.5px;
	width: 7.5px;
	background-color: rgb(63, 199, 125, 1);
	border-radius: 50%;
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	40% {
		transform: scale(1.1);
		box-shadow: 0 0 0 5px rgba(63, 199, 125, 0.3);
		background-color: rgb(63, 199, 125, 1);
	}

	80% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(63, 199, 125, 0);
		background-color: rgb(63, 199, 125, 1);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(63, 199, 125, 0);
		background-color: rgb(63, 199, 125, 0.7);
	}
}

.ck-editor__editable_inline {
	min-height: 150px;
}

.asset_item {
	position: relative;
}

.asset_delete_button {
	position: absolute;
	top: 5px;
	right: 7.5px;
	cursor: pointer;
	display: none;
}

.asset_item:hover .asset_delete_button {
	display: block;
}

html.swal2-shown,
body.swal2-shown {
	overflow-y: hidden !important;
	height: auto !important;
}

.show_on_mobile {
	display: none;
}

@media only screen and (max-width: 768px) {
	html {
		overscroll-behavior: none;
	}

	.wrapper {
		overflow-x: hidden;
	}

	.small-stacked-product-img {
		position: relative;
		max-height: 35px;
		max-width: 35px;
		margin-left: 5px;
	}

	.stacked-product-img {
		position: relative;
		height: 35px;
		width: 35px;
	}

}

.google {
	border-top-left-radius: 32px !important;
	border-bottom-left-radius: 32px !important;
}

.input-group-append {
	margin-left: -2px !important;
}

#pick-pack-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
	z-index: 999;
	-webkit-backdrop-filter: blur(6px);
	/* Safari 9.0 and up */
	backdrop-filter: blur(6px);
}

@keyframes spinAnimation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.error-highlight {
	font-weight: 800;
	color: red;
}

.spin {
	animation: spinAnimation 1s ease-in-out infinite;
}

.api-selector-list li:hover {
	background-color: rgba(224, 226, 230, 1);
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
	border-top: solid 0px !important;
	border-bottom: solid 0px !important;
	border-radius: 0px !important;
}

html.swal2-shown,
body.swal2-shown {
	overflow-y: hidden !important;
	height: auto !important;
}

.attribute_label {
	font-weight: 500;
}

#page_nav_spinner_bg {
	position: absolute;
	left: 0%;
	top: 66px;
	width: 100%;
	height: 100vh;
	background-color: var(--bs-body-bg);
	z-index: 5;
	display: none;
}

#page_nav_spinner {
	position: fixed;
	left: calc(50% + 125px);
	top: 50vh;
	margin-left: -16px;
	margin-top: -16px;
}

@media (max-width: 991px) {
	#page_nav_spinner {
		left: 50%;
	}
}

.accordion-button:not(.collapsed) {
	color: rgb(33, 37, 41);
	background-color: #fff;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.show-code-on-hover {
	position: relative;
	display: block;
}

.show-code-on-hover span {
	cursor: pointer;
}

.show-code-on-hover code {
	position: absolute;
	right: 0px;
	top: 25px;
	height: fit-content;
	bottom: 25px;
	width: 375px;
	cursor: default;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: var(--bs-body-bg);
	padding: 10px 10px;
	border-radius: 5px;
	word-wrap: break-word;
	line-break: auto;
	text-align: left;
	z-index: 10;
	display: none;
}

.show-code-on-hover:hover code {
	display: block;
}

#parent_import_table_wrapper .table>tbody>tr>td {
	vertical-align: top;
}


.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--primary);
	margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#content_attributes_table tr td:nth-child(2) {
	max-width: 350px;
}

#marketplace_products_table tr:last-child td {
	border-bottom: solid 0px;
}

.swal2-popup .input-group-text {
	display: flex;
	align-items: center;
	padding: .25rem .5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.stacked-images-wrapper {
	/* display: flex; */
	position: relative;
	width: 100%;
	min-width: 100px;
	text-align: center;
}

.stacked-product-image {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 20px;
	margin: 0px 2.5px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border: solid 0px #eee;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	background-color: #fff;
}

.dt-button-collection {
	max-height: 40vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.dataTables_wrapper>.btn-group>.btn {
	border-radius: 5px 5px !important;
}

.dataTables_wrapper .btn-group>.buttons-colvis {
	border-radius: 5px 5px !important;
}

.batch-tag-selector {
	cursor: pointer;
}

.red-input,
.red-input:focus {
	border: solid red 1px;
	background-color: rgb(255 0 0 / 11%);
}

.alert-progress {
	display: block;
	position: absolute;
	bottom: 0;
	border-bottom: 4px solid var(--primary);
	width: 0%;
	max-width: 100%;
	transition: width 1.5s ease;
}

.rotate {
	transform: rotate(180deg);
	transition: transform 1s ease;
}

/* // The next classes involve a side ways toggle switch used on the product modal on the products page */
.custom-toggle-switch {
	display: inline-block;
	position: relative;
	width: 168px;
	/* Adjusted width to make the toggle switch smaller */
	height: 20px;
	/* Reduced height */
	background-color: transparent;
	/* No background for the encapsulating div */
}

.custom-toggle-switch input[type="checkbox"] {
	display: none;
}



.custom-toggle-text {
	display: flex;
	color: white;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 4px;
	font-size: 12px;
	font-weight: bold;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.custom-left-text,
.custom-right-text {
	width: 50%;
	text-align: center;
	user-select: none;
	cursor: pointer;
}

.custom-toggle-switch input[type="checkbox"]:checked+.custom-switch::before {
	transform: translateX(85px);
}

/* End of toggle classes */


.badge-glow {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	color: #fff;
	background-color: var(--primary);
	/* Adjust the background color as needed */
	box-shadow: 0 0 3px var(--primary), 0 0 3px var(--primary), 0 0 3px var(--primary), 0 0 3px var(--primary);
	animation: glow 1.5s ease-in-out infinite alternate;
}



@media (max-width: 450px) {
	.toggle-container {
		flex-direction: column !important;
		align-items: flex-start !important;
		/* top: 20px; /* Adjust as needed */
		left: 5px;
	}
}

#datatableApis tr {
	height: 40px;
	/* Adjust the height as needed */
}

#datatableApis td,
#datatableApis th {
	padding-top: 0px;
	/* Adjust the padding as needed */
	padding-bottom: 0px;
	/* Adjust the padding as needed */
	line-height: 1;
	/* Adjust the line height as needed */
}

.customToggleRadio {
	display: none;
}

/* End of toggle classes */
.custom-switch {
	position: absolute;
	cursor: pointer;
	display: flex;
	flex-wrap: no-wrap;
	flex-direction: row;
	height: 100%;
	transition: background-color 0.2s;
	z-index: 1;
	border-radius: 8px;
	/* Slightly rounded corners */
	background-color: #3fc77d70;
	border: 2px solid var(--primary);
	/* Specify the border color */
	align-items: center;
	justify-content: center;
}

.custom-toggle-radio {
	display: inline-block;
	position: relative;

	height: 20px;
	/* Reduced height */
	background-color: transparent;
	/* No background for the encapsulating div */
}

.item-left:before {
	content: '';
	position: absolute;
	width: 80px;
	height: 17px;
	background-color: var(--primary);
	transition: transform 0.2s;
	z-index: 2;
	border-radius: 5px;
}

.custom-switch span {
	position: relative;
	z-index: 300;
}

.customRadio {
	cursor: pointer;
	margin: 0 10px;
	white-space: nowrap;
	z-index: 3;
	margin: 0 10px;
}

.btn-group-radio {
	/* border: 2px solid var(--light-dark); Ensure border style and color are set */
	color: #000 !important;
	/* Use !important sparingly */
	border-radius: 0.25rem;
	/* Simplified border-radius */
	padding: 0.1rem 0.2rem 0.1rem 0.2rem;
	/* Simplified padding */
}

.btn-radio {
	border: 2px solid var(--primary) !important;
	/* Ensure border style and color are set */
	border-radius: 0;
	padding: 0rem 0.35rem 0rem 0.35rem;
}

.btn-radio:hover {
	background-color: var(--primary);
	color: white;
}

.btn-radio.active {
	background-color: var(--primary);
	color: white;
}

.left-radio {
	/* border: none; Remove the border */
	border-top-left-radius: 0.25rem;
	/* Curved shape on the top-left corner */
	border-bottom-left-radius: 0.25rem;
	/* Curved shape on the bottom-left corner */
}

.right-radio {
	/* border: none; Remove the border */
	border-top-right-radius: 0.25rem;
	/* Curved shape on the top-right corner */
	border-bottom-right-radius: 0.25rem;
	/* Curved shape on the bottom-right corner */
}

.login-card {
	max-width: 450px !important;
	background-color: white;
	border-radius: 45px !important;
	box-shadow: 0px 10px 45px rgba(0, 0, 0, 0.15) !important;
}

.select-row:disabled {
	opacity: 1;
	/* Prevent fading even though disabled is on*/
}

.hamburger,
.hamburger:after,
.hamburger:before {
	border-radius: 15px;
}

.color-prev-square {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	bottom: -3px;
	margin-right: 10px;
}

@media (max-width: 425px) {
	.modal.show .modal-dialog {
		margin: 0;
		min-height: 100dvh;
	}

	.bg-white {
		max-height: none !important;
	}

	.modal-content {
		min-height: 100dvh;
		border-radius: 0;
	}

	.modal-header {
		border-radius: 0;
	}

	.modal-body {
		padding: 10px 5px 0 5px;
	}

	table .btn {
		text-wrap: nowrap;
	}
}

@media (max-width: 768px) {
	.hide-mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	.show-mobile {
		display: block;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
        width: 95%;
    }
}

@media (min-width: 769px) {
	.show-mobile {
		display: none;
	}
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
	display: none !important;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo, #CookiebotWidget {
	display: none !important;
}

#marketplace_products_table_body tr:last-child td {
	border-bottom-width: 0px !important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done {
    background: var(--primary-lighter)!important;
    border-color: var(--primary-lighter)!important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done:hover {
    background: var(--primary-darker)!important;
    border-color: var(--primary-darker)!important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done:after {
    color: white!important;
    border-left-color: var(--primary-lighter)!important;
}

.wizard-success.sw-theme-arrows>.nav .nav-link.done:hover:after {
    border-left-color: var(--primary-darker)!important;
}

/* Message bubbles */
.message-bubble {
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    max-width: 80%;
  }
  
  .message-bubble-customer {
    background-color: white;
    border: 1px solid var(--light-dark);
    margin-left: 0;
    margin-right: auto;
  }
  
  .message-bubble-agent {
    background-color: white;
    border: 1px solid var(--light-dark);
    margin-left: auto;
    margin-right: 0;
  }
  
  .message-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--light-dark);
    background-color: rgba(0, 0, 0, 0.03);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  
  .message-body {
    padding: 1.25rem;
  }
  
  .message-footer {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--light-dark);
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

.internal-notes-wrapper {
    position: relative;
    width: 100%;
}

#orderLogWrapper {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#orderLogWrapper::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.circle {
    height: 100px;
    width: 100px;
    background-color: #e8e8e8;
    border-radius: 50%;
    position: relative;
    margin: auto;
}

#circle-barcode-icon,
#circle-box-icon {
    font-size: 40px;
    text-align: center;
    line-height: 97px;
    color: #616161;
}

.scannedItems-wrapper {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.scannedItems-wrapper>span {
    font-size: 15px;
    border: 3px #f7f7f7 solid;
    background-color: #d7e2f5;
}

.fading {
    animation: fadeInOut 2s infinite;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.badge-md {
    font-size: 14px;
}
.badge-lg {
    font-size: 16px;
}
.badge-xl {
    font-size: 16px;
}

#delivery_inbound_products_table .inbound-products-child-table tbody tr > td {
    border-top: solid 0px !important;
}
#inbound-delivery-products-wrapper thead {
    display: none;
}
#delivery_inbound_products_table > tbody > tr:nth-child(2n) > td {
    border-bottom: solid 15px var(--bs-body-bg) !important;
}

.input-group-prepend .input-group-text {
    border-radius: 5px 0px 0px 5px;
}



.cd-step-nav {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #dee2e6;
    background-color: white;
    border-radius: 10px;
  }

  .cd-step {
    flex: 1;
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 16px 12px;
    font-weight: 500;
    color: #6c757d;
    transition: all 0.3s ease;
  }

  .cd-step::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 20px solid #f8f9fa;
    z-index: 1;
  }

  .cd-step:last-child::after {
    content: none;
  }

  .cd-step.cd-completed {
    background-color: #79c4f2;
    color: #fff;
  }

  .cd-step.cd-completed::after {
    border-left-color: #79c4f2;
  }

  .cd-step.cd-active {
    background-color: #007bff;
    color: #fff;
    font-weight: 600;
  }

  .cd-step.cd-active::after {
    border-left-color: #007bff;
  }

  .cd-step-number {
    font-size: 1.1rem;
    font-weight: bold;
    display: inline-block;
    margin-right: 6px;
  }

  @media (max-width: 768px) {
    .cd-step {
      font-size: 0.85rem;
      padding: 12px 6px;
    }

    .cd-step-number {
      display: block;
      margin-bottom: 2px;
    }
  }

/* Progress Tracker Styles */
.progress-tracker {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.progress-tracker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    border-radius: 8px 8px 0 0;
}

.progress-tracker-header h6 {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    margin: 0;
}

.progress-tracker-header .btn-close {
    padding: 0;
    background: transparent;
    border: none;
    font-size: 18px;
    color: #6c757d;
    cursor: pointer;
}

.progress-tracker-header .btn-close:hover {
    color: #343a40;
}

.progress-tracker-body {
    padding: 16px;
}

  .progress-tracker .progress {
    height: 12px;
    background-color: #e9ecef;
    border-radius: 6px;
    overflow: hidden;
  }

  .progress-tracker .progress-bar {
    background-color: #007bff;
    transition: width 0.3s ease;
    font-size: 11px;
    line-height: 12px;
    color: white;
    text-align: center;
  }

  /* Status-specific progress bar colors */
  .progress-tracker .progress-bar.bg-info { background-color: #17a2b8 !important; }
  .progress-tracker .progress-bar.bg-warning { background-color: #ffc107 !important; }
  .progress-tracker .progress-bar.bg-primary { background-color: #007bff !important; }
  .progress-tracker .progress-bar.bg-success { background-color: #28a745 !important; }
  .progress-tracker .progress-bar.bg-danger { background-color: #dc3545 !important; }
  .progress-tracker .progress-bar.bg-muted { background-color: #6c757d !important; }

.progress-status {
    font-size: 13px;
    font-weight: 500;
    margin: 8px 0 4px 0;
}

.progress-time {
    font-size: 11px;
    color: #6c757d;
    margin: 0;
}

/* Status-specific colors for progress tracker */
.progress-tracker .text-info { color: #17a2b8 !important; }
.progress-tracker .text-warning { color: #ffc107 !important; }
.progress-tracker .text-primary { color: #007bff !important; }
.progress-tracker .text-success { color: #28a745 !important; }
.progress-tracker .text-danger { color: #dc3545 !important; }
.progress-tracker .text-muted { color: #6c757d !important; }

/* Animation for the tracker */
.progress-tracker {
    animation: slideInRight 0.3s ease-out;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .progress-tracker {
        width: calc(100vw - 40px);
        right: 20px;
        left: 20px;
    }
}



.cd-image-container {
  position: relative;
  width: 100%;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #0077ff url("/portal/public/plugins/image-comparison-slider/img/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  backface-visibility: hidden;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  animation: cd-bounce-in 0.7s;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
/* iOS: allow dragging without the page trying to scroll/zoom */
.cd-handle { touch-action: none; -ms-touch-action: none; }
.cd-image-container { touch-action: none; -ms-touch-action: none; }

.btn-link:hover {
  cursor: pointer;
  color: white;
}

table.dataTable tr.dtrg-group th {
    background-color: rgba(0, 0, 0, .04)
}