.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: linear-gradient(90deg, #756AF0 0%, #978EF4 98.92%) !important;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 3px !important;
}

/*scroll*/
::selection {
	background: #895ffc;
	color: #fff;
	text-shadow: none;
}

::-webkit-scrollbar {
	width: 5px;
	background-color: transparent;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: none;
}

::-webkit-scrollbar-track-piece {
	background-color: transparent;
}

::-webkit-scrollbar-thumb:vertical,
-webkit-scrollbar-thumb:horizontal {
	border-radius: 0px;
	background-image: linear-gradient(90deg, #756AF0 0%, #978EF4 98.92%);
}

img {
	max-width: 100%;
	height: auto;
}

body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	background-color: #F9F9F9;
}

.operation-table-wrapper::-webkit-scrollbar,
.main-product-table-wrapper::-webkit-scrollbar,
.main-centered-table-wrapper::-webkit-scrollbar {
	width: 5px !important;
	border-radius: 10px;
	background: transparent !important;
}

.operation-table-wrapper::-webkit-scrollbar-button:start:decrement,
.operation-table-wrapper::-webkit-scrollbar-button:end:increment,
.main-product-table-wrapper::-webkit-scrollbar-button:start:decrement,
.main-product-table-wrapper::-webkit-scrollbar-button:end:increment,
.main-centered-table-wrapper::-webkit-scrollbar-button:start:decrement,
.main-centered-table-wrapper::-webkit-scrollbar-button:end:increment {
	display: none;
}

.operation-table-wrapper::-webkit-scrollbar-track-piece,
.main-product-table-wrapper::-webkit-scrollbar-track-piece,
.main-centered-table-wrapper::-webkit-scrollbar-track-piece {
	background-color: transparent !important;
}

.operation-table-wrapper::-webkit-scrollbar-thumb,
.main-product-table-wrapper::-webkit-scrollbar-thumb,
.main-centered-table-wrapper::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: linear-gradient(90deg, #756AF0 0%, #978EF4 98.92%) !important;
}

.operation-table-wrapper::-webkit-scrollbar-thumb:horizontal,
.main-product-table-wrapper::-webkit-scrollbar-thumb:horizontal,
.main-centered-table-wrapper::-webkit-scrollbar-thumb:horizontal {
	min-width: 5px;
	/* Adjust the min-width to control the width of the horizontal scrollbar */
	background-image: linear-gradient(0deg, #756AF0 0%, #978EF4 98.92%) !important;
}


/*top-header*/
/* Pages */

/* Login & Signup Page*/
.login-page,
.main-page-content {
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	flex-direction: column;
	gap: 20px;
	overflow: hidden;
}

.main-centered-wrapper {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 5px 24px 32px 0px rgba(23, 23, 23, 0.09);
	padding: 40px;
	z-index: 10;
}

.login-page h1 {
	color: #000;
	font-size: 40px;
	font-weight: 600;
	width: 100%;
}

.login-page h3 {
	color: #000;
	font-size: 30px;
	font-weight: 600;
	width: 100%;
}

.login-page input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Style the input */
.login-page input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
	box-sizing: border-box;
	color: #1d1d1d;
	font-size: 15px;
	font-weight: 400;
	border: none;
	border-radius: 8px;
	background: #f0f0f0;
	padding: 15px;
	position: relative;
	z-index: 2;
}

