@media print {
	body {
		background: white !important;
		size: a4;
	}
}

html {
	font-size: calc(7px + 0.12vw);
}

::-webkit-scrollbar {
	width: 0.5rem;
	max-height: 0.5rem;
	height: 0.5rem;
}

::-webkit-scrollbar-thumb {
	background: var(--border-color);
	border-radius: 2rem;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--content-3);
}

::-webkit-scrollbar-track {
	border-radius: 2rem;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

.svg-inline--fa .fa-secondary {
	opacity: 0.5;
}

:root {
	--sidebarWidth: 27rem;
	--closedSideBar: 6.6rem;
	--sidebarHeight: 70rem;
	--topbarCreditHeight: 3.5rem;

	/*---Left Menu---*/
	--logoSize: 4.5rem;
	--leftMenuContainerPadding: 1rem;

	/*---Topbar---*/
	--topbarMenuSize: 1.5rem;
	--pageHeaderHeight: 6rem;

	/*---Button---*/
	--buttonXXsmallPadding: 0.4rem;
	--buttonXsmallPadding: 0.6rem;
	--buttonSmallPadding: 0.8rem;
	--buttonMediumPadding: 1rem;
	--buttonLargePadding: 1.2rem;
	--buttonXLargePadding: 1.4rem;
	--buttonXXLargePadding: 1.6rem;
	/*---@Omer: responsive button---*/

	/*---Input---*/
	--inputPadding: 1.2rem;

	/*---Paddings---*/
	--padding-1: 0.5rem;
	--padding-2: 1rem;
	--padding-3: 1.5rem;
	--padding-4: 2rem;
	--padding-5: 2.5rem;

	/*--Sidebar-Item-Padding---*/
	--sideBarItemPadding: 0.7rem;
	--sideBarScrollHeight: 95%;

	/*---Margins---*/

	--margin-1: 0.5rem;
	--margin-2: 1rem;
	--margin-3: 1.5rem;
	--margin-4: 2rem;
	--margin-5: 2.5rem;

	--topBarHeight: 6rem;
	--tableRowHeight: 6rem;

	/*---Border-Radius---*/
	--small-border-radius: 4px;
	--medium-border-radius: 6px;
	--large-border-radius: 8px;

	/*----Z-Index---*/

	--z-index-1: 1000;
	--z-index-2: 2000;
	--z-index-3: 3000;
	--z-index-4: 4000;
	--z-index-5: 5000;
	--z-index-6: 6000;
	--z-index-7: 7000;
	--z-index-8: 8000;
	--z-index-9: 9000;
	--z-index-10: 10000;

	/*---Guide colors---*/
	--container-box-shadow: 0px 3px 17px 0px #0000001a;
	--tooltip-box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.08);
	--alwaysWhiteColor: #ffffff;
	--alwaysBlackColor: #000000;

	--modal-fullscreen-bg: hwb(0deg 15.94% 84.06% / 25%);

	--skeletonBackground: #e9ecef;
	--skeletonAnimation: #f5f5f5;

	--textButtonBgColor: #eaf3ff;
	--textButtonBgHoverColor: #eff7ff;
	--secondaryColor: #000000;
	--actionButtonColor: #f5f5f5;
	--actionButtonHoverColor: #e5e5e5;
	--outlineButtonColor: transparent;

	--tooltipBackgroundColor: #23232c;
	--tooltipTextColor: #b9b9b9;

	/*---Input Box Shadow Color---*/
	--dataCardNegativeColor: #eb5757;
	--dataCardNotrColor: #ffc063;
	--dataCardPossitiveColor: #34ce8f;

	/*--Dashboard Icons--*/

	--fa-stopwatch-bgColor: #daf2ff;
	--fa-stopwatch-color: #0077b6;

	--fa-hourglass-half-bgColor: #ffece1;
	--fa-hourglass-half-color: #9b4e1e;

	--fa-balance-scale-bgColor: #ffebee;
	--fa-balance-scale-color: #ff6b81;

	--fa-long-arrow-alt-up-bgColor: #ffe3e3;
	--fa-long-arrow-alt-up-color: #d32f2f;

	--fa-long-arrow-alt-down-bgColor: #fceaff;
	--fa-long-arrow-alt-down-color: #9c27b0;

	--fa-hourglass-start-bgColor: #e6fff2;
	--fa-hourglass-start-color: #1e824c;

	--fa-boxes-bgColor: #e8f6ff;
	--fa-boxes-color: #004e7c;

	--fa-shopping-bag-bgColor: #ffede7;
	--fa-shopping-bag-color: #ff6e40;

	--fa-exclamation-triangle-bgColor: #fff1e7;
	--fa-exclamation-triangle-color: #8b4513;

	--fa-check-circle-bgColor: #dffff8;
	--fa-check-circle-color: #3cb371;

	--fa-clock-o-bgColor: #f1ffe3;
	--fa-clock-o-color: #8bc34a;

	--fa-truck-bgColor: #fff5e1;
	--fa-truck-color: #ff9800;

	--fa-check-square-o-bgColor: #ebf6ff;
	--fa-check-square-o-color: #2196f3;

	--fa-cubes-bgColor: #fff5e1;
	--fa-cubes-color: #ff9900;

	--fa-undo-bgColor: #fff5e1;
	--fa-undo-color: #ff9900;

	--fa-check-double-bgColor: #eafff3;
	--fa-check-double-color: #32bd6d;

	--fa-archive-bgColor: #e9ffea;
	--fa-archive-color: #4caf50;

	--fa-layer-group-bgColor: #ebf6ff;
	--fa-layer-group-color: #2196f3;

	--fa-regular-box-circle-arrow-down-bgColor: #f4f4ff;
	--fa-regular-box-circle-arrow-down-color: #8280ff;

	--fa-regular-box-clock-bgColor: #eef9fc;
	--fa-regular-box-clock-color: #2a98b7;

	--fa-regular-box-circle-arrow-up-bgColor: #ecfbfa;
	--fa-regular-box-circle-arrow-up-color: #1baaa4;

	--fa-regular-box-circle-check-bgColor: #eefbf5;
	--fa-regular-box-circle-check-color: #339d68;

	--fa-regular-box-circle-arrow-left-bgColor: #fff9ed;
	--fa-regular-box-circle-arrow-left-color: #dda934;

	--fa-regular-box-circle-xmark-bgColor: #fff1f1;
	--fa-regular-box-circle-xmark-color: #ff7976;

	--statistic-card-bg-color: #f2f4f7;
	--statistic-card-text-color: #000000;

	--fa-regular-loader-circle-bolt-bgColor: #f2e9ff;
	--fa-regular-loader-circle-bolt-color: #7c22ff;

	--fa-regular-box-circle-plus-bgColor: #edf2fc;
	--fa-regular-box-circle-plus-color: #4f8aff;

	--fa-regular-chart-simple-clock-bgColor: #e1fff8;
	--fa-regular-chart-simple-clock-color: #25d6ae;

	--fa-regular-person-carry-box-clock-bgColor: #fff7d9;
	--fa-regular-person-carry-box-clock-color: #f1c40f;

	--fa-regular-wave-pulse-circle-bolt-bgColor: #faeeff;
	--fa-regular-wave-pulse-circle-bolt-color: #9b59b6;

	--fa-regular-wave-pulse-circle-arrow-left-bgColor: #fff1f1;
	--fa-regular-wave-pulse-circle-arrow-left-color: #ff7976;

	--fa-regular-boxes-stacked-circle-check-bgColor: #ebfff3;
	--fa-regular-boxes-stacked-circle-check-color: #2ecc71;

	/**----Others-----**/

	--home-card-completed-backgroundColor: #f0f2ff;
	--home-card-completed-borderColor: #c9d0ff;
	--datacard-background-hover-color: #fafafa;
	--search-order-bg: #ffeec3;
	--getSupportImageBackgroundColor: #f3f4ff;
	--onboardingHeaderBackgroundColor: #000000;
	--onboardingInfoBackgroundColor: #ffffff;
	--topbar-popup-total-credit-bg: #f5f7f9;
	--topbar-popup-free-credit-bg: #eef3fe;
	--topbar-popup-free-credit-icon: #256cf0;
	--topbar-popup-used-free-shipment-bg: #f1fcf6;
	--topbar-popup-used-free-shipment-icon: #55d492;
	--topbar-popup-cod-wallet-bg: #f9f0fa;
	--topbar-popup-cod-wallet-icon: #ab47bc;
	--code-block-bg: #101827;
	--code-block-header-bg: #1f2937;
}

