@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

* {
	outline: 0px none !important;
	border: 0;
	margin: 0;
	padding: 0;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a, button {
	text-decoration: none;
	outline: 0px none !important;
}
a:active, a:hover, a:focus {
	text-decoration: none;
}

html,body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #333333;
	font-size: 14px;
}
a {
	color: #333333;
}
html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
	--app-text-color: #565656;
	--app-text-secondary-color: #4EA888;
}
.nav-tabs .nav-link {
	isolation: isolate;
	border-color: var(--bs-nav-tabs-link-hover-border-color);
	color: var(--bs-nav-tabs-link-active-color);
}
.nav-tabs .nav-link.active {
	color: var(--app-text-secondary-color);
}
.btn {
	white-space: nowrap;
}
table.dataTable td {
	vertical-align: middle;
}
.datepicker.datepicker-dropdown {
	z-index: 1061 !important;
}
.form-check-input:checked {
	background-color: var(--app-text-secondary-color);
	border-color: var(--app-text-secondary-color);
}
.form-check-input[type="radio"] {
	margin-top: 1px;
}



/*============================= for login page ===========================*/
.page-login {
	position: relative;
}
.login-sec {
	/* position: absolute; */
	/* top: 0; */
	/* left: 50%; */
	/* transform: translate(-50%, 10%); */
	text-align: center;
	width: 100%;
	max-width: 400px;
	color: var(--app-text-color);
	margin: auto;
	margin-top: 100px;
	margin-bottom: 175px;
}
.login-sec .app-name {
	margin-bottom: 60px;
}
.login-sec .form-sec {
	position: relative;
}
.login-sec .form-sec::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 155%;
	height: 155%;
	transform: translate(-50%,-38%);
	background: url('../img/login-bg.svg') no-repeat;
	background-size: 100%;
	z-index: -1;
}
.login-sec .form-sec::after {
	content: url('../img/login-dot.svg');
	position: absolute;
	bottom: -40px;
	right: -35px;
	z-index: -1;
}
.login-sec .login-box {
	background: #FFFFFF;
	box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 35px 45px;
	text-align: left;
}
.login-sec .login-box .box-titl {
	margin-bottom: 1.5rem;
}
.login-sec .login-box input[type="text"], .login-sec .login-box input[type="password"] {
	background: #F5F5F7;
	border-radius: 3px;
	padding: 10px 12px 10px 40px;
	font-size: 16px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: center left 10px;
}
.login-sec .login-box input[type="text"] {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.71 11.71C14.6904 10.9387 15.406 9.88092 15.7572 8.68394C16.1085 7.48697 16.0779 6.21027 15.6698 5.03147C15.2617 3.85267 14.4963 2.83039 13.4801 2.10686C12.4639 1.38332 11.2474 0.994507 10 0.994507C8.75255 0.994507 7.53611 1.38332 6.51993 2.10686C5.50374 2.83039 4.73834 3.85267 4.33021 5.03147C3.92208 6.21027 3.89151 7.48697 4.24276 8.68394C4.59401 9.88092 5.3096 10.9387 6.29 11.71C4.61007 12.383 3.14428 13.4994 2.04889 14.9399C0.953495 16.3805 0.26956 18.0913 0.0699967 19.89C0.0555513 20.0213 0.0671132 20.1542 0.104022 20.2811C0.140931 20.4079 0.202464 20.5263 0.285108 20.6293C0.452016 20.8375 0.69478 20.9708 0.959997 21C1.22521 21.0292 1.49116 20.9518 1.69932 20.7849C1.90749 20.618 2.04082 20.3752 2.07 20.11C2.28958 18.1552 3.22168 16.3498 4.68822 15.0388C6.15475 13.7278 8.0529 13.003 10.02 13.003C11.9871 13.003 13.8852 13.7278 15.3518 15.0388C16.8183 16.3498 17.7504 18.1552 17.97 20.11C17.9972 20.3557 18.1144 20.5827 18.2991 20.747C18.4838 20.9114 18.7228 21.0015 18.97 21H19.08C19.3421 20.9698 19.5817 20.8373 19.7466 20.6313C19.9114 20.4252 19.9881 20.1624 19.96 19.9C19.7595 18.0962 19.0719 16.381 17.9708 14.9382C16.8698 13.4954 15.3969 12.3795 13.71 11.71ZM10 11C9.20887 11 8.43551 10.7654 7.77772 10.3259C7.11992 9.88636 6.60723 9.26164 6.30448 8.53074C6.00173 7.79983 5.92251 6.99557 6.07686 6.21964C6.2312 5.44372 6.61216 4.73099 7.17157 4.17158C7.73098 3.61217 8.44371 3.2312 9.21964 3.07686C9.99556 2.92252 10.7998 3.00173 11.5307 3.30448C12.2616 3.60724 12.8863 4.11993 13.3259 4.77772C13.7654 5.43552 14 6.20888 14 7C14 8.06087 13.5786 9.07828 12.8284 9.82843C12.0783 10.5786 11.0609 11 10 11Z' fill='%23565656'/%3E%3C/svg%3E");
}
.login-sec .login-box input[type="password"] {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11C7.69555 10.9964 7.39732 11.0862 7.14544 11.2573C6.89357 11.4284 6.70015 11.6725 6.59121 11.9568C6.48228 12.2411 6.46306 12.552 6.53615 12.8476C6.60923 13.1431 6.77111 13.4092 7 13.61V15C7 15.2652 7.10536 15.5196 7.29289 15.7071C7.48043 15.8946 7.73478 16 8 16C8.26522 16 8.51957 15.8946 8.70711 15.7071C8.89464 15.5196 9 15.2652 9 15V13.61C9.22889 13.4092 9.39077 13.1431 9.46385 12.8476C9.53694 12.552 9.51772 12.2411 9.40879 11.9568C9.29985 11.6725 9.10643 11.4284 8.85456 11.2573C8.60268 11.0862 8.30445 10.9964 8 11ZM13 7V5C13 3.67392 12.4732 2.40215 11.5355 1.46447C10.5979 0.526784 9.32608 0 8 0C6.67392 0 5.40215 0.526784 4.46447 1.46447C3.52678 2.40215 3 3.67392 3 5V7C2.20435 7 1.44129 7.31607 0.87868 7.87868C0.316071 8.44129 0 9.20435 0 10V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H13C13.7956 20 14.5587 19.6839 15.1213 19.1213C15.6839 18.5587 16 17.7956 16 17V10C16 9.20435 15.6839 8.44129 15.1213 7.87868C14.5587 7.31607 13.7956 7 13 7ZM5 5C5 4.20435 5.31607 3.44129 5.87868 2.87868C6.44129 2.31607 7.20435 2 8 2C8.79565 2 9.55871 2.31607 10.1213 2.87868C10.6839 3.44129 11 4.20435 11 5V7H5V5ZM14 17C14 17.2652 13.8946 17.5196 13.7071 17.7071C13.5196 17.8946 13.2652 18 13 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V10C2 9.73478 2.10536 9.48043 2.29289 9.29289C2.48043 9.10536 2.73478 9 3 9H13C13.2652 9 13.5196 9.10536 13.7071 9.29289C13.8946 9.48043 14 9.73478 14 10V17Z' fill='%23565656'/%3E%3C/svg%3E");
}
.login-sec .login-box .box-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px 0;
}
.login-sec .login-box .box-footer .box-link:hover {
	color: var(--app-text-secondary-color);
}
.login-sec .login-box .form-submit {
	background: var(--app-text-secondary-color);
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;
	line-height: 52px;
}
.login-sec .login-box .reg-link {
	background: #fff;
	border-radius: 5px;
	color: var(--app-text-secondary-color);
	border: 1px solid var(--app-text-secondary-color);
	font-size: 14px;
	text-align: center;
	width: 100%;
	line-height: 52px;
	display: block;
}