.login-page .login-btn {
	padding: 14px 0px;
	border-radius: 9px;
	background: linear-gradient(90deg, #756AF0 0%, #978EF4 100%);
	margin-top: 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	border: none;
}

.login-page .form-input-btns>div {
	gap: 10px;
	margin-bottom: 10px;
}

.login-page .form-input-btns>div:last-child {
	margin-bottom: 0px;
}

.login-page .form-input-btns button {
	width: calc(33.333%);
	padding: 10px;
	border: none;
	outline: 1px;
	border: 1px;
}

.login-page .form-input-btns button:active {
	background-color: #8C8C8C;
	color: white;
}

.login-page .form-input-btns button:active img {
	filter: invert(1);
}

.selection-warehouse-option .btn {
	background: linear-gradient(90deg, #756AF0 0%, #978EF4 100%);
	border: none;
	box-shadow: none !important;
}

.operation-table-wrapper {
	width: 100%;
	overflow: auto;
}

.operation-table-wrapper table {
	width: 100%;
	min-width: 600px;
}

.operation-table-wrapper table tr {
	border-bottom: 1px solid #D0D3D9;
}

.operation-table-wrapper table tbody tr:last-child {
	border-bottom: none;
}

.operation-table-wrapper table th,
.operation-table-wrapper table td {
	padding: 12px;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
}

.operation-table-wrapper table th {
	font-weight: 500;
	color: #8C8C8C;
}

.operation-table-wrapper table td a {
	text-decoration: none;
	color: inherit;
}

.operation-table-wrapper table td .highlight-process {
	display: inline-block;
	width: fit-content;
	padding: 4px;
	border-radius: 4px;
	background-color: #0FA901;
	color: #fff;
}

.main-centered-heading .go-back-icon {
	margin-right: 20px;
	padding: 5px;
	border-radius: 50%;
}

.main-centered-heading .go-back-icon img {
	width: 24px;
}

.main-centered-heading .heading {
	color: #000;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.2;
}

.main-centered-table-wrapper {
	width: 100%;
	overflow: auto;
}

.main-centered-table-wrapper table {
	width: 100%;
	min-width: 600px;
}

.main-centered-table-wrapper table tr {
	border-bottom: 1px solid #D0D3D9;
}

.main-centered-table-wrapper table tbody tr:last-child {
	border-bottom: none;
}

.main-centered-table-wrapper table th,
.main-centered-table-wrapper table td {
	padding: 12px;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
}

.main-centered-table-wrapper table th {
	font-weight: 500;
	color: #8C8C8C;
}

.main-centered-table-wrapper table td a {

	width: 100%;
	display: block;
	color: inherit;
	text-decoration: none;
}

.scanner-input-wrapper label span {
	color: #8C8C8C;
	font-size: 15px;
	font-weight: 400;
	display: block;
	margin-bottom: 5px;
}

.scanner-input-wrapper label input,
.scanner-input-wrapper label select,
.scanner-input-wrapper label textarea {
	border-radius: 8px;
	background: #F9F9F9;
	color: #000;
	padding: 15px;
	font-size: 15px;
	font-weight: 400;
	border: none;
	width: 100%;
	display: block;
	resize: none;
}

.perform-action-btn {
	gap: 20px;
}

.perform-action-btn a {
	color: #8C8C8C;
	font-size: 15px;
	font-weight: 500;
	width: 100px;
	padding: 15px;
	border-radius: 11.182px;
	display: block;
	text-align: center;
	text-decoration: none;
}

.perform-action-btn a.discard-btn {
	background-color: transparent;
	border: 1.677px solid #E8E8E8;
}

.perform-action-btn a.save-btn {
	color: #fff;
	background: linear-gradient(90deg, #756AF0 0%, #978EF4 98.92%);
	border: none;
}

.main-product-table-wrapper {
	width: 100%;
	overflow: auto;
}

.main-product-table-wrapper table {
	width: 100%;
	min-width: 600px;
}

.main-product-table-wrapper table tr {
	border: 1px solid #D0D3D9;
}

.main-product-table-wrapper table th,
.main-product-table-wrapper table td {
	padding: 12px;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
}

.main-product-table-wrapper table th {
	font-weight: 500;
	color: #8C8C8C;
}

.main-product-table-wrapper table td a {
	width: 100%;
	display: block;
	color: inherit;
	text-decoration: none;
}




@media (max-width: 1440px) {}

@media (max-width: 1024px) {}

@media (max-width:1200px) {}


@media (min-width: 440px) and (max-width: 740px) {}

@media (max-width: 425px) {}