/* .dark-theme-variable { */

.dark-theme-variable {
	--modal-fullscreen-bg: hwb(0deg 0% 100% / 40%);

	--skeletonBackground: #343434;
	--skeletonAnimation: #606060;

	--textButtonBgColor: #1f2b3d;
	--textButtonBgHoverColor: #233145;
	--secondaryColor: #333941;
	--actionButtonColor: #333942;
	--actionButtonHoverColor: #48505c;
	--outlineButtonColor: #161f32;

	--tooltipBackgroundColor: #1a2025;
	--tooltipTextColor: #b9b9b9;

	/*--Dashboardboard Icons--*/

	--fa-regular-box-circle-arrow-down-bgColor: #2a2a4e;
	--fa-regular-box-circle-arrow-down-color: #918ff1;

	--fa-regular-box-clock-bgColor: #1d3137;
	--fa-regular-box-clock-color: #55b9d5;

	--fa-regular-box-circle-arrow-up-bgColor: #1b3a38;
	--fa-regular-box-circle-arrow-up-color: #35cac3;

	--fa-regular-box-circle-check-bgColor: #163b2a;
	--fa-regular-box-circle-check-color: #54ca8f;

	--fa-person-carry-box-bgColor: #283757;
	--fa-person-carry-box-color: #5790ff;

	--fa-party-horn-bgColor: #1b3a38;
	--fa-party-horn-color: #35cac3;

	--fa-people-carry-box-bgColor: #163b2a;
	--fa-people-carry-box-color: #54ca8f;

	--fa-regular-box-circle-arrow-left-bgColor: #3d3117;
	--fa-regular-box-circle-arrow-left-color: #f4c04b;

	--fa-regular-box-circle-xmark-bgColor: #492121;
	--fa-regular-box-circle-xmark-color: #ff817f;

	--statistic-card-bg-color: #373c4a;
	--statistic-card-text-color: #ffffff;

	--fa-regular-loader-circle-bolt-bgColor: #322149;
	--fa-regular-loader-circle-bolt-color: #944aff;

	--fa-regular-box-circle-plus-bgColor: #283757;
	--fa-regular-box-circle-plus-color: #5790ff;

	--fa-regular-chart-simple-clock-bgColor: #143930;
	--fa-regular-chart-simple-clock-color: #31d0ac;

	--fa-regular-person-carry-box-clock-bgColor: #3d3117;
	--fa-regular-person-carry-box-clock-color: #f4c04b;

	--fa-regular-wave-pulse-circle-bolt-bgColor: #392044;
	--fa-regular-wave-pulse-circle-bolt-color: #b65fd9;

	--fa-regular-wave-pulse-circle-arrow-left-bgColor: #492121;
	--fa-regular-wave-pulse-circle-arrow-left-color: #ff817f;

	--fa-regular-boxes-stacked-circle-check-bgColor: #163b2a;
	--fa-regular-boxes-stacked-circle-check-color: #54ca8f;

	/**-----Others-------**/

	--home-card-completed-backgroundColor: #3e5fff14;
	--home-card-completed-borderColor: #c9d0ff40;
	--datacard-background-hover-color: #23252a;

	--search-order-bg: #b0790c;
	--getSupportImageBackgroundColor: #25272b;
	--onboardingHeaderBackgroundColor: #272727;
	--onboardingInfoBackgroundColor: #272727;

	--topbar-popup-total-credit-bg: #2c2c2c;
	--topbar-popup-free-credit-bg: #2c2c2c;
	--topbar-popup-free-credit-icon: #256cf0;
	--topbar-popup-used-free-shipment-bg: #2c2c2c;
	--topbar-popup-used-free-shipment-icon: #55d492;
	--topbar-popup-cod-wallet-bg: #2c2c2c;
	--topbar-popup-cod-wallet-icon: #ab47bc;
	--code-block-bg: #101827;
	--code-block-header-bg: #1f2937;
}

@media only screen and (max-width: 767.98px) {
	html {
		font-size: 8px;
	}
}