.login-sec.reg-box {
	max-width: 800px;
}
.login-sec.reg-box .login-box :is(.form-select,.form-control) {
	background: #F5F5F7;
	border-radius: 3px;
	padding: 10px 12px;
	font-size: 16px;
	line-height: 30px;
}
.login-sec.reg-box .login-box .multiselect-box .multiselect {
	padding: 10px 12px;
	font-size: 16px;
	line-height: 30px;
}
.login-sec.reg-box .login-box .multiselect-box .multiselect-selected-text {
	font-size: 16px;
}
.login-sec.reg-box .login-box .multiselect-box .dropdown-toggle[title="None selected"] .multiselect-selected-text {
	color: #6c757d;
}
.login-sec.reg-box .login-box .select2-container .select2-selection {
	height: auto;
	padding: 13px 12px;
	font-size: 16px;
	background: #F5F5F7;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
.login-sec.reg-box .login-box .select2-container .select2-selection .select2-selection__rendered[title="Select country"],
.login-sec.reg-box .login-box .select2-container .select2-selection .select2-selection__rendered[title="Select state"] {
	color: #6c757d;
}
.login-sec.reg-box .login-box .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
  background: var(--app-text-secondary-color);
}
.login-sec.reg-box .login-box .form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
.login-sec.reg-box .login-box .input-address {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 13.4 7.05 19.5 7.35 19.76C7.53113 19.9149 7.76165 20.0001 8 20.0001C8.23835 20.0001 8.46887 19.9149 8.65 19.76C9 19.5 16 13.4 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0ZM8 17.65C5.87 15.65 2 11.34 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.5913 2 11.1174 2.63214 12.2426 3.75736C13.3679 4.88258 14 6.4087 14 8C14 11.34 10.13 15.66 8 17.65ZM8 4C7.20887 4 6.43552 4.2346 5.77772 4.67412C5.11992 5.11365 4.60723 5.73836 4.30448 6.46927C4.00173 7.20017 3.92252 8.00444 4.07686 8.78036C4.2312 9.55628 4.61216 10.269 5.17157 10.8284C5.73098 11.3878 6.44371 11.7688 7.21964 11.9231C7.99556 12.0775 8.79983 11.9983 9.53073 11.6955C10.2616 11.3928 10.8864 10.8801 11.3259 10.2223C11.7654 9.56448 12 8.79113 12 8C12 6.93913 11.5786 5.92172 10.8284 5.17157C10.0783 4.42143 9.06087 4 8 4ZM8 10C7.60444 10 7.21776 9.8827 6.88886 9.66294C6.55996 9.44318 6.30362 9.13082 6.15224 8.76537C6.00087 8.39991 5.96126 7.99778 6.03843 7.60982C6.1156 7.22186 6.30608 6.86549 6.58579 6.58579C6.86549 6.30608 7.22186 6.1156 7.60982 6.03843C7.99778 5.96126 8.39991 6.00087 8.76537 6.15224C9.13082 6.30362 9.44318 6.55996 9.66294 6.88886C9.8827 7.21776 10 7.60444 10 8C10 8.53043 9.78929 9.03914 9.41421 9.41421C9.03914 9.78929 8.53043 10 8 10Z' fill='%23565656'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right 10px;
	padding: 10px 40px 10px 12px;
}
.login-sec.reg-box .checkbox {
	display: flex;
	gap: 7px;
}
.login-sec.reg-box .checkbox input[type="checkbox"] {
	width: 16px;
	height: 16px;
}
.login-sec.reg-box .checkbox span {
	margin-top: 2px;
}
.login-sec.reg-box .checkbox a {
	color: var(--app-text-color);
}
.login-sec.reg-box .checkbox a:hover {
	color: var(--app-text-secondary-color);
}
.login-sec.reg-box .form-sec::after {
	display: none;
}
.login-sec.reg-box .password-strength {
	width: 100px;
	height: 5px;
	background: #eee;
	position: relative;
}
.login-sec.reg-box .password-strength::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
}
.login-sec.reg-box .password-strength[data-strength="1"]::before {
	width: 25%;
	background: #cc3d04;
}
.login-sec.reg-box .password-strength[data-strength="2"]::before {
	width: 50%;
	background: #ffc43b;
}
.login-sec.reg-box .password-strength[data-strength="3"]::before {
	width: 75%;
	background: #9ea60a;
}
.login-sec.reg-box .password-strength[data-strength="4"]::before {
	width: 100%;
	background: #289116;
}
.login-sec.reg-box .password-strength::after {
	content: "Too short";
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-100%);
	font-size: 10px;
	line-height: 12px;
	color: #000;
}
.login-sec.reg-box .password-strength[data-strength="1"]::after {
	content: "Weak";
}
.login-sec.reg-box .password-strength[data-strength="2"]::after {
	content: "Good";
}
.login-sec.reg-box .password-strength[data-strength="3"]::after {
	content: "Strong";
}
.login-sec.reg-box .password-strength[data-strength="4"]::after {
	content: "Best";
}




