/* @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600&display=swap"); */

:root {
	--blue-20: #238cf033;
	--dark-blue: #2370f8;
	--dark-gray: #707989;
	--gray: #8d99ae;
	--gray-10: #8d99ae1a;
	--gray-20: #8d99ae33;
	--off-white: #edf2f4;
	--prime-surface: #15181e;
	--uni-gray: #8d99ae;
	--white: #fff;
}

*,
::before,
::after {
	box-sizing: border-box;
}

html,
body {
	font-family: "Poppins", sans-serif !important;
}

.mr-nav-left {
	margin-left: 130px !important;
}

.transition-300ms {
	transition: all 300ms ease;
}

.clr-dark-gray {
	color: var(--dark-gray) !important;
}

.clr-gray {
	color: var(--gray) !important;
}

.clr-dark-blue {
	color: var(--dark-blue) !important;
}

.bg-off-white {
	background: var(--Off-White, #edf2f4);
}

.bg-gray-10 {
	background: var(--Gray-10, rgba(141, 153, 174, 0.1)) !important;
}

.bg-blue-20 {
	background: var(
		--Blue-20,
		linear-gradient(
			0deg,
			rgba(35, 140, 240, 0.2) 0%,
			rgba(35, 140, 240, 0.2) 100%
		),
		#fff
	);
}

.fw-500 {
	font-weight: 500 !important;
}

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

.fw-700 {
	font-weight: 700 !important;
}

.cursor-pointer {
	cursor: pointer;
}

.delete-btn-stroke-danger:hover {
	stroke: #dc3545;
}

/* override bs */
.form-control:disabled {
	background-color: #fcfcfc !important;
}

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

.table-responsive::-webkit-scrollbar {
	width: 5px;
}

.table-responsive::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
	background: var(--dark-gray);
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.nav_link.active .nav_svg-fill-dark-blue {
	fill: var(--dark-blue);
}

.nav_link.active .nav_svg-stroke-dark-blue {
	stroke: var(--dark-blue);
}

.currency-icon::before {
	content: "\20B9";
	padding-right: 5px;
	z-index: 1;
}
