/*
* navigation menu
*/
/* ============ desktop view ============ */
  .navbar-brand {
    height: 48px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: left;
  }

  .navbar-brand img {
    height: 100%;
  }

  .dropdown-menu {
    box-shadow: 0px 0px 20px 3px black;
  }

  /*
 .dropdown .dropdown-menu {
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}
.dropdown-menu.show { 
    max-height: 300px;
    opacity: 1;
}*/

  @media all and (min-width: 992px) {
    .dropdown-menu li {
      position: relative;
    }

    .nav-item .submenu {
      display: none;
      position: absolute;
      left: 100%;
      top: -7px;
    }

    .nav-item .submenu-left {
      right: 100%;
      left: auto;
    }

    .dropdown-menu>li:hover {
      color: var(--bs-dropdown-link-hover-color);
      background-color: var(--bs-dropdown-link-hover-bg);
    }

    .dropdown-menu>li:hover>.submenu {
      display: block;
    }
  }

  /* ============ desktop view .end// ============ */

  /* ============ small devices ============ */
  @media (max-width: 991px) {
    .dropdown-menu .dropdown-menu {
      margin-left: 0.7rem;
      margin-right: 0.7rem;
      margin-bottom: .5rem;
    }

    .nav-item .submenu {
      display: none;
      position: initial;
      left: 10%;
      top: -7px;
    }
  }

  @media (max-width: 767px) {
    #navbarSupportedContent {
      line-height: 2rem;
    }
  }

  @media (min-width: 767px) and (max-width: 1600px) {
    #nav_userdetail {
      display: none;
    }
  }

  @media (min-width: 768px) and (max-width: 1475px) {
    .navbar-brand {
      width: 45px;
      min-width: 45px;
      margin-right: 5px;
    }
  }
/*
* navigation menu
*/


#colorbox,
#cboxOverlay,
#cboxWrapper {
	z-index: 1025 !important;
}

#info_div {
	background: #dddddd;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 2px;
	font-size: 11px;
}

#info_div2 {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 5px 10px;
	font-size: 11px;
	box-shadow: 0 0 10px;
	z-index: 1;
}

.vertical-side-text {
	-moz-transform: rotate(-90deg) translateY(0.5em);
	-ms-transform: rotate(-90deg) translateY(0.5em);
	-webkit-transform: rotate(-90deg) translateY(0.5em);
	transform: rotate(-90deg) translateY(0.5em);
	display: inline-block;
	font-family: sans-serif;
	font-weight: 800;
	line-height: 0;
	margin: 0 0 1em;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 9cqh;
	position: fixed;
	color: #c7c7c7;
	margin-left: -150px;
	z-index: -1;

	&:after {
		content: '';
		display: block;
		padding-top: 100%;
	}
}

.bsSelectDrop {
	max-height: 500px;
	overflow: auto;
	min-width: 200px;
}

.bsSelectHeader {
	position: sticky;
	top: 0;
	background-color: white;
}