.login-footer {
	background: #EAEDF7;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #556666;
	padding: 50px 0;
}




.pwd_strength_wrap {
	border: 1px solid #D5CEC8;
	display: none;
	float: left;
	padding: 10px;
	width: 320px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	background: #fff;
	transform: translateX(-50%);
}
.pwd_strength_wrap:before, #pwd_strength_wrap:after {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent; /* arrow size */
}
.pwd_strength_wrap::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0.1);
	border-top: 7px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	left: 50%;
	position: absolute;
	bottom: -23px;
	transform: translateY(-50%) rotate(-90deg);
}
.pwd_strength_wrap::after {
	border-bottom: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid #fff;
	border-top: 6px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	left: 50%;
	position: absolute;
	bottom: -20px;
	transform: translateY(-50%) rotate(-90deg);
}
.pswd_info ul {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
}
.pswd_info ul li {
	background: url(icon_pwd_strength.png) no-repeat left 2px;
	padding: 0 0 0 10px;
}
.pswd_info ul li.valid {
	background-position: left -42px;
	color: green;
}
.passwordStrength {
	display: block;
	height: 5px;
	margin-bottom: 10px;
	transition: all 0.4s ease;
}
.strength0 {
	background: none;
	/* too short */
	width: 0px;
}
/*============================= for login page ===========================*/



.page-inner {
	background: #EAEDF7;
}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 72px 0 0; /* Height of navbar */
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  height: calc(100vh - 72px);
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar .nav-link {
  font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: var(--app-text-color);
}


.sidebar .nav-link.active {
  color: var(--app-text-secondary-color);
}

.sidebar-heading {
  font-size: .75rem;
}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}
header.navbar .navbar-nav .dropdown-menu {
	position: absolute;
	right: 0;
	left: auto;
}



/* dashboard-box */
.dashboard-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	margin-bottom: calc(var(--bs-gutter-x) * 1);
	padding: 29px 34px;
	color: var(--app-text-color);
}
.dashboard-box .box-data {
	display: flex;
	flex-direction: column;
	gap: 11px;
	width: 100%;
}
.dashboard-box .data-title {
	font-size: 14px;
	line-height: 17px;
	color: var(--app-text-color);
}
.dashboard-box .box-data .data-count {
	font-size: 28px;
	line-height: 34px;
	color: var(--app-text-color);
}
.dashboard-box .box-icon {}
.dashboard-box .box-icon img {
	width: auto;
	max-height: 80px;
}
.dashboard-box .dashboard-recent {}
.dashboard-recent .recent-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	gap: 20px;
}
.dashboard-recent .recent-box:not(:last-child) {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.dashboard-recent .recent-box .box-icon {
	width: 90px;
	height: 90px;
}
.dashboard-recent .recent-box .box-icon img {}
.dashboard-recent .recent-box .data-link {
	font-size: 14px;
	line-height: 17px;
	color: var(--app-text-color);
	border: 1px solid var(--app-text-secondary-color);
	border-radius: 30px;
	display: inline-block;
	width: fit-content;
	padding: 5px 10px;
}
/* dashboard-box */

/* product-list-sec */
.pg-title {
	font-size: 28px;
	line-height: 34px;
	color: var(--app-text-color);
	margin-bottom: 0;
}
.pg-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.pg-toolbar .toolbar-filter {
	width: 295px;
}
.pg-toolbar .toolbar-filter .form-label {
	font-size: 14px;
	line-height: 17px;
	color: var(--app-text-color);
}
.pg-toolbar .toolbar-filter .form-select {
	padding: .46rem 2.25rem .46rem .75rem;
	border: 0;
}
.pg-toolbar .toolbar-filter .form-control {
	padding: .46rem .75rem;
	border: 0;
}
.pg-toolbar .toolbar-add {
	background: var(--app-text-secondary-color);
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 6px;
}
.pg-toolbar .toolbar-import {
	border: 1px solid var(--app-text-secondary-color);
	border-radius: 5px;
	color: var(--app-text-secondary-color);
	display: flex;
	align-items: center;
	gap: 6px;
}
.product-list-sec {}
.product-list-sec .accordion-item:not(:last-child) {
	margin-bottom: 9px;
}
.product-list-sec .accordion-header {
	background: #989CBB;
	padding: 9px 18px;
}
.product-list-sec .accordion-header > * {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.product-list-sec .accordion-header > .product-price {
	flex: 0 0 auto;
	width: auto;
}
.product-list-sec .accordion-header :is(.product-id, .product-title,.product-price) {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
}
.product-list-sec .accordion-header .product-action {
	display: flex;
	align-items: center;
	gap: 9px;
	width: auto;
}
.product-list-sec .accordion-header .product-action :is(.btn-shipping,.btn-request) {
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.product-list-sec .accordion-header .product-action .accordion-action[aria-expanded="false"] img {
	rotate: -90deg;
}
.product-list-sec .accordion-body thead {
	background: #CFD3E3;
}
.product-list-sec .accordion-body tr > th:first-child,
.product-list-sec .accordion-body tr > td:first-child {
	padding-left: 18px;
}
/*
.product-list-sec .accordion-body tr > th:last-child {
	padding-right: 18px;
}
*/
/* product-list-sec */
.dataTable {}
.dataTable > tbody {
	background: #fff;
}
.dataTable > thead,
.dataTable > tfoot {
	background: #CFD3E3;
}
.dataTables_paginate .page-link {
	color: var(--app-text-color);
}
.dataTables_paginate .active > .page-link, .dataTables_paginate .page-link.active {
	background-color: var(--app-text-secondary-color);
	border-color: var(--app-text-secondary-color);
	color: #fff;
}

/* new-entry-form */
.new-entry-form {
	background: #fff;
}
.new-entry-form .form-label {
	font-size: 14px;
	line-height: 17px;
	color: var(--app-text-color);
}
.new-entry-form :is(.form-select, .form-control) {
	border-radius: 3px;
	padding: 8.5px 12px;
	font-size: 14px;
	background: #F5F5F7;
}
.new-entry-form .form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
.new-entry-form :is(.form-check-input) {
	width: 1.15em;
	height: 1.15em;
	margin-top: 2px;
}
.new-entry-form .select2-container .select2-selection {
	height: auto;
	padding: 8.5px 12px;
	font-size: 14px;
	background: #F5F5F7;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
	color: var(--app-text-color);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
	background-color: var(--app-text-secondary-color);
}
.new-entry-form .btn-submit,
.new-entry-form .btn-cancel {
	background: var(--app-text-secondary-color);
	color: #fff;
	line-height: 32px;
	padding-left: 2rem;
	padding-right: 2rem;
}
.new-entry-form .btn-cancel {
	border: 1px solid var(--app-text-secondary-color);
	color: var(--app-text-secondary-color);
	background: transparent;
}
/* new-entry-form */

/* multiselect-box */
.multiselect-box {
	width: 100%;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 3px;
	padding: 0;
	font-size: 16px;
	background: #F5F5F7;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
.multiselect-box .multiselect {
	border: 0;
	padding: 8.5px 12px;
	text-align: left;
}
.multiselect-box .multiselect::after {
	display: none;
}
.multiselect-box .multiselect-selected-text {
	font-size: 14px;
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 5px 0 0 0;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #ced4da;
	-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
	box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
}
.multiselect-container .input-group {
	margin: 5px;
}
.multiselect-container > li {
	padding: 0;
	font-size: 14px;
}
.multiselect-container > li > a.multiselect-all label {
	font-weight: 700;
	color: gray;
}
.multiselect-container > li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700;
}
.multiselect-container > li.multiselect-group-clickable label {
	cursor: pointer;
}
.multiselect-container > li > a {
	padding: .375rem .75rem;
	color: #000;
	display: block;
}
.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
	margin: 0;
}
/* multiselect-box */

.act-btn {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	color: #565656;
	background-position: center center;
}
.act-btn[disabled], .act-btn.disabled {
	filter: grayscale(1) brightness(225%);
	-webkit-filter: grayscale(1) brightness(225%);
	-moz-filter: grayscale(1) brightness(225%);
}
.act-search {
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 11V18H2V4H7.02C7.07 3.29 7.24 2.62 7.5 2H0V20H18V13L16 11ZM14.5 16H3.5L6.25 12.47L8.21 14.83L10.96 11.29L14.5 16ZM17.3 6.89C17.74 6.19 18 5.38 18 4.5C18 2.01 15.99 0 13.5 0C11.01 0 9 2.01 9 4.5C9 6.99 11.01 9 13.49 9C14.37 9 15.19 8.74 15.88 8.3L19 11.42L20.42 10L17.3 6.89ZM13.5 7C12.12 7 11 5.88 11 4.5C11 3.12 12.12 2 13.5 2C14.88 2 16 3.12 16 4.5C16 5.88 14.88 7 13.5 7Z' fill='%23565656'/%3E%3C/svg%3E");
}
.act-edit {
	background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.71 4.04C18.1 3.65 18.1 3.02 17.71 2.63L15.37 0.29C15.17 0.09 14.92 0 14.66 0C14.4 0 14.15 0.1 13.96 0.29L12.13 2.12L15.88 5.87L17.71 4.04ZM0 14.25V18H3.75L14.81 6.94L11.06 3.19L0 14.25ZM2.92 16H2V15.08L11.06 6.02L11.98 6.94L2.92 16Z' fill='%234EA888'/%3E%3C/svg%3E");
}
.act-delete {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='19' viewBox='0 0 14 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6.375V16.7917H3V6.375H11ZM9.5 0.125H4.5L3.5 1.16667H0V3.25H14V1.16667H10.5L9.5 0.125ZM13 4.29167H1V16.7917C1 17.9375 1.9 18.875 3 18.875H11C12.1 18.875 13 17.9375 13 16.7917V4.29167Z' fill='%23a81c1c'/%3E%3C/svg%3E");
}
.act-view {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2.5C14.79 2.5 18.17 4.63 19.82 8C18.17 11.37 14.8 13.5 11 13.5C7.2 13.5 3.83 11.37 2.18 8C3.83 4.63 7.21 2.5 11 2.5ZM11 0.5C6 0.5 1.73 3.61 0 8C1.73 12.39 6 15.5 11 15.5C16 15.5 20.27 12.39 22 8C20.27 3.61 16 0.5 11 0.5ZM11 5.5C12.38 5.5 13.5 6.62 13.5 8C13.5 9.38 12.38 10.5 11 10.5C9.62 10.5 8.5 9.38 8.5 8C8.5 6.62 9.62 5.5 11 5.5ZM11 3.5C8.52 3.5 6.5 5.52 6.5 8C6.5 10.48 8.52 12.5 11 12.5C13.48 12.5 15.5 10.48 15.5 8C15.5 5.52 13.48 3.5 11 3.5Z' fill='%23565656'/%3E%3C/svg%3E");
}
.act-save {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.59 0.59C14.21 0.21 13.7 0 13.17 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V4.83C18 4.3 17.79 3.79 17.41 3.42L14.59 0.59ZM9 16C7.34 16 6 14.66 6 13C6 11.34 7.34 10 9 10C10.66 10 12 11.34 12 13C12 14.66 10.66 16 9 16ZM10 6H4C2.9 6 2 5.1 2 4C2 2.9 2.9 2 4 2H10C11.1 2 12 2.9 12 4C12 5.1 11.1 6 10 6Z' fill='%234EA888'/%3E%3C/svg%3E");
}
.act-download {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12C18.7348 12 18.4804 12.1054 18.2929 12.2929C18.1054 12.4804 18 12.7348 18 13V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V13C2 12.7348 1.89464 12.4804 1.70711 12.2929C1.51957 12.1054 1.26522 12 1 12C0.734784 12 0.48043 12.1054 0.292893 12.2929C0.105357 12.4804 0 12.7348 0 13V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H17C17.7956 20 18.5587 19.6839 19.1213 19.1213C19.6839 18.5587 20 17.7956 20 17V13C20 12.7348 19.8946 12.4804 19.7071 12.2929C19.5196 12.1054 19.2652 12 19 12ZM9.29 13.71C9.3851 13.801 9.49725 13.8724 9.62 13.92C9.7397 13.9729 9.86913 14.0002 10 14.0002C10.1309 14.0002 10.2603 13.9729 10.38 13.92C10.5028 13.8724 10.6149 13.801 10.71 13.71L14.71 9.71C14.8983 9.5217 15.0041 9.2663 15.0041 9C15.0041 8.7337 14.8983 8.4783 14.71 8.29C14.5217 8.1017 14.2663 7.99591 14 7.99591C13.7337 7.99591 13.4783 8.1017 13.29 8.29L11 10.59V1C11 0.734784 10.8946 0.48043 10.7071 0.292893C10.5196 0.105357 10.2652 0 10 0C9.73478 0 9.48043 0.105357 9.29289 0.292893C9.10536 0.48043 9 0.734784 9 1V10.59L6.71 8.29C6.61676 8.19676 6.50607 8.1228 6.38425 8.07234C6.26243 8.02188 6.13186 7.99591 6 7.99591C5.86814 7.99591 5.73757 8.02188 5.61575 8.07234C5.49393 8.1228 5.38324 8.19676 5.29 8.29C5.19676 8.38324 5.1228 8.49393 5.07234 8.61575C5.02188 8.73757 4.99591 8.86814 4.99591 9C4.99591 9.13186 5.02188 9.26243 5.07234 9.38425C5.1228 9.50607 5.19676 9.61676 5.29 9.71L9.29 13.71Z' fill='%23565656'/%3E%3C/svg%3E");
	background-size: 85%;
}
.act-save[disabled], .act-save.disabled {
	filter: grayscale(1) brightness(150%);
	-webkit-filter: grayscale(1) brightness(150%);
	-moz-filter: grayscale(1) brightness(150%);
}
.table-input {
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	padding: 3px 8px;
	max-width: 125px;
}
.table-input.is-invalid {
	border-color: #dc3545;
}
.table-input.is-valid {
	border-color: #198754;
}
.table-input-dollar {
	background-position: center left 8px;
	padding-left: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.60742 0.433594V2.51855H3.58203V0.433594H4.60742ZM4.48438 11.5967V13.4219H3.46582V11.5967H4.48438ZM5.85156 9.43652C5.85156 9.16309 5.79004 8.91699 5.66699 8.69824C5.54395 8.47949 5.34115 8.27897 5.05859 8.09668C4.77604 7.91439 4.39779 7.74577 3.92383 7.59082C3.34961 7.41309 2.85286 7.19661 2.43359 6.94141C2.01888 6.6862 1.69759 6.36947 1.46973 5.99121C1.24642 5.61296 1.13477 5.15495 1.13477 4.61719C1.13477 4.05664 1.25553 3.57357 1.49707 3.16797C1.73861 2.76237 2.0804 2.4502 2.52246 2.23145C2.96452 2.0127 3.48405 1.90332 4.08105 1.90332C4.5459 1.90332 4.96061 1.97396 5.3252 2.11523C5.68978 2.25195 5.9974 2.45703 6.24805 2.73047C6.50326 3.00391 6.69694 3.33887 6.8291 3.73535C6.96582 4.13184 7.03418 4.58984 7.03418 5.10938H5.77637C5.77637 4.80404 5.73991 4.52376 5.66699 4.26855C5.59408 4.01335 5.4847 3.79232 5.33887 3.60547C5.19303 3.41406 5.0153 3.26823 4.80566 3.16797C4.59603 3.06315 4.35449 3.01074 4.08105 3.01074C3.69824 3.01074 3.38151 3.07682 3.13086 3.20898C2.88477 3.34115 2.70247 3.52799 2.58398 3.76953C2.46549 4.00651 2.40625 4.28223 2.40625 4.59668C2.40625 4.88835 2.46549 5.14355 2.58398 5.3623C2.70247 5.58105 2.90299 5.7793 3.18555 5.95703C3.47266 6.13021 3.86686 6.30111 4.36816 6.46973C4.95605 6.65658 5.45508 6.8776 5.86523 7.13281C6.27539 7.38346 6.58757 7.69336 6.80176 8.0625C7.01595 8.42708 7.12305 8.88053 7.12305 9.42285C7.12305 10.0107 6.99089 10.5075 6.72656 10.9131C6.46224 11.3141 6.09082 11.6195 5.6123 11.8291C5.13379 12.0387 4.57324 12.1436 3.93066 12.1436C3.54329 12.1436 3.16048 12.0911 2.78223 11.9863C2.40397 11.8815 2.06217 11.7106 1.75684 11.4736C1.4515 11.2321 1.20768 10.9154 1.02539 10.5234C0.843099 10.127 0.751953 9.6416 0.751953 9.06738H2.02344C2.02344 9.45475 2.07812 9.77604 2.1875 10.0312C2.30143 10.2819 2.45182 10.4824 2.63867 10.6328C2.82552 10.7786 3.0306 10.8835 3.25391 10.9473C3.48177 11.0065 3.70736 11.0361 3.93066 11.0361C4.34082 11.0361 4.68717 10.9723 4.96973 10.8447C5.25684 10.7126 5.47559 10.5257 5.62598 10.2842C5.77637 10.0426 5.85156 9.76009 5.85156 9.43652Z' fill='%23212529'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.table-input-dollar[disabled] {
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.60742 0.433594V2.51855H3.58203V0.433594H4.60742ZM4.48438 11.5967V13.4219H3.46582V11.5967H4.48438ZM5.85156 9.43652C5.85156 9.16309 5.79004 8.91699 5.66699 8.69824C5.54395 8.47949 5.34115 8.27897 5.05859 8.09668C4.77604 7.91439 4.39779 7.74577 3.92383 7.59082C3.34961 7.41309 2.85286 7.19661 2.43359 6.94141C2.01888 6.6862 1.69759 6.36947 1.46973 5.99121C1.24642 5.61296 1.13477 5.15495 1.13477 4.61719C1.13477 4.05664 1.25553 3.57357 1.49707 3.16797C1.73861 2.76237 2.0804 2.4502 2.52246 2.23145C2.96452 2.0127 3.48405 1.90332 4.08105 1.90332C4.5459 1.90332 4.96061 1.97396 5.3252 2.11523C5.68978 2.25195 5.9974 2.45703 6.24805 2.73047C6.50326 3.00391 6.69694 3.33887 6.8291 3.73535C6.96582 4.13184 7.03418 4.58984 7.03418 5.10938H5.77637C5.77637 4.80404 5.73991 4.52376 5.66699 4.26855C5.59408 4.01335 5.4847 3.79232 5.33887 3.60547C5.19303 3.41406 5.0153 3.26823 4.80566 3.16797C4.59603 3.06315 4.35449 3.01074 4.08105 3.01074C3.69824 3.01074 3.38151 3.07682 3.13086 3.20898C2.88477 3.34115 2.70247 3.52799 2.58398 3.76953C2.46549 4.00651 2.40625 4.28223 2.40625 4.59668C2.40625 4.88835 2.46549 5.14355 2.58398 5.3623C2.70247 5.58105 2.90299 5.7793 3.18555 5.95703C3.47266 6.13021 3.86686 6.30111 4.36816 6.46973C4.95605 6.65658 5.45508 6.8776 5.86523 7.13281C6.27539 7.38346 6.58757 7.69336 6.80176 8.0625C7.01595 8.42708 7.12305 8.88053 7.12305 9.42285C7.12305 10.0107 6.99089 10.5075 6.72656 10.9131C6.46224 11.3141 6.09082 11.6195 5.6123 11.8291C5.13379 12.0387 4.57324 12.1436 3.93066 12.1436C3.54329 12.1436 3.16048 12.0911 2.78223 11.9863C2.40397 11.8815 2.06217 11.7106 1.75684 11.4736C1.4515 11.2321 1.20768 10.9154 1.02539 10.5234C0.843099 10.127 0.751953 9.6416 0.751953 9.06738H2.02344C2.02344 9.45475 2.07812 9.77604 2.1875 10.0312C2.30143 10.2819 2.45182 10.4824 2.63867 10.6328C2.82552 10.7786 3.0306 10.8835 3.25391 10.9473C3.48177 11.0065 3.70736 11.0361 3.93066 11.0361C4.34082 11.0361 4.68717 10.9723 4.96973 10.8447C5.25684 10.7126 5.47559 10.5257 5.62598 10.2842C5.77637 10.0426 5.85156 9.76009 5.85156 9.43652Z' fill='%236C757D'/%3E%3C/svg%3E");
}
.pagination .active > .page-link, .pagination .page-link.active {
	color: #fff;
	background-color: var(--app-text-secondary-color);
	border-color: var(--app-text-secondary-color);
}
.pagination .page-link {
	color: var(--app-text-color);
}
.pagination .page-item .page-link {
	--bs-pagination-padding-x: .8rem;
	--bs-pagination-padding-y: .5rem;
}
.input-calendar-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 3H19V1H17V3H7V1H5V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM20 21H4V10H20V21ZM20 8H4V5H20V8Z' fill='%23565656'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center right 7px !important;
	padding-right: 36px !important;
}
.table-input.input-calendar-icon {
	background-size: 18px;
	padding-right: 30px !important;
}.product-list-sec nav .pagination {	justify-content: flex-end;	margin-top: 1rem;}.product-list-sec .accordion-header .product-title {	width: 50%;}.product-list-sec .accordion-header .product-title .form-check {	margin-bottom: 0;	display: flex;	align-items: center;}.product-list-sec .accordion-header .product-title .form-check .form-check-input {	margin-top: 0;	margin-right: 5px;}
.product-list-sec .accordion-header .product-title + .product-title {
	width: auto;
}

#quotationGenerateInvoiceModal .table tr td {
	white-space: nowrap;
}
#quotationGenerateInvoiceModal .table .product-title {
	padding: 7px 14px;
	text-align: center;
}
#modifyManufacturerPriceModal .input-group {
	align-items: flex-end;
}
#modifyManufacturerPriceModal .input-group-prepend .input-group-text {
	padding: .55rem .75rem;
}