/*
material icon
*/
.material-symbols-outlined {
	font-size: inherit !important;
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

.material-symbols-outlined:not(.btn):hover {
	background-color: rgb(0 0 0 / 9%);
}

.material-symbols-outlined.pointer {
	cursor: pointer;
}

.material-symbols-outlined.s075 {
	font-size: calc(var(--bs-body-font-size) * 0.75);
}

.material-symbols-outlined.s125 {
	font-size: calc(var(--bs-body-font-size) * 1.25);
}

.material-symbols-outlined.s150 {
	font-size: calc(var(--bs-body-font-size) * 1.50);
}

.material-symbols-outlined.s200 {
	font-size: calc(var(--bs-body-font-size) * 2);
}


/*
 back-to-top
*/

.back-to-top {
	position: fixed;
	bottom: -50px;
	right: 0%;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #335dff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
	z-index: 9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.back-to-top:focus {
	color: #fff;
}

.back-to-top.show {
	bottom: 0px;
	right: 0%;
	opacity: 0.9;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.arrow {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
	position: absolute;
	width: 12px;
	height: 12px;
	background-size: contain;
	transform: rotate(-90deg);
	top: 30%;
	left: 40%;
}

.arrow:nth-child(2) {
	top: 42%;
}

@keyframes bounceAlpha {
	0% {
		opacity: 1;
		transform: rotate(-90deg) translateX(0px) scale(1);
	}

	25% {
		opacity: 0;
		transform: rotate(-90deg) translateX(10px) scale(0.9);
	}

	26% {
		opacity: 0;
		transform: rotate(-90deg) translateX(-10px) scale(0.9);
	}

	55% {
		opacity: 1;
		transform: rotate(-90deg) translateX(0px) scale(1);
	}
}

.back-to-top:hover .arrow {
	animation-name: bounceAlpha;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.back-to-top:hover .arrow:nth-child(2) {
	animation-name: bounceAlpha;
	animation-duration: 1.4s;
	animation-delay: 0.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@media only screen and (max-width: 575px) {
	.back-to-top {
		top: inherit;
		bottom: 50%;
		right: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.back-to-top.show {
		top: inherit;
		bottom: 0px;
		right: 0px;
	}

	.back-to-top.show:hover {
		top: inherit;
		bottom: 5px;
	}

	.arrow {
		top: 27%;
		left: 37%;
	}
}

/* back-to-top */

/**
	General
*/
.mw1400{
	max-width: 1400px;
	margin: auto;
}
/**
  Product Orders
*/
.prod_ord_history .cancelled {
	background: #ffc9c9;
	text-decoration: line-through;
}

.prod_ord_history .fulfilled {
	background: #bfd5e5;
}

.prod_ord_history .unfulfilled {
	background: #f3dbb6;
}

.prod_ord_history .prepaid {
	background: #86ad76;
}

.prod_ord_history .ss_delivered {
	background: #86ad76;
}

.prod_ord_history .ss_transit {
	background: #33a2ff;
}

.prod_ord_history .ss_return {
	background: #f77e7e;
}

.prod_ord_history .ss_lost {
	background: #7841ac;
}

#order_filter hr {
	margin: 0;
}



/*
* order_history in order process page
*/
.damaged,
.destroyed,
.lost {
	background: #d3bdf0;
}

.canceled,
.cancellation_request,
.pickup_exception,
.rto_acknowledged,
.rto_delivered,
.rto_in_transit,
.rto_initiated {
	background: #e88c8c;
}

.undelivered-1st_attempt,
.undelivered-2nd_attempt,
.undelivered-3rd_attempt {
	background: #e6bdf0;
}

.new,
.invoiced {
	background: #f3bb55;
}

.in_transit,
.delivery_delayed,
.misrouted,
.out_for_delivery,
.picked_up,
.reached_at_destination,
.ready_to_ship,
.shipped,
.pickup_scheduled {
	background: #bddff0;
}

.delivered,
.self_fulfilled {
	background: #a0c39e;
}

/**
  * Progress-bar
  */
.progress-bar.in_transit {
	background: #00aaff;
}

.progress-bar.delivered {
	background: #1a912a;
}

.progress-bar.failure {
	background: #c73939;
}

.progress-bar.cancelled {
	background: #e88c8c;
}

/** Product Search Page */
.product_search_result a {
	text-decoration: none;
}

.search_result_item_holder {
	min-width: 320px;
	max-width: 400px;
	transition: 0.2s;
}

.search_result_item {
	display: inline-table;
	margin: 5px;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: left;
	position: relative;
	width: -webkit-fill-available;
}

.search_result_img {
	position: relative;
}

.search_result_item img {
	width: 100%;
	aspect-ratio: 1;
	/*min-height: 250px;
	min-width: 250px;*/
	border-radius: 5px 5px 0 0;
}

.search_result_item div.info {
	display: inline-grid;
	position: relative;
	width: -webkit-fill-available;
}

.search_result_item div.info div {
	padding: 5px;
}

.search_result_item .link a {
	border: 1px solid #0606064a;
	border-radius: 5px;
	padding: 2px;
	background: #fffffff2;
	margin-right: 3px;
	width: -webkit-fill-available;
	text-align: center;
}

.search_result_item .link a:hover {
	background: #ffdfa6;
}

.search_result_item div.sku {
	font-size: 20px;
	cursor: pointer;
	width: 180px;
}

.search_result_item div.statusUpdate {
	position: absolute;
	left: 0px;
	top: -45px;
}

@media (min-width: 400px) and (max-width: 576px) {
	.search_result_item_holder {
		min-width: 50%;
	}
	.search_result_item img {
		min-height: inherit;
		min-width: inherit;
	}
}

@media (min-width: 577px) and (max-width: 1630px) {
	.search_result_item_holder {
		min-width: 270px;
	}
}

/*
.search_result_item div.statusUpdate a.status_active {
	background: #76c276;
	border: 1px solid #6666666e;
	border-radius: 5px;
	padding: 5px;
}

.search_result_item div.statusUpdate a.status_archive {
	background: #35d1d9;
	border: 1px solid #6666666e;
	border-radius: 5px;
	padding: 5px;
}

.search_result_item div.statusUpdate a.status_delete {
	background: #ee6666;
	border: 1px solid #6666666e;
	border-radius: 5px;
	padding: 5px;
	color: #fff;
}
*/

.search_result_item div.link {
	font-size: 14px;
	display: inline-flex;
}

.search_result_item div.link a.variantLink {
	background: #35c9d9;
}

.search_result_item div.prod_info {
	position: absolute;
	top: 0;
	left: 0;
}

.search_result_item div.prod_info div {
	border-radius: 0px 10px 10px 0px;
	display: table;
	padding: 0px 7px;
	box-shadow: 2px 2px 2px #00000040;
	margin-bottom: 1px;
}

.search_result_item div.published {
	border-radius: 4px 0px 10px 0px;
	background: #ffffff99;
	font-size: 12px;
}

.search_result_item div.investment {
	background: #fbfaafc7;
	font-size: 14px;
}
.search_result_item .unitCost {
	height: 20px;
	font-size: 11px;
	width: 35px;
	border-radius: 5px;
	background: rgb(0, 0, 0, 0.15);
	border: none;
	margin-right: 2px
}

.search_result_item div.vishal {
	background: linear-gradient(180deg, #ffc800, #ffff00);
	font-size: 14px;
}

.search_result_item div.archived {
	background: #35c9d9;
	font-size: 12px;
}

.search_result_item div.lim_edi {
	border-radius: 0px 0px 10px 10px;
	background: linear-gradient(180deg, #f631ff, #ffff00);
	color: black;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 40%;
	padding: 0px 7px;
	box-shadow: -2px 2px 5px #00000040;
}

.search_result_item div.quantity {
	border-radius: 0px 4px 0px 10px;
	background: #fff;
	font-size: 20px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 7px;
	box-shadow: -2px 2px 5px #00000040;
}

.search_result_item div.quantityVariant {
	border-radius: 10px 0px 0px 10px;
	background: #35c9d9;
	font-size: 14px;
	position: absolute;
	top: 40px;
	right: 0;
	padding: 0px 7px;
	box-shadow: -2px 2px 5px #00000040;
}

.search_result_item div.id_copy {
	right: 90px;
	top: -5px;
	font-size: 30px;
	position: absolute;
	cursor: pointer;
	padding: 0;
}

.search_result_item div.desc {
	right: 0;
	font-size: 20px;
	position: absolute;
	cursor: pointer;
	top: -40px;
	background: #dddddd;
	box-shadow: -2px -2px 5px #00000040;
	border-radius: 20px 0px 0px 0px;
	font-weight: bold;
}

.search_result_item div.comboShow {
	position: absolute;
	top: 20px;
	left: 0;
}

.search_result_item div.price {
	font-size: 16px;
	position: absolute;
	right: 0;
}

.search_result_item div.title {
	display: inherit;
	font-size: 14px;
}


.search_result_item.zeroQuantity {
	background: #ff8c8c;
}

.search_result_item.draft,
.search_result_item.archived {
	background: #7ef6fc;
}

.search_result_item.deleted {
	background: #dc3535;
}

.slideshow-buttons {
	color: black;
	position: absolute;
	bottom: 0px;
	width: 80px;
	left: 50%;
	margin-left: -40px;
	text-align: center;
}

.slideshow-buttons div {
	color: white;
	display: inline-block;
	padding: 0 5px;
	cursor: pointer;
	opacity: 70%;
}

.slideshow-buttons .next-btn {
	margin-left: 4%;
	transition: all ease-in-out 0.2s;
	text-shadow: 1px 1px 2px black;
}

.slideshow-buttons .next-btn:hover {
	opacity: 100%;
	/* transform: translateX(1px); */
}

.slideshow-buttons .prev-btn {
	transition: all ease-in-out 0.2s;
	text-shadow: 1px 1px 2px black;
}

.slideshow-buttons .prev-btn:hover {
	opacity: 100%;
	/* transform: translateX(-2px); */
}

/** END - Product Search Page */


/** Toast */
.jq-toast-wrap,
.jq-toast-wrap * {
	margin: 0;
	padding: 0
}

.jq-toast-wrap {
	display: block;
	position: fixed;
	width: 250px;
	pointer-events: none !important;
	letter-spacing: normal;
	z-index: 9000 !important
}

.jq-toast-wrap.bottom-left {
	bottom: 20px;
	left: 20px
}

.jq-toast-wrap.bottom-right {
	bottom: 20px;
	right: 40px
}

.jq-toast-wrap.top-left {
	top: 20px;
	left: 20px
}

.jq-toast-wrap.top-right {
	top: 20px;
	right: 40px
}

.jq-toast-single {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0 0 5px;
	border-radius: 4px;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 17px;
	position: relative;
	pointer-events: all !important;
	background-color: #444;
	color: #fff
}

.jq-toast-single h2 {
	font-family: arial, sans-serif;
	font-size: 14px;
	margin: 0 0 7px;
	background: 0 0;
	color: inherit;
	line-height: inherit;
	letter-spacing: normal
}

.jq-toast-single a {
	color: #eee;
	text-decoration: none;
	font-weight: 700;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	font-size: 12px
}

.jq-toast-single ul {
	margin: 0 0 0 15px;
	background: 0 0;
	padding: 0
}

.jq-toast-single ul li {
	list-style-type: disc !important;
	line-height: 17px;
	background: 0 0;
	margin: 0;
	padding: 0;
	letter-spacing: normal
}

.close-jq-toast-single {
	position: absolute;
	top: 3px;
	right: 7px;
	font-size: 14px;
	cursor: pointer
}

.jq-toast-loader {
	display: block;
	position: absolute;
	top: -2px;
	height: 5px;
	width: 0;
	left: 0;
	border-radius: 5px;
	background: red
}

.jq-toast-loaded {
	width: 100%
}

.jq-has-icon {
	padding: 10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px
}

.jq-icon-info {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
	background-color: #31708f;
	color: #d9edf7;
	border-color: #bce8f1
}

.jq-icon-warning {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
	background-color: #8a6d3b;
	color: #fcf8e3;
	border-color: #faebcc
}

.jq-icon-error {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
	background-color: #a94442;
	color: #f2dede;
	border-color: #ebccd1
}

.jq-icon-success {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
	color: #dff0d8;
	background-color: #3c763d;
	border-color: #d6e9c6
}

/** Toast - END */