/*-------------------Order popup image slide-------------------*/
.product-img-slide {}
.product-img-slide .slick-next::before, .product-img-slide .slick-prev::before {
	opacity: 1;
	color: #cfd3e3;
}
.product-img-slide .slick-prev {
	left: 0;
}
.product-img-slide .slick-next {
	right: 0;
}
.product-img-slide .slider-for {}
.product-img-slide .slider-for .slide-item {
	/* height: auto; */
	height: 200px;
	text-align: center;
}
.product-img-slide .slider-for .slide-item img {
	max-width: 100%;
	height: 100%;
	margin: auto;
}
.product-img-slide .slider-nav {
	padding: 0 32px;
}
.product-img-slide .slider-nav .slide-item-nav {
	/* height: auto; */
	height: 100px;
	padding: 10px;
}
.product-img-slide .slider-nav .slide-item-nav img {
	max-width: 100%;
	height: 100%;
}


#productInfoModal table img,
#viewManufactirerQuotationModal table img {
	height: 100px;
	width: 100px;
}
.medium-zoom--opened .medium-zoom-overlay {
	background: rgba(255, 255, 255, 0.3) !important;
	z-index: 1055;
}
.medium-zoom--opened .medium-zoom-image--opened {
	z-index: 1055;
}
/*-------------------Order popup image slide-------------------*/



.pg-footer {
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: var(--app-text-color);
	padding: 50px 0;
}