@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'),
		url('../fonts/poppins/Poppins-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Italic.woff2') format('woff2'),
		url('../fonts/poppins/Poppins-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Medium.woff2') format('woff2'),
		url('../fonts/poppins/Poppins-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'),
		url('../fonts/poppins/Poppins-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}


@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
		url('../fonts/poppins/Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}




/* Inter */

/* Inter Light (300) */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-300-normal.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-300-normal.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-300-italic.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-300-italic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

/* Inter Regular (400) */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-400-normal.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-400-normal.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-400-italic.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-400-italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

/* Inter Medium (500) */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-500-normal.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-500-normal.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-500-italic.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-500-italic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

/* Inter SemiBold (600) */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-600-normal.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-600-normal.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-600-italic.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-600-italic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

/* Inter Bold (700) */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-700-normal.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-700-normal.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/inter-latin-700-italic.woff2') format('woff2'),
		url('../fonts/Inter/inter-latin-700-italic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}


:root {
	font-size: 14.5px;
	--Banking-font: 'Inter', sans-serif;
	--Beauty-font: 'Poppins', sans-serif;
	--white: #ffffff;
	--black: #000000;
	--primary: linear-gradient(-45deg, #3f83f8 0%, #1c64f2 100%);
	--primary-hover: linear-gradient(-45deg, #5290fc 0%, #2469f4 100%);
	--greengradient: linear-gradient(2deg, #0e9f6e 0%, #057a55 100%);
	--yellowgradient: linear-gradient(2deg, #c27803 0%, #9f580a 100%);
	--pinkgradient: linear-gradient(2deg, #e74694 0%, #d61f69 100%);
	--purplegradient: linear-gradient(2deg, #9061f9 0%, #7e3af2 100%);
	--backdrop: #0000003b;
	--gray-50: #f9fafb;
	--gray-100: #f4f5f7;
	--gray-200: #e5e7eb;
	--gray-300: #d2d6dc;
	--gray-400: #9fa6b2;
	--gray-500: #6b7280;
	--gray-600: #4b5563;
	--gray-700: #374151;
	--gray-800: #252f3f;
	--gray-900: #161e2e;
	--cool-gray-50: #fbfdfe;
	--cool-gray-100: #f1f5f9;
	--cool-gray-200: #e2e8f0;
	--cool-gray-300: #cfd8e3;
	--cool-gray-400: #97a6ba;
	--cool-gray-500: #64748b;
	--cool-gray-600: #475569;
	--cool-gray-700: #364152;
	--cool-gray-800: #27303f;
	--cool-gray-900: #1a202e;
	--red-50: #fdf2f2;
	--red-100: #fde8e8;
	--red-200: #fbd5d5;
	--red-300: #f8b4b4;
	--red-400: #f98080;
	--red-500: #f05252;
	--red-600: #e02424;
	--red-700: #c81e1e;
	--red-800: #9b1c1c;
	--red-900: #771d1d;
	--orange-50: #fff8f1;
	--orange-100: #feecdc;
	--orange-200: #fcd9bd;
	--orange-300: #fdba8c;
	--orange-400: #ff8a4c;
	--orange-500: #ff5a1f;
	--orange-600: #d03801;
	--orange-700: #b43403;
	--orange-800: #8a2c0d;
	--orange-900: #771d1d;
	--yellow-50: #fdfdea;
	--yellow-100: #fdf6b2;
	--yellow-200: #fce96a;
	--yellow-300: #faca15;
	--yellow-400: #e3a008;
	--yellow-500: #c27803;
	--yellow-600: #9f580a;
	--yellow-700: #8e4b10;
	--yellow-800: #723b13;
	--yellow-900: #633112;
	--green-50: #f3faf7;
	--green-100: #def7ec;
	--green-200: #bcf0da;
	--green-300: #84e1bc;
	--green-400: #31c48d;
	--green-500: #0e9f6e;
	--green-600: #057a55;
	--green-700: #046c4e;
	--green-800: #03543f;
	--green-900: #014737;
	--teal-50: #edfafa;
	--teal-100: #d5f5f6;
	--teal-200: #afecef;
	--teal-300: #7edce2;
	--teal-400: #16bdca;
	--teal-500: #0694a2;
	--teal-600: #047481;
	--teal-700: #036672;
	--teal-800: #05505c;
	--teal-900: #014451;
	--blue-50: #ebf5ff;
	--blue-100: #e1effe;
	--blue-200: #c3ddfd;
	--blue-300: #a4cafe;
	--blue-400: #76a9fa;
	--blue-500: #3f83f8;
	--blue-600: #1c64f2;
	--blue-700: #1a56db;
	--blue-800: #1e429f;
	--blue-900: #233876;
	--indigo-50: #f0f5ff;
	--indigo-100: #e5edff;
	--indigo-200: #cddbfe;
	--indigo-300: #b4c6fc;
	--indigo-400: #8da2fb;
	--indigo-500: #6875f5;
	--indigo-600: #5850ec;
	--indigo-700: #5145cd;
	--indigo-800: #42389d;
	--indigo-900: #362f78;
	--purple-50: #f6f5ff;
	--purple-100: #edebfe;
	--purple-200: #dcd7fe;
	--purple-300: #cabffd;
	--purple-400: #ac94fa;
	--purple-500: #9061f9;
	--purple-600: #7e3af2;
	--purple-700: #6c2bd9;
	--purple-800: #5521b5;
	--purple-900: #4a1d96;
	--pink-50: #fdf2f8;
	--pink-100: #fce8f3;
	--pink-200: #fad1e8;
	--pink-300: #f8b4d9;
	--pink-400: #f17eb8;
	--pink-500: #e74694;
	--pink-600: #d61f69;
	--pink-700: #bf125d;
	--pink-800: #99154b;
	--pink-900: #751a3d;
	--dimmed-bg: #f9f9f9;

	--b-r-2: 2px;
	--b-r-4: 4px;
	--b-r-8: 8px;
	--b-r-12: 12px;
	--b-r-16: 16px;
	--b-r-20: 20px;
	--b-r-24: 24px;
	--b-r-28: 28px;
	--b-r-32: 32px;

	--font-10: 0.625rem;
	--font-12: 0.75rem;
	--font-13: 0.813rem;
	--font-14: 0.875rem;
	--font-16: 1rem;
	--font-18: 1.125rem;
	--font-20: 1.25rem;
	--font-22: 1.375rem;
	--font-24: 1.5rem;
	--font-26: 1.625rem;
	--font-28: 1.75rem;
	--font-30: 1.875rem;
	--font-32: 2rem;

	--f-w-100: 100;
	--f-w-200: 200;
	--f-w-300: 300;
	--f-w-400: 400;
	--f-w-500: 500;
	--f-w-600: 600;
	--f-w-700: 700;
	--f-w-800: 800;
	--f-w-900: 900;
}

body.day-mode {

	--bg-primary-1: var(--purple-50);
	--bg-primary-2: var(--purple-100);
	--bg-primary-3: var(--purple-200);
	--bg-primary-4: var(--purple-300);
	--bg-primary-5: var(--purple-400);
	--bg-primary-6: var(--purple-500);
	--bg-primary-7: var(--purple-600);
	--bg-primary-8: var(--purple-700);

	--bg-secondary-1: var(--orange-50);
	--bg-secondary-2: var(--orange-100);
	--bg-secondary-3: var(--orange-200);
	--bg-secondary-4: var(--orange-300);
	--bg-secondary-5: var(--orange-400);
	--bg-secondary-6: var(--orange-500);
	--bg-secondary-7: var(--orange-600);

	--bg-tertiary-1: var(--green-50);
	--bg-tertiary-2: var(--green-100);
	--bg-tertiary-3: var(--green-200);
	--bg-tertiary-4: var(--green-300);
	--bg-tertiary-5: var(--green-400);
	--bg-tertiary-6: var(--green-500);
	--bg-tertiary-7: var(--green-600);

	--bg-white: var(--white);
	--bg-gray-1: var(--gray-50);
	--bg-gray-2: var(--gray-100);
	--bg-gray-3: var(--gray-200);
	--bg-gray-4: var(--gray-300);
	--bg-gray-5: var(--gray-400);
	--bg-gray-6: var(--gray-500);
	--bg-gray-7: var(--gray-600);
	--bg-gray-8: var(--gray-700);
	--bg-gray-9: var(--gray-800);
	--bg-gray-10: var(--gray-900);

	--bg-cool-gray-1: var(--cool-gray-50);
	--bg-cool-gray-2: var(--cool-gray-100);
	--bg-cool-gray-3: var(--cool-gray-200);
	--bg-cool-gray-4: var(--cool-gray-300);
	--bg-cool-gray-5: var(--cool-gray-400);
	--bg-cool-gray-6: var(--cool-gray-500);
	--bg-cool-gray-7: var(--cool-gray-600);
	--bg-cool-gray-8: var(--cool-gray-700);
	--bg-cool-gray-9: var(--cool-gray-800);
	--bg-cool-gray-10: var(--cool-gray-900);


	--text-primary-1: var(--purple-500);
	--text-primary-2: var(--purple-600);
	--text-primary-3: var(--purple-700);
	--text-primary-4: var(--purple-800);
	--text-primary-5: var(--purple-900);

	--text-secondary-1: var(--orange-500);
	--text-secondary-2: var(--orange-600);
	--text-secondary-3: var(--orange-700);
	--text-secondary-4: var(--orange-800);

	--text-tertiary-1: var(--green-500);
	--text-tertiary-2: var(--green-600);
	--text-tertiary-3: var(--green-700);
	--text-tertiary-4: var(--green-800);

	--text-white: var(--white);
	--text-black: var(--black);
	--text-gray-1: var(--gray-50);
	--text-gray-2: var(--gray-100);
	--text-gray-3: var(--gray-200);
	--text-gray-4: var(--gray-300);
	--text-gray-5: var(--gray-400);
	--text-gray-6: var(--gray-500);
	--text-gray-7: var(--gray-600);
	--text-gray-8: var(--gray-700);
	--text-gray-9: var(--gray-800);
	--text-gray-10: var(--gray-900);

	--border-primary-1: var(--purple-100);
	--border-primary-2: var(--purple-200);
	--border-primary-3: var(--purple-300);
	--border-primary-4: var(--purple-400);
	--border-primary-5: var(--purple-500);
	--border-primary-6: var(--purple-600);

	--border-secondary-1: var(--orange-100);
	--border-secondary-2: var(--orange-200);
	--border-secondary-3: var(--orange-300);
	--border-secondary-4: var(--orange-400);
	--border-secondary-5: var(--orange-500);
	--border-secondary-6: var(--orange-600);

	--border-tertiary-1: var(--green-100);
	--border-tertiary-2: var(--green-200);
	--border-tertiary-3: var(--green-300);
	--border-tertiary-4: var(--green-400);
	--border-tertiary-5: var(--green-500);
	--border-tertiary-6: var(--green-600);

	--border-gray-1: var(--gray-100);
	--border-gray-2: var(--gray-200);
	--border-gray-3: var(--gray-300);
	--border-gray-4: var(--gray-400);
	--border-gray-5: var(--gray-500);
	--border-gray-6: var(--gray-600);


	--bs-table-hover-bg: rgb(179 40 40 / 81%);

}


/* Background Classes */
.bg-primary-1 {
	background-color: var(--bg-primary-1) !important;
}

.bg-primary-2 {
	background-color: var(--bg-primary-2) !important;
}

.bg-primary-3 {
	background-color: var(--bg-primary-3) !important;
}

.bg-primary-4 {
	background-color: var(--bg-primary-4) !important;
}

.bg-primary-5 {
	background-color: var(--bg-primary-5) !important;
}

.bg-primary-6 {
	background-color: var(--bg-primary-6) !important;
}

.bg-primary-7 {
	background-color: var(--bg-primary-7) !important;
}

.bg-secondary-1 {
	background-color: var(--bg-secondary-1) !important;
}

.bg-secondary-2 {
	background-color: var(--bg-secondary-2) !important;
}

.bg-secondary-3 {
	background-color: var(--bg-secondary-3) !important;
}

.bg-secondary-4 {
	background-color: var(--bg-secondary-4) !important;
}

.bg-secondary-5 {
	background-color: var(--bg-secondary-5) !important;
}

.bg-secondary-6 {
	background-color: var(--bg-secondary-6) !important;
}

.bg-secondary-7 {
	background-color: var(--bg-secondary-7) !important;
}

.bg-tertiary-1 {
	background-color: var(--bg-tertiary-1) !important;
}

.bg-tertiary-2 {
	background-color: var(--bg-tertiary-2) !important;
}

.bg-tertiary-3 {
	background-color: var(--bg-tertiary-3) !important;
}

.bg-tertiary-4 {
	background-color: var(--bg-tertiary-4) !important;
}

.bg-tertiary-5 {
	background-color: var(--bg-tertiary-5) !important;
}

.bg-tertiary-6 {
	background-color: var(--bg-tertiary-6) !important;
}

.bg-tertiary-7 {
	background-color: var(--bg-tertiary-7) !important;
}

.bg-white {
	background-color: var(--bg-white) !important;
}

.dimmed-bg {
	background-color: var(--dimmed-bg) !important;
}

.bg-gray-1 {
	background-color: var(--bg-gray-1) !important;
}

.bg-gray-2 {
	background-color: var(--bg-gray-2) !important;
}

.bg-gray-3 {
	background-color: var(--bg-gray-3) !important;
}

.bg-gray-4 {
	background-color: var(--bg-gray-4) !important;
}

.bg-gray-5 {
	background-color: var(--bg-gray-5) !important;
}

.bg-gray-6 {
	background-color: var(--bg-gray-6) !important;
}

.bg-gray-7 {
	background-color: var(--bg-gray-7) !important;
}

.bg-gray-8 {
	background-color: var(--bg-gray-8) !important;
}

.bg-gray-9 {
	background-color: var(--bg-gray-9) !important;
}

.bg-gray-10 {
	background-color: var(--bg-gray-10) !important;
}


.bg-cool-gray-1 {
	background-color: var(--bg-cool-gray-1) !important;
}

.bg-cool-gray-2 {
	background-color: var(--bg-cool-gray-2) !important;
}

.bg-cool-gray-3 {
	background-color: var(--bg-cool-gray-3) !important;
}

.bg-cool-gray-4 {
	background-color: var(--bg-cool-gray-4) !important;
}

.bg-cool-gray-5 {
	background-color: var(--bg-cool-gray-5) !important;
}

.bg-cool-gray-6 {
	background-color: var(--bg-cool-gray-6) !important;
}

.bg-cool-gray-7 {
	background-color: var(--bg-cool-gray-7) !important;
}

.bg-cool-gray-8 {
	background-color: var(--bg-cool-gray-8) !important;
}

.bg-cool-gray-9 {
	background-color: var(--bg-cool-gray-9) !important;
}

.bg-cool-gray-10 {
	background-color: var(--bg-cool-gray-10) !important;
}

.bg-teal-1 {
	background-color: var(--teal-50) !important;
}



/* Text Classes */
.text-primary-1 {
	color: var(--text-primary-1) !important;
}

.text-primary-2 {
	color: var(--text-primary-2) !important;
}

.text-primary-3 {
	color: var(--text-primary-3) !important;
}

.text-primary-4 {
	color: var(--text-primary-4) !important;
}

.text-primary-5 {
	color: var(--text-primary-5) !important;
}

.text-secondary-1 {
	color: var(--text-secondary-1) !important;
}

.text-secondary-2 {
	color: var(--text-secondary-2) !important;
}

.text-secondary-3 {
	color: var(--text-secondary-3) !important;
}

.text-secondary-4 {
	color: var(--text-secondary-4) !important;
}

.text-tertiary-1 {
	color: var(--text-tertiary-1) !important;
}

.text-tertiary-2 {
	color: var(--text-tertiary-2) !important;
}

.text-tertiary-3 {
	color: var(--text-tertiary-3) !important;
}

.text-tertiary-4 {
	color: var(--text-tertiary-4) !important;
}

.text-white {
	color: var(--text-white) !important;
}

.text-black {
	color: var(--text-black) !important;
}

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

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

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

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

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

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

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

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

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

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


/* Border Classes */
.border-primary-1 {
	border-color: var(--border-primary-1) !important;
}

.border-primary-2 {
	border-color: var(--border-primary-2) !important;
}

.border-primary-3 {
	border-color: var(--border-primary-3) !important;
}

.border-primary-4 {
	border-color: var(--border-primary-4) !important;
}

.border-primary-5 {
	border-color: var(--border-primary-5) !important;
}

.border-primary-6 {
	border-color: var(--border-primary-6) !important;
}

.border-secondary-1 {
	border-color: var(--border-secondary-1) !important;
}

.border-secondary-2 {
	border-color: var(--border-secondary-2) !important;
}

.border-secondary-3 {
	border-color: var(--border-secondary-3) !important;
}

.border-secondary-4 {
	border-color: var(--border-secondary-4) !important;
}

.border-secondary-5 {
	border-color: var(--border-secondary-5) !important;
}

.border-secondary-6 {
	border-color: var(--border-secondary-6) !important;
}

.border-tertiary-1 {
	border-color: var(--border-tertiary-1) !important;
}

.border-tertiary-2 {
	border-color: var(--border-tertiary-2) !important;
}

.border-tertiary-3 {
	border-color: var(--border-tertiary-3) !important;
}

.border-tertiary-4 {
	border-color: var(--border-tertiary-4) !important;
}

.border-tertiary-5 {
	border-color: var(--border-tertiary-5) !important;
}

.border-tertiary-6 {
	border-color: var(--border-tertiary-6) !important;
}

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

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

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

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

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

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

.bordered.seperator-border-teal {
	border-bottom: 3px solid var(--teal-500) !important;
}

.bordered.seperator-border-gray {
	border-bottom: 3px solid var(--gray-500) !important;
}

.border-dashed {
	border: 1px dashed var(--gray-300);
}


/* LightColor classes */

.bg-red-50 {
	background: var(--red-50) !important;
}

.bg-yellow-50 {
	background: var(--yellow-50) !important;
}

.bg-green-50 {
	background: var(--green-50) !important;
}

.bg-pink-50 {
	background: var(--pink-50) !important;
}

.bg-purple-50 {
	background: var(--purple-50) !important;
}

.bg-orange-50 {
	background: var(--orange-50) !important;
}


.text-white {
	color: var(--gray-50) !important;
}

.text-black {
	color: var(--gray-900) !important;
}

.text-primary-1 {
	color: var(--text-primary-1) !important;
}

.text-primary-2 {
	color: var(--text-primary-2) !important;
}

.text-primary-3 {
	color: var(--text-primary-3) !important;
}

.text-primary-4 {
	color: var(--text-primary-3) !important;
}

.text-secondary-1 {
	color: var(--text-secondary-1) !important;
}

.text-secondary-2 {
	color: var(--text-secondary-2) !important;
}

.text-secondary-3 {
	color: var(--text-secondary-3) !important;
}

.text-red {
	color: var(--red-500) !important;
}

.text-orange {
	color: var(--orange-500) !important;
}

.text-green {
	color: var(--green-500) !important;
}

.text-pink {
	color: var(--pink-600) !important;
}

.text-blue {
	color: var(--blue-600) !important;
}

.text-yellow-600 {
	color: var(--yellow-600) !important;
}

.text-yellow-400 {
	color: var(--yellow-400) !important;
}

.text-yellow-500 {
	color: var(--yellow-500) !important;
}

.yellow-ribbon {
	background: var(--yellow-100);
	display: flex;
	justify-content: space-between;
	padding: 12px;
}


.bordered {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--border-gray-2) !important;
}

.border-top {
	border-top-width: 1px !important;
	border-top-style: solid !important;
	border-top-color: var(--border-gray-2) !important;
}

.border-right {
	border-right-width: 1px !important;
	border-right-style: solid !important;
	border-right-color: var(--border-gray-2) !important;
}

.border-bottom {
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-bottom-color: var(--border-gray-2) !important;
}

.border-left {
	border-left-width: 1px !important;
	border-left-style: solid !important;
	border-left-color: var(--border-gray-2) !important;
}

.border-top-0 {
	border-top: none !important;
}

.border-right-0 {
	border-right: none !important;
}

.border-bottom-0 {
	border-bottom: none !important;
}

.border-left-0 {
	border-left: none !important;
}



/* Font Size */

.font-10 {
	font-size: var(--font-10) !important;
}

.font-12 {
	font-size: var(--font-12) !important;
}

.font-13 {
	font-size: var(--font-13) !important;
}

.font-14 {
	font-size: var(--font-14) !important;
}

.font-16 {
	font-size: var(--font-16) !important;
}

.font-18 {
	font-size: var(--font-18) !important;
}

.font-20 {
	font-size: var(--font-20) !important;
}

.font-22 {
	font-size: var(--font-22) !important;
}

.font-24 {
	font-size: var(--font-24) !important;
}

.font-26 {
	font-size: var(--font-26) !important;
}

.font-28 {
	font-size: var(--font-28) !important;
}

.font-30 {
	font-size: var(--font-30) !important;
}

.font-32 {
	font-size: var(--font-32) !important;
}

.heading {
	font-size: var(--font-14);
	font-weight: var(--f-w-600);
	color: var(--text-gray-10);
}

.heading-md {
	font-size: var(--font-14);
	font-weight: var(--f-w-500);
	color: var(--text-gray-10);
}



.f-w-400 {
	font-weight: var(--f-w-400) !important;
	/*  Regular weight */
}

.f-w-500 {
	font-weight: var(--f-w-500) !important;
	/*  Medium weight */
}

.f-w-600 {
	font-weight: var(--f-w-600) !important;
	/*  Semibold weight */
}

.f-w-700 {
	font-weight: var(--f-w-700) !important;
	/*  Semibold weight */
}


.gap-4 {
	gap: 4px;
}

.gap-8 {
	gap: 8px;
}

.gap-12 {
	gap: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-20 {
	gap: 20px;
}

.gap-24 {
	gap: 24px;
}

.gap-28 {
	gap: 28px;
}

.gap-32 {
	gap: 32px;
}



.p-0 {
	padding: 0px !important;
}

.p-4 {
	padding: 4px !important;
}

.p-8 {
	padding: 8px !important;
}

.p-12 {
	padding: 12px !important;
}

.p-16 {
	padding: 16px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-24 {
	padding: 24px !important;
}

.p-28 {
	padding: 28px !important;
}

.p-32 {
	padding: 32px !important;
}



.p-x-4 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.p-x-8 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.p-x-12 {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.p-x-16 {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.p-x-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.p-x-24 {
	padding-left: 24px !important;
	padding-right: 24px !important;
}

.p-x-28 {
	padding-left: 28px !important;
	padding-right: 28px !important;
}

.p-x-32 {
	padding-left: 32px !important;
	padding-right: 32px !important;
}


.p-y-4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.p-y-8 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.p-y-12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.p-y-16 {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.p-y-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.p-y-24 {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

.p-y-28 {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

.p-y-32 {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}

.p-y-36 {
	padding-top: 36px !important;
	padding-bottom: 36px !important;
}

.p-y-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.p-y-44 {
	padding-top: 44px !important;
	padding-bottom: 44px !important;
}


/* Padding Top */
.p-t-0 {
	padding-top: 0px !important;
}

.p-t-4 {
	padding-top: 4px !important;
}

.p-t-8 {
	padding-top: 8px !important;
}

.p-t-12 {
	padding-top: 12px !important;
}

.p-t-16 {
	padding-top: 16px !important;
}

.p-t-20 {
	padding-top: 20px !important;
}

.p-t-24 {
	padding-top: 24px !important;
}

.p-t-28 {
	padding-top: 28px !important;
}

.p-t-32 {
	padding-top: 32px !important;
}

.p-t-124 {
	padding-top: 124px !important;
}

/* Padding Right */
.p-r-0 {
	padding-right: 0px !important;
}

.p-r-4 {
	padding-right: 4px !important;
}

.p-r-8 {
	padding-right: 8px !important;
}

.p-r-12 {
	padding-right: 12px !important;
}

.p-r-16 {
	padding-right: 16px !important;
}

.p-r-20 {
	padding-right: 20px !important;
}

.p-r-24 {
	padding-right: 24px !important;
}

.p-r-28 {
	padding-right: 28px !important;
}

.p-r-32 {
	padding-right: 32px !important;
}

.p-r-100 {
	padding-right: 100px !important;
}

.p-r-124 {
	padding-right: 124px !important;
}

/* Padding Bottom */
.p-b-0 {
	padding-bottom: 0px !important;
}

.p-b-4 {
	padding-bottom: 4px !important;
}

.p-b-8 {
	padding-bottom: 8px !important;
}

.p-b-12 {
	padding-bottom: 12px !important;
}

.p-b-16 {
	padding-bottom: 16px !important;
}

.p-b-20 {
	padding-bottom: 20px !important;
}

.p-b-24 {
	padding-bottom: 24px !important;
}

.p-b-28 {
	padding-bottom: 28px !important;
}

.p-b-32 {
	padding-bottom: 32px !important;
}

.p-b-100 {
	padding-bottom: 100px !important;
}

.p-b-124 {
	padding-bottom: 124px !important;
}

/* Padding Left */
.p-l-0 {
	padding-left: 0px !important;
}

.p-l-4 {
	padding-left: 4px !important;
}

.p-l-8 {
	padding-left: 8px !important;
}

.p-l-12 {
	padding-left: 12px !important;
}

.p-l-16 {
	padding-left: 16px !important;
}

.p-l-20 {
	padding-left: 20px !important;
}

.p-l-24 {
	padding-left: 24px !important;
}

.p-l-28 {
	padding-left: 28px !important;
}

.p-l-32 {
	padding-left: 32px !important;
}

.p-l-124 {
	padding-left: 124px !important;
}


/* Margin Top */
.m-t-0 {
	margin-top: 0px !important;
}

.m-t-2 {
	margin-top: 2px !important;
}

.m-t-4 {
	margin-top: 4px !important;
}

.m-t-8 {
	margin-top: 8px !important;
}

.m-t-12 {
	margin-top: 12px !important;
}

.m-t-16 {
	margin-top: 16px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-24 {
	margin-top: 24px !important;
}

.m-t-28 {
	margin-top: 28px !important;
}

.m-t-32 {
	margin-top: 32px !important;
}

.m-t-36 {
	margin-top: 36px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-t-44 {
	margin-top: 44px !important;
}

.m-t-48 {
	margin-top: 48px !important;
}

.m-t-100 {
	margin-top: 100px !important;
}


/* Margin Right */

.m-r-auto {
	margin-right: auto !important;
}

.m-r-0 {
	margin-right: 0px !important;
}

.m-r-4 {
	margin-right: 4px !important;
}

.m-r-6 {
	margin-right: 6px !important;
}

.m-r-8 {
	margin-right: 8px !important;
}

.m-r-12 {
	margin-right: 12px !important;
}

.m-r-16 {
	margin-right: 16px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-r-24 {
	margin-right: 24px !important;
}

.m-r-28 {
	margin-right: 28px !important;
}

.m-r-32 {
	margin-right: 32px !important;
}

.m-r-36 {
	margin-right: 36px !important;
}

.m-r-40 {
	margin-right: 40px !important;
}

.m-r-44 {
	margin-right: 44px !important;
}

.m-r-48 {
	margin-right: 48px !important;
}

.m-r-68 {
	margin-right: 68px !important;
}

/* Margin Bottom */
.m-b-0 {
	margin-bottom: 0px !important;
}

.m-b-2 {
	margin-bottom: 2px !important;
}

.m-b-4 {
	margin-bottom: 4px !important;
}

.m-b-8 {
	margin-bottom: 8px !important;
}

.m-b-12 {
	margin-bottom: 12px !important;
}

.m-b-16 {
	margin-bottom: 16px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-24 {
	margin-bottom: 24px !important;
}

.m-b-28 {
	margin-bottom: 28px !important;
}

.m-b-32 {
	margin-bottom: 32px !important;
}

.m-b-100 {
	margin-bottom: 100px !important;
}

/* Margin Left */

.m-l-auto {
	margin-left: auto !important;
}

.m-l-0 {
	margin-left: 0px !important;
}

.m-l-2 {
	margin-left: 2px !important;
}

.m-l-4 {
	margin-left: 4px !important;
}

.m-l-6 {
	margin-left: 6px !important;
}

.m-l-8 {
	margin-left: 8px !important;
}

.m-l-12 {
	margin-left: 12px !important;
}

.m-l-16 {
	margin-left: 16px !important;
}

.m-l-20 {
	margin-left: 20px !important;
}

.m-l-24 {
	margin-left: 24px !important;
}

.m-l-28 {
	margin-left: 28px !important;
}

.m-l-32 {
	margin-left: 32px !important;
}

.m-l-36 {
	margin-left: 36px !important;
}

.m-l-40 {
	margin-left: 40px !important;
}

.m-l-44 {
	margin-left: 44px !important;
}

.m-l-48 {
	margin-left: 48px !important;
}



.m-0 {
	margin: 0px !important;
}

.m-4 {
	margin: 4px !important;
}

.m-8 {
	margin: 8px !important;
}

.m-12 {
	margin: 12px !important;
}

.m-16 {
	margin: 16px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-24 {
	margin: 24px !important;
}

.m-28 {
	margin: 28px !important;
}

.m-32 {
	margin: 32px !important;
}

.m-x-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.m-x-4 {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.m-x-8 {
	margin-left: 8px !important;
	margin-right: 8px !important;
}

.m-x-12 {
	margin-left: 12px !important;
	margin-right: 12px !important;
}

.m-x-16 {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.m-x-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.m-x-24 {
	margin-left: 24px !important;
	margin-right: 24px !important;
}

.m-x-28 {
	margin-left: 28px !important;
	margin-right: 28px !important;
}

.m-x-32 {
	margin-left: 32px !important;
	margin-right: 32px !important;
}

.m-y-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.m-y-4 {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.m-y-8 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.m-y-12 {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}

.m-y-16 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.m-y-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.m-y-24 {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.m-y-28 {
	margin-top: 28px !important;
	margin-bottom: 28px !important;
}

.m-y-32 {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.m-y-36 {
	margin-top: 36px !important;
	margin-bottom: 36px !important;
}

.m-y-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.m-y-44 {
	margin-top: 44px !important;
	margin-bottom: 44px !important;
}


.b-r-0 {
	border-radius: 0px !important;
}

.b-r-4 {
	border-radius: 4px;
}

.b-r-8 {
	border-radius: 8px;
}

.b-r-12 {
	border-radius: 12px;
}

.b-r-16 {
	border-radius: 16px;
}

.b-r-20 {
	border-radius: 20px;
}

.b-r-24 {
	border-radius: 24px;
}

.b-r-28 {
	border-radius: 28px;
}

.b-r-32 {
	border-radius: 32px;
}

.b-right-r-24 {
	border-top-right-radius: 24px !important;
	border-bottom-right-radius: 24px !important;
}

.b-left-r-24 {
	border-top-left-radius: 24px !important;
	border-bottom-left-radius: 24px !important;
}

.w-100px {
	width: 100px;
}

.w-120px {
	width: 120px;
}

.w-140px {
	width: 140px;
}

.w-180px {
	width: 180px;
}

.w-160px {
	width: 160px;
}

.w-200px {
	width: 200px;
}

.w-220px {
	width: 220px;
}

.w-240px {
	width: 240px;
}

.w-260px {
	width: 260px;
}

.w-280px {
	width: 280px;
}

.w-380px {
	width: 380px;
}

.w-480px {
	width: 480px;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.w-95 {
	width: 95%;
}

.w-100 {
	width: 100%;
}

.h-4px {
	height: 4px;
}

.h-6px {
	height: 6px;
}

.h-8px {
	height: 8px;
}

.h-34px {
	height: 34px;
}

.h-10 {
	height: 10%;
}

.h-15 {
	height: 15%;
}

.h-20 {
	height: 20%;
}

.h-25 {
	height: 25%;
}

.h-30 {
	height: 30%;
}

.h-35 {
	height: 35%;
}

.h-40 {
	height: 40%;
}

.h-45 {
	height: 45%;
}

.h-50 {
	height: 50%;
}

.h-55 {
	height: 55%;
}

.h-60 {
	height: 60%;
}

.h-65 {
	height: 65%;
}

.h-70 {
	height: 70%;
}

.h-75 {
	height: 75%;
}

.h-80 {
	height: 80%;
}

.h-85 {
	height: 85%;
}

.h-90 {
	height: 90%;
}

.h-95 {
	height: 95%;
}

.h-100 {
	height: 100%;
}

.break-text {
	overflow-wrap: anywhere !important;
}

.min-w-0 {
	min-width: 0;
}

.min-w-200 {
	min-width: 200px;
}

.border {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--border-gray-2) !important;
}

.border-top {
	border-top-width: 1px !important;
	border-top-style: solid !important;
	border-top-color: var(--border-gray-2) !important;
}

.border-right {
	border-right-width: 1px !important;
	border-right-style: solid !important;
	border-right-color: var(--border-gray-2) !important;
}

.border-bottom {
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-bottom-color: var(--border-gray-2) !important;
}

.border-left {
	border-left-width: 1px !important;
	border-left-style: solid !important;
	border-left-color: var(--border-gray-2) !important;
}

.min-btn,
.min-btn:active,
.min-btn:focus-visible {
	min-width: 112px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.btn {
	border-radius: var(--b-r-4);
	padding: 7px 13px;
	cursor: pointer;
	white-space: nowrap;
	display: flex;
	font-size: var(--font-14);
	align-items: center;
	box-shadow: rgb(215 215 215 / 57%) 4px 10px 5px -9px !important;
	outline: none;
	border: hidden;
}

.btn.btn-transparent {
	box-shadow: none !important;
}

.btn-outlined {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

.btn:focus-visible,
.btn-close:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 144, 237, 0.4) !important;

}

a:focus-visible {
	border-color: var(--green-500);
	outline: 0;
	box-shadow: 0 0 0 0.15rem rgba(5, 122, 85, 0.6);
}

.form-check {
	min-height: inherit;
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.form-check-input:focus {
	box-shadow: none !important;
	border-color: var(--border-gray-5);
}

.form-check-input[type=radio] {
	margin-right: 4px;
}

.btn:active {
	box-shadow: none !important;
	outline: none;
	border: hidden;
}

table .btn-xsm {
	margin: 6px 0;
}

.btn-xsm {
	padding: 6px 8px !important;
	height: 24px !important;
	justify-content: center;
	font-size: var(--font-12);
	font-weight: 500;

}

.btn-xsm i {
	font-size: 10px !important;
}

.btn-xsm.purple,
.btn-outlined.purple {
	background-color: var(--purple-50);
	border: 1px solid var(--purple-300) !important;
	color: var(--purple-700);
}

.btn-xsm.green,
.btn-outlined.green {
	background-color: var(--green-50);
	border: 1px solid var(--green-300) !important;
	color: var(--green-700);
}

.btn-xsm.blue,
.btn-outlined.blue {
	background-color: var(--blue-50);
	border: 1px solid var(--blue-300) !important;
	color: var(--blue-700);
}

.btn-xsm.yellow,
.btn-outlined.yellow {
	background-color: var(--yellow-50);
	border: 1px solid var(--yellow-300) !important;
	color: var(--yellow-700);
}

.btn-xsm.red,
.btn-outlined.red {
	background-color: var(--red-50);
	border: 1px solid var(--red-300) !important;
	color: var(--red-700);
}

.btn-xsm.purple:hover,
.btn-outlined.purple:hover {
	background-color: var(--purple-100);
	color: var(--purple-700);
	border: 1px solid var(--purple-300);
}

.btn-xsm.green:hover,
.btn-outlined.green:hover {
	background-color: var(--green-100);
	color: var(--green-700);
	border: 1px solid var(--green-300);
}

.btn-xsm.blue:hover,
.btn-outlined.blue:hover {
	background-color: var(--blue-100);
	color: var(--blue-700);
	border: 1px solid var(--blue-300);
}

.btn-xsm.yellow:hover,
.btn-outlined.yellow:hover {
	background-color: var(--yellow-100);
	color: var(--yellow-700);
	border: 1px solid var(--yellow-300) !important;
}

.btn-xsm.red:hover,
.btn-outlined.red:hover {
	background-color: var(--red-100);
	color: var(--red-700);
	border: 1px solid var(--red-300) !important;
}


.btn-sm {
	border-radius: var(--b-r-4);
	padding: 6px 16px !important;
	cursor: pointer !important;
	height: 31px !important;
}

.table .btn-sm.fetch-btn {
	height: 34px !important;
	border-radius: 0px !important;
}

.btn.disabled {
	filter: grayscale(100%);
	box-shadow: none !important;
}

.btn-transparent {
	background: transparent;
	border-color: transparent;
}

.btn-transparent:hover:not(.btn-transparent.no-hover) {
	background: var(--bg-gray-1);
}

.btn-gray {
	color: var(--text-black) !important;
	background: var(--bg-gray-2);
	border-color: transparent;
}

.btn-gray:hover {
	background: var(--bg-gray-3);
}

.btn-white {
	color: var(--text-black) !important;
	background: var(--bg-white);
	border: 1px solid var(--border-gray-2);
}

.btn-white:hover {
	background: var(--bg-gray-2);
	border: 1px solid var(--border-gray-2);
}

.btn-gray-1 {
	color: var(--text-black) !important;
	background: var(--bg-gray-3);
	border-color: transparent;
}

.btn-gray-1:hover {
	background: var(--bg-gray-4);
}

.btn-primary-link {
	background: transparent;
	border-color: transparent;
	color: var(--text-primary-3);
	font-weight: 500;
}

.btn-primary-link:hover,
.btn-primary-link:active {
	background: var(--bg-primary-1) !important;
	border-color: transparent !important;
	color: var(--text-primary-3) !important;
}

.btn-tertiary-link {
	background: transparent;
	border-color: transparent;
	color: var(--text-tertiary-1);
	font-weight: 500;
}

.btn-tertiary-link:hover,
.btn-tertiary-link:active {
	background: var(--bg-tertiary-1) !important;
	border-color: transparent !important;
	color: var(--text-tertiary-1) !important;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus-visible {
	color: var(--white) !important;
	background: var(--bg-primary-7);
	border-color: transparent;
	box-shadow: rgb(95 37 192 / 57%) 4px 10px 5px -9px !important;
}

.search-container .btn-primary,
.search-container .btn-primary:active,
.search-container .btn-primary:focus-visible {
	box-shadow: none !important;
}

.btn-primary:hover {
	background: var(--bg-primary-8);
}

.btn-primary-outline {
	color: var(--text-primary-3) !important;
	background-color: var(--bg-white);
	border-color: var(--border-primary-5);
	font-weight: 500;
}

.btn-blue-tonal {
	color: var(--blue-600);
	background: var(--blue-100) !important;
	font-weight: 500;
	border-radius: 4px;
}

.btn-blue-tonal:hover,
.btn-blue-tonal:active {
	background: var(--blue-200) !important;
	border-color: transparent !important;
	color: var(--blue-700);
}

.btn-red-tonal {
	color: var(--red-600);
	background: var(--red-100) !important;
	font-weight: 500;
	border-radius: 4px;
	margin-left: 4px;
	margin-bottom: 12px;
}

.btn-red-tonal:hover,
.btn-red-tonal:active {
	background: var(--red-200) !important;
	border-color: transparent !important;
	color: var(--red-700);
}

.btn-primary-tonal {
	color: var(--text-primary-3) !important;
	background-color: var(--bg-primary-2);
	border-color: transparent;
	font-weight: 500;
}

.btn-primary-tonal:hover {
	background-color: var(--bg-primary-3);
}

.bg-gray-2 .btn-primary-tonal {
	color: var(--text-primary-3) !important;
	background-color: var(--bg-primary-3);
	border-color: transparent;
	font-weight: 500;
}

.bg-gray-2 .btn-primary-tonal:hover {
	background-color: var(--bg-primary-4);
	color: var(--text-primary-5) !important;
}

.btn-secondary {
	color: var(--white) !important;
	background: var(--bg-secondary-6) !important;
	border-color: transparent;
}

.btn-secondary:hover {
	background: var(--bg-secondary-7) !important;
}

.btn-secondary-outline {
	color: var(--text-secondary-2) !important;
	background-color: var(--bg-white);
	border-color: var(--border-secondary-7);
	font-weight: 500;
}


.btn-tertiary {
	color: var(--white);
	background: var(--green-500) !important;
	font-weight: 500;
	border-radius: 4px;
	box-shadow: rgb(41 192 37 / 57%) 4px 10px 5px -9px !important;
}


.btn-tertiary:hover,
.btn-tertiary:active {
	background: var(--green-600) !important;
	border-color: transparent;
	color: var(--white);
}

.btn-tertiary-outline {
	color: var(--text-tertiary-2) !important;
	background-color: var(--bg-white);
	border-color: var(--border-tertiary-5);
	font-weight: 500;
}

.chip-white {
	border-radius: var(--b-r-24);
	border: 1px solid var(--gray-200);
	background: var(--white);
}

.chip {
	border-radius: var(--b-r-4);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	height: 24px;
	width: max-content;
	font-weight: 500;
	font-size: var(--font-12);

}

.chip.good,
.chip.blue {
	background: var(--blue-100);
	color: var(--blue-600);
}

.chip.excellent,
.chip.green {
	background: var(--green-100);
	color: var(--green-600);
}

.chip.poor,
.chip.red {
	background: var(--red-100);
	color: var(--red-600);
}

.chip.yellow {
	background: var(--yellow-100);
	color: var(--yellow-600);
}

.chip.gray {
	background: var(--gray-100);
	color: var(--gray-600);
}


.chip-purple {
	border-radius: var(--b-r-24);
	border: 1px solid var(--purple-400);
	background: var(--purple-50);
}

.chip-pink {
	border-radius: var(--b-r-24);
	border: 1px solid var(--pink-400);
	background: var(--pink-50);
}

.chip-green {
	border-radius: var(--b-r-24);
	border: 1px solid var(--green-400);
	background: var(--green-50);
}

.chip-yellow {
	border-radius: var(--b-r-24);
	border: 1px solid var(--yellow-400);
	background: var(--yellow-50);
}

.chip-transparent {
	border-radius: var(--b-r-8);
	border: 1px solid transparent;
	background: transparent;
}

.chip-red {
	border-radius: var(--b-r-8);
	border: 1px solid var(--red-300);
	background: var(--red-50);
	color: red;
}

.chip-red:hover,
.chip-red:hover:active {
	border: 1px solid var(--red-400);
	background: var(--red-100);
	color: red;
}



/* Start */


html {
	font-size: 14px;
	cursor: default;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	font-family: var(--Banking-font) !important;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}

body {
	background: var(--bg-cool-gray-10) !important;
	scrollbar-gutter: stable !important;
	color: var(--text-gray-10) !important;
}

input,
textarea {
	user-select: text;
}

input.datepicker {

	cursor: default;
}

textarea.table-input {
	resize: none;
	min-height: 0 !important;
	overflow-y: hidden;
	vertical-align: top;
	padding-top: 9px;
	padding-bottom: 9px;

}


.fab {
	font-family: "Font Awesome 5 Brands" !important;
}

.fal,
.far {
	font-family: "Font Awesome 5 Pro" !important;
}

.fa,
.fas {
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 900
}


h1,
h2,
h3,
h4,
h5,
h6,
p {
	color: var(--text-gray-10) !important;
	margin: 0 !important;
	font-size: var(--font-14);
	position: relative;
}

p {
	font-size: var(--font-14);
}

a {
	text-decoration: none !important;
	color: var(--text-gray-10);
}

.form-control {
	font-size: var(--font-14);
	border-radius: var(--b-r-2);
}


textarea.form-control {
	font-size: var(--font-14);
	border-radius: var(--b-r-2);
	padding: 8px;
	max-height: none;
}

input::placeholder,
textarea::placeholder {
	color: var(--text-gray-5) !important;
	opacity: 1;
}

::-webkit-scrollbar {
	width: 6px !important;
	height: 6px !important;
}

::-webkit-scrollbar:hover {
	width: 8px !important;
	height: 8px !important;
}

::-webkit-scrollbar-track {
	background-color: transparent !important;
}

::-webkit-scrollbar-thumb {
	background-color: var(--bg-gray-5) !important;
	opacity: 0.5;
	border-radius: 10px !important;
	border: transparent !important;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--bg-gray-6) !important;
}



.icon-btn-secondary {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-4);
	flex-shrink: 0;
	background: var(--bg-secondary-7);
	cursor: pointer;
}

.icon-btn-secondary:hover {
	background: var(--bg-secondary-6);
}

.icon-btn-secondary i {
	color: var(--text-white);
	font-size: var(--font-14);
}


.icon-btn-1 {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	background: transparent;
	cursor: pointer;
}

.icon-btn-1:hover,
table.no-hover .icon-btn-1:hover {
	background: var(--bg-gray-2);
	cursor: pointer;
}

table .icon-btn-1:hover {
	background: var(--bg-white);
	cursor: pointer;
}

.icon-btn-1.active {
	background: var(--bg-primary-2);
	border: 1px solid var(--border-primary-4);
}

.icon-btn-1 i {
	color: var(--text-gray-6);
}

.icon-btn-1.active i {
	color: var(--text-primary-2);
}

.icon-btn-2 {
	width: 30px;
	height: 30px !important;
	display: flex;
	margin: 4px 0;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	background: transparent;
	cursor: pointer;
}

.close-btn {
	width: 40px;
	height: 40px !important;
	border-radius: var(--b-r-4);
	display: flex;
	margin: 4px 0;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: transparent;
	cursor: pointer;
}

.close-btn:hover {
	background: var(--red-600);
	cursor: pointer;
	color: white !important;
}

.icon-btn-2:hover {
	background: var(--bg-gray-2);
	cursor: pointer;
}

table .icon-btn-2:hover {
	background: var(--bg-white);
	cursor: pointer;
}

.icon-btn-1-sm {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	background: transparent;
	cursor: pointer;
}

.icon-btn-1-sm-no-hover {
	position: absolute;
	left: 12px;
	top: 48%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-14);
}

.icon-btn-1-sm:hover {
	background: var(--bg-gray-2);
	cursor: pointer;
}

table .icon-btn-1-sm:hover {
	background: var(--bg-white);
	cursor: pointer;
}

.icon-btn-1-sm.active {
	background: var(--bg-primary-2);
	border: 1px solid var(--border-primary-4);
}

.icon-btn-1-sm i {
	color: var(--text-gray-6);
}

.icon-btn-1-sm.active i {
	color: var(--text-primary-2);
}

.icon-btn-2 {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	background: transparent;
	cursor: pointer;
}

.icon-btn-2:hover {
	background: var(--bg-gray-8);
	cursor: pointer;
}

.icon-btn-2 i {
	color: var(--text-gray-5);
}

.icon-btn-2.active i {
	color: var(--text-primary-2);
}

.icon-holder {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-4);
	flex-shrink: 0;
}

.icon-holder-sm {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-4);
	flex-shrink: 0;
}

.icon-holder-xsm {
	width: 24px;
	height: 24px;
	display: flex;
	font-size: var(--font-12);
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
}

.rounded {
	border-radius: 4px !important;
}

.rounded-8 {
	border-radius: 8px !important;
}

.rounded-12 {
	border-radius: 12px !important;
}

.rounded-24 {
	border-radius: 24px !important;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor: default;
}

/* Hide the default arrow */
select.form-select {
	appearance: none;
	/* For modern browsers */
	-webkit-appearance: none;
	/* For Safari */
	-moz-appearance: none;
	/* For Firefox */
	background-size: 16px !important;
	border-radius: var(--b-r-2) !important;
	background-color: var(--bg-white) !important;
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="gray" d="M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6z"/%3E%3C/svg%3E') no-repeat right 10px center;
}




.form-select,
.form-control {
	font-size: var(--font-14);
	font-weight: var(--f-w-400);
	color: var(--text-gray-10);
	min-height: 30px;
	border-color: var(--border-gray-3);
}


table input:not(.form-check-input),
table select,
table select.form-select {
	border-color: var(--border-gray-2) !important;
}

.form-control:focus {
	border-color: var(--border-primary-5) !important;
	background: var(--bg-white);
	color: var(--text-gray-10)
}

.form-select:focus,
.form-control:focus {
	border-color: var(--border-primary-5);
	outline: 0;
	box-shadow: none;
}

.form-control[readonly] {
	cursor: not-allowed;
}

.form-control[readonly]:focus {
	border-color: var(--border-gray-3) !important;
	/* prevent focus border */
	color: var(--text-gray-10);
	outline: none;
	/* remove focus outline */
}

/* changed 29-10-24 */
/* 
.form-container select,
input:not(.form-check-input) {
    min-height: 34px;
} */

.form-check-input {
	cursor: pointer;
	width: 1.2em;
	height: 1.2em;
	border-color: var(--border-gray-5);
	margin-top: 0;
}


/* .form-check-input:checked {     
    background-color: var(--bg-primary-6);
    border-color: var(--border-primary-5);
} */

table input:not(.form-check-input),
table select {
	min-height: 34px !important;
	background-color: white;
}


.sub-header-1 {
	height: 56px;
	background: var(--bg-white);
	border-bottom: 1px solid var(--border-gray-2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	box-shadow: rgba(33, 35, 38, 0.09) 0px 10px 10px -10px;
	margin-bottom: 3px;
	transition: all 0.2s ease;
}

.sub-header-2 {
	background: var(--bg-white);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	/* box-shadow: rgba(33, 35, 38, 0.09) 0px 10px 10px -10px; */
	/* margin-bottom: 6px; */
	transition: all 0.2s ease;
}

.primary-tab {
	min-width: 150px;
	border-radius: var(--b-r-24);
	color: var(--text-gray-10);
	margin-right: 8px;
	padding: 8px 16px;
	background: var(--bg-gray-2) !important;
	margin-bottom: 12px;
	cursor: pointer;
}

.primary-tab:hover {
	background: var(--bg-gray-3) !important;
}

.primary-tab.active {
	background: var(--bg-tertiary-7) !important;
	color: var(--text-gray-1);
}

.search-container,
.search-container-nobtn {
	position: relative;
	display: flex;
	align-items: center;
}

.search-container .choices {
	height: 38.5px !important;
	min-width: 150px !important;
}

.search-container .choices .choices__inner {
	height: 100%;
	display: flex;
	align-items: center;
}

.search-input,
.search-input-single {
	padding: 9px 72px 9px 16px;
	background-color: var(--bg-cool-gray-1);
	border-radius: var(--b-r-24);
	max-height: unset;
}

.search-input-single {
	padding: 9px 72px 9px 144px;
}

.search-input-1 {
	padding: 9px 9px 9px 144px;
	background-color: var(--bg-cool-gray-1);
	border-radius: 24px 0 0 24px;
	max-height: unset;
}

.search-input-2 {
	padding: 9px 72px 9px 16px;
	background-color: var(--bg-cool-gray-1);
	border-radius: 0 24px 24px 0;
	max-height: unset;
}

.search-input-3 {
	padding: 9px 72px 9px 38px;
	background-color: var(--bg-cool-gray-1);
	border-radius: 24px;
	max-height: unset;
}

.nav-search-input {
	padding: 9px 72px 9px 38px;
	background-color: var(--bg-cool-gray-1);
	max-height: unset;
}




.search-container.dark .search-input {
	padding: 9px 72px 9px 16px;
	background-color: var(--cool-gray-700);
	border-radius: var(--b-r-24);
	max-height: unset;
	color: white;
}

.search-container.dark .search-input-single {
	padding: 9px 72px 9px 144px;
	background-color: var(--cool-gray-700);
}

.search-container.dark .search-input-1 {
	padding: 9px 9px 9px 144px;
	background-color: var(--cool-gray-700);
	border-radius: 24px 0 0 24px;
	max-height: unset;
	color: white;
}

.search-container.dark .search-input-2 {
	padding: 9px 72px 9px 16px;
	background-color: var(--cool-gray-700);
	border-radius: 0 24px 24px 0;
	max-height: unset;
	color: white;
}

.search-container.dark .search-input-3 {
	padding: 9px 72px 9px 38px;
	background-color: var(--cool-gray-700);
	border-radius: 24px;
	max-height: unset;
	color: white;
}

.search-container.dark .nav-search-input {
	padding: 9px 72px 9px 38px;
	background-color: var(--cool-gray-700);
	border-radius: 4px;
	max-height: unset;
	color: white;
}


.search-container-nobtn .search-input {
	padding: 9px 36px 9px 42px;
	background-color: var(--bg-cool-gray-1);
	border-radius: var(--b-r-24);
	max-height: unset;
}


.search-container .clear-icon {
	position: absolute;
	right: 40px;
}

.search-container .clear-icon.no-btn,
.search-container .clear-icon-search.no-btn {
	position: absolute;
	right: 4px;
}

.search-container-nobtn .clear-icon {
	position: absolute;
	right: 8px;
}

.icon-input {
	padding: 5.5px 36px 4.7px 0.75rem;
	min-height: 30px;
	position: relative;
}

.icon-input-in-table {
	padding: 6px 36px 6px 16px !important;
	position: relative;
}

.filter-item .icon-input {
	padding: 6px 36px 6px 10px;
	position: relative;
	border-radius: 8px !important;
	max-width: 150px;
	background-color: var(--bg-gray-2) !important;
	font-size: var(--font-14);
}

.filter-item .placeholder-label {
	position: absolute;
	right: 34px;
	top: 50%;
	transform: translateY(-50%);
	font-size: small;
	font-style: italic;
	color: var(--text-gray-5);
}

.search-input:focus {
	border: 1px solid var(--border-primary-5) !important;
	box-shadow: none;
}


.search-icon,
.input-icon,
.input-btn {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-14);
	z-index: 5;

}

.search-container-nobtn .search-icon {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-14);
	z-index: 5;
	color: var(--gray-500);
}

.icon-sm {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	background: transparent;
}

.input-btn-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-14);
	height: 37px;
	right: 0.5px;
	border-radius: 0px 24px 24px 0px;

}

select.select-in-search {
	position: absolute;
	width: 134px;
	top: 49.53%;
	transform: translateY(-50%);
	border-radius: 24px 0 0 24px !important;
	background-color: var(--bg-cool-gray-2) !important;
	height: 38px;
}

.search-container.dark .select-in-search {
	background-color: var(--cool-gray-600) !important;
	border-color: var(--cool-gray-500);
	color: white;
	height: 36px;
	top: 50%;
}

.search-container.dark .form-control:focus {
	border-color: var(--green-500) !important;
	border-width: 1.5px;
}

.search-container.dark .form-control {
	border-color: transparent !important;
	color: white;
}


.filter-item select.form-select {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="current" d="M7 10l5 5 5-5H7z"/%3E%3C/svg%3E') no-repeat right 10px center;
	border-radius: 8px !important;
	background-color: var(--bg-gray-2) !important;
	padding: 6px 32px 6px 12px;
}

.filter-item .choices .choices__inner {
	border-radius: 8px !important;
	background-color: var(--bg-gray-2) !important;
	/* border: none; */
}

.filter-item .choices .choices__inner .choices__list--single {
	padding-top: 7px;
	padding-bottom: 7px;
}

.filter-item .choices .choices__list--dropdown,
.filter-item .choices .choices__list[aria-expanded] {
	border-radius: 8px !important;
}

.filter-item .choices[data-type*=select-one]::after {
	--svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="current" d="M7 10l5 5 5-5H7z"/%3E%3C/svg%3E') no-repeat right 10px center !important;
	width: unset;
	height: unset;
	background-color: transparent;
	margin-top: -3.5px;
	scale: 0.75;
}

.filter-item .choices.is-open.is-focused::after {
	--svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="current" d="M7 10l5 5 5-5H7z"/%3E%3C/svg%3E') no-repeat right 10px center !important;
	width: unset;
	height: unset;
	background-color: transparent;
	margin-top: -3.5px;
	scale: 0.75;
	transform: rotate(180deg);
}


.filter-item .form-select {
	/* border: none; */
	cursor: pointer;
}

.filter-item .choices.applied .choices__inner,
.filter-item .form-select.applied,
.filter-item .form-control.applied,
.filter-item .form-select.applied:hover {
	background-color: var(--bg-primary-3) !important;
}

.filter-item .form-select:hover {
	background-color: var(--bg-gray-3) !important;
}

.filter-item .form-select.applied option {
	background-color: var(--bg-white);
}

.pagination-dropdown .filter-item .form-select.applied option,
.filter-item .form-select {
	background-color: transparent !important;
}

.pagination-dropdown .filter-item .form-select:hover {
	background-color: var(--bg-gray-2) !important;
}

.divider {
	background-color: var(--bg-gray-3);
	width: 1px;
	height: 24px;
	margin: 0 4px;
	border-radius: 50%;
}

.table {
	width: -webkit-fill-available !important;
	width: -moz-available !important;
	width: fill-available !important;
	border-collapse: separate;
	border-spacing: 0;
	transition: all 0.2s ease;
}

.table thead th {
	background: var(--bg-primary-2);
	font-weight: 500;
	color: var(--text-primary-5) !important;
	font-size: var(--font-14);
	padding: 0.4rem 0.55rem;
	vertical-align: middle;
	border: 0.5px solid var(--border-primary-2);
	border-width: 0.5px;
}

th p {
	color: var(--text-primary-4) !important;
}

.table thead {
	position: sticky !important;
	top: 0;
	z-index: 10;
	line-height: 2.7 !important;
	cursor: default;
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.table-bordered {
	border-color: var(--border-gray-2) !important;
}

.table-bordered.border-dark {
	border-color: var(--border-gray-3) !important;
}


/* .table-bordered th {
    border-color: var(--white) !important;
} */

.table td {
	color: var(--text-gray-10) !important;
	font-size: var(--font-14) !important;
	padding: 2px 8px;
	vertical-align: middle;
	border-bottom: 0.2px solid var(--border-gray-2);
}

.table tr:first-child td {
	border-top: 0.2px solid var(--border-gray-2);
}

.sort-icon {
	margin-left: 12px;
}

.sorting_desc .sort-icon svg {
	transform: scaleY(-1);
	transform-origin: center;
}

.table th,
.table td {
	white-space: nowrap;
	overflow: hidden;
	/* min-width: 100px; */
	line-height: 2.5;
}

.verification-table td {
	line-height: normal !important;
}

.no-stripes td {
	line-height: 2.4;
}

.multi-section-table.no-stripes td.no-hover {
	background-color: var(--bg-gray-1) !important;
}


.table.start-sticky thead tr:first-child th:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
}

.table.start-sticky tbody tr td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}


.table.end-sticky thead tr:first-child th:last-child {
	position: sticky;
	right: 0;
	z-index: 2;
}

.table.end-sticky tbody tr td:last-child {
	position: sticky;
	right: 0;
	z-index: 2;
}


tbody>tr:nth-child(even)>td,
tbody>tr:nth-child(even)>th {
	background-color: var(--bg-gray-1) !important;
}

tbody>tr:nth-child(odd)>td,
tbody>tr:nth-child(odd)>th {
	background-color: var(--bg-white) !important;
}

.no-stripes tbody>tr:nth-child(even)>td,
.no-stripes tbody>tr:nth-child(even)>th {
	background-color: var(--bg-white) !important;
}

.no-hover.table>tbody>tr:hover>td,
.no-hover.table>tbody>tr:hover>th {
	background-color: white !important;
}

/* ✅ Preserve stripes on hover ONLY if .no-hover is present AND .no-stripes is NOT */
.table.no-hover:not(.no-stripes)>tbody>tr:nth-child(even):hover>td,
.table.no-hover:not(.no-stripes)>tbody>tr:nth-child(even):hover>th {
	background-color: var(--bg-gray-1) !important;
}

.table.no-hover:not(.no-stripes)>tbody>tr:nth-child(odd):hover>td,
.table.no-hover:not(.no-stripes)>tbody>tr:nth-child(odd):hover>th {
	background-color: var(--bg-white) !important;
}


.table>tbody>tr:hover>*:not(.no-hover) {
	background: #fde6e6 !important;
}

/* Hover state */
.table:not(.multi-section-table):not(.verification-table)>tbody>tr:hover .no-hover {
	background: none !important;
	border: hidden !important;
}

/* Non-hover state */
.table:not(.multi-section-table):not(.verification-table)>tbody>tr .no-hover {
	background: none !important;
	border: hidden !important;
}

.table tbody tr.unread td {
	font-weight: var(--f-w-700);
}

.icon-btn-pgtn {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-4);
	flex-shrink: 0;
	cursor: pointer;
	color: var(--text-gray-10);
	font-size: var(--font-14);
	border-radius: var(--b-r-24);
}

.icon-btn-pgtn i {
	color: var(--text-primary-3);
	border-radius: var(--b-r-24);
}

.page-item {
	margin: 0px 2px;
	border-radius: var(--b-r-4);
	border-radius: var(--b-r-24);
}

.page-item.active .icon-btn-pgtn {
	background: var(--bg-primary-7);
	color: var(--white);
	box-shadow: rgb(126 58 242) 0px 9px 10px -8px;
}

.page-item.disabled,
.page-item.disabled>a,
.page-item.disabled>.icon-btn-pgtn {
	pointer-events: none;
	cursor: not-allowed;
}

.page-item.disabled .icon-btn-pgtn i {
	color: var(--bg-gray-4) !important;

}

.page-item.disabled .icon-btn-pgtn:hover {
	background: transparent;
}

.page-item:hover {
	background-color: var(--bg-gray-3);
}

.page-item.disabled:hover {
	background-color: transparent
}

.modal-title {
	font-size: var(--font-16);
	font-weight: var(--f-w-500);
	color: var(--text-gray-10);
}

.modal-header {
	box-shadow: rgba(33, 35, 38, 0.08) 0px 10px 10px -10px;
}

.modal-footer {
	padding: 8px;
	box-shadow: rgba(33, 35, 38, 0.09) 0px 10px 10px 8px;
}

.modal-min-height {
	flex: 1 1 420px;
}

.modal-min-height-sm {
	flex: 1 1 180px;
}

.btn-close {
	font-size: var(--font-12);
	padding: 4px;
}

.btn-close:hover {
	background-color: var(--bg-gray-2);
}

.btn-close:focus {
	box-shadow: none;
}

.fetch-btn {
	color: var(--pink-700) !important;
	background-color: var(--pink-100);
	border: 1px solid var(--pink-300) !important;
	font-weight: 400;
}

.fetch-btn:hover {
	background-color: var(--pink-200);
	border: 1px solid var(--pink-400) !important;
}

label {
	font-size: var(--font-12);
	font-weight: var(--f-w-500);
	color: var(--text-gray-7);
	position: relative;
	white-space: nowrap;
}

.datepicker td {
	padding: 6px 9px;
	font-size: var(--font-14);
}

.datepicker th {
	padding: 4px 8px;
	font-weight: var(--f-w-500);
	color: var(--text-primary-4);
	font-size: var(--font-14);
}

.datepicker-switch {
	padding: 12px 8px !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
	background: var(--bg-gray-2);
	cursor: pointer;
}

.datepicker tbody td.day:hover:not(.datepicker table tr td.selected) {
	background-color: var(--bg-primary-2) !important;
}

.datepicker table tr td.selected {
	background-color: var(--bg-gray-5) !important;
	background-image: none;
}

.datepicker table tr td.range {
	background-color: var(--bg-primary-2) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active.active {
	background-color: var(--bg-primary-6) !important;
	background-image: none !important;
}

.datepicker-dropdown {
	-webkit-box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid var(--border-gray-2);
}

.input-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-14);
	border-radius: var(--b-r-2);
	pointer-events: none;
	z-index: 9;
}

.input-daterange input {
	text-align: start;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: var(--b-r-2);
	border-bottom-right-radius: var(--b-r-2);
}

.input-group .form-control:not(.filter-item .input-group .form-control) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-group-append .form-select {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: 0px;
}

p .required::after {
	content: "*";
	color: red;
	font-size: var(--font-16);
	margin-left: 0.3rem;

}

.required::after {
	content: "*";
	color: red;
	font-size: var(--font-16);
	margin-left: 0.3rem;
	position: absolute;
}

.sub-heading {
	color: var(--black);
	font-weight: var(--f-w-500);
	font-size: var(--font-14);
}

.modal-tabs {
	display: flex;
}

.modal-tabs .modal-tab {
	padding: 14px 20px 13px 20px;
	cursor: pointer;
	border-bottom: 3px solid transparent;
	min-width: 150px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: var(--font-14);
}

.modal-tabs .modal-tab:hover {
	border-bottom: 3px solid #eae0ffcd;
	background-color: var(--bg-gray-1);
}

.modal-tabs .modal-tab.active {
	border-bottom: 3px solid var(--border-primary-5);
	font-weight: var(--f-w-600);
	color: var(--text-primary-3);
	box-shadow: rgb(144 97 249) 4px 10px 7px -12px !important;
}


.mini-tabs {
	display: flex;
	width: 100% !important;
}

.mini-tabs .mini-tab {
	padding: 13px 16px;
	cursor: pointer;
	border-bottom: 3px solid transparent;
	min-width: 0 !important;
	max-width: 100% !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-size: var(--font-14);
}

.mini-tabs .mini-tab:hover {
	border-bottom: 3px solid #eae0ffcd;
	background-color: var(--bg-gray-1);
}

.mini-tabs .mini-tab.active {
	border-bottom: 3px solid var(--border-primary-5);
	font-weight: var(--f-w-600);
	color: var(--text-primary-3);
	box-shadow: rgb(144 97 249) 4px 10px 7px -11px !important;
	/* background: var(--bg-primary-2); */
}


.scrollable-height {
	overflow-y: auto;
	flex: 1 1 auto;
}

.min-h-30vh {
	min-height: 30vh;
}

.min-h-40vh {
	min-height: 40vh;
}

.min-h-50vh {
	min-height: 50vh;
}

.min-h-60vh {
	min-height: 60vh;
}

.max-h-40vh {
	max-height: 40vh;
}

.max-h-50vh {
	max-height: 50vh;
}

.max-h-60vh {
	max-height: 60vh;
}

.detailed-table {
	flex: 1;
	width: auto !important;
}



.table-footer {
	border-radius: var(--b-r-8);
	background-color: var(--bg-gray-1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 12px;
}

.full-w-h {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.other-state-img {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 60px;
	height: 60px;
}

.other-state-img-sm {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 40px;
	height: 40px;
}

.other-state-img img,
.img-large img,
.other-state-img-sm img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.img-large {
	width: 100px;
	height: 100px;
}


.check-input {
	display: flex;
	align-items: center;
}

.check-input label {
	margin-left: 8px;
}

.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: var(--font-12);
	color: var(--red-600);
}

.file-upload-container.is-invalid .invalid-feedback {
	bottom: -25px;
	position: absolute;
}

.form-select:disabled,
.form-control:disabled {
	background-color: var(--bg-gray-3) !important;
	cursor: not-allowed;
}

.verification-table .form-select:disabled,
.verification-table .form-control:disabled {
	background-color: var(--bg-white) !important;
	cursor: default;
	color: var(--text-gray-6) !important;
}


/* Style for success message */
.message-success {
	background-color: rgba(0, 255, 0, 0.5);
	/* Green background with transparency */
	color: var(--green-600);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

/* Style for error message */
.message-error {
	background-color: rgba(255, 0, 0, 0.5);
	/* Red background with transparency */
	color: var(--red-700);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

.confirm-btn {
	background-color: orangered;
	color: white;
}

.confirm-btn:hover {
	background-color: darkorange;
	color: white;
}

.btn:disabled {
	background-color: #9d9d9d;
	border: none;
}

/* Backdrop (behind modal) */
.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.3);
	/* default */
	transition: background-color 0.0s ease-in-out;
}

.modal-backdrop.show {
	background-color: rgba(0, 0, 0, 0);
	/* fade to transparent */
}

/* Modal itself */
.show-custom-perspective .modal.show,
.modal.show {
	background-color: rgba(0, 0, 0, 0.3);
	/* modal’s background (content area) */
	transition: background-color 0.2s ease-in-out;
}



.custom-file-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	background-color: var(--bg-primary-2);
}

.custom-file-button:hover {
	cursor: pointer;
	background-color: var(--bg-primary-3);
	color: var(--text-primary-5);
	cursor: pointer;
}

.custom-file-button .file-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* hides the file input */
	cursor: pointer;
}

.countStyle {
	width: 24px;
	height: 24px;
	display: flex;
	font-size: var(--font-12);
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	cursor: default;
}

.file-upload-container {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	border-radius: 4px;
	min-height: 110px;
	border: 1px dashed var(--border-primary-3);
}

.file-upload-container.is-invalid {
	border: 1px dashed var(--red-600);
	margin-bottom: 16px;
}

.file-upload-container:hover {
	background-color: var(--bg-primary-1);
	cursor: pointer;
}

.file-upload-container .file-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* hides the file input */
	cursor: pointer;
}

.custom-dropdown-item {
	font-size: var(--font-14);
	padding: 12px 16px;
	margin-bottom: 4px;
	width: 100%;
	display: flex;
	border-radius: 24px;
	color: var(--text-gray-10);
	border-radius: var(--b-r-24);
}


.dropdown-menu li {
	width: 100%;
	/* padding: 6px 16px; */
	list-style-type: none;
}

.dropdown-menu li:hover {
	background-color: var(--bg-gray-2);
}

.countStyle {
	width: 24px;
	height: 24px;
	display: flex;
	font-size: var(--font-12);
	align-items: center;
	justify-content: center;
	border-radius: var(--b-r-24);
	flex-shrink: 0;
	cursor: default;
}

/* Overriding choices select starts */

.choices {
	margin-bottom: 0;
	min-height: 30px;
}

.choices__input {
	/* width : 100% !important; */
	margin-bottom: 0px;
	background-color: #ffffff;
	min-height: 29px !important;
	padding: 4px 0 4px 0.75rem;
	font-size: var(--font-14);


	flex: 1 !important;
	min-width: 120px !important;
	width: auto !important;

}

[data-type="select-one"] :is(.choices__list--dropdown, .choices__list.choices__list--single[aria-expanded]) {
	z-index: 100;
}


table td .choices__list--single {
	padding: 2px 32px 0px 12px;
}

table td .choices,
table td .choices__inner {
	/* Now scoped inside table */
	height: 36px !important;
}

table td .choices__list--dropdown .choices__item,
table td .choices__list[aria-expanded] .choices__item,
table td .choices[data-type*=select-one] .choices__input {
	padding: 0px 12px;
}

table td .choices[data-type*=select-one] .choices__input {
	padding: 0px 12px;
}

.bg-gray-2 .choices__input {

	background-color: #ffffff;

}

.choices__list--multiple .choices__item,
.choices__list--multiple .choices__item.is-highlighted {
	border-radius: 24px;
	padding: 3px 8px;
	font-size: 10px !important;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	margin: 2.5px;
	background-color: var(--green-50);
	border: 1px solid var(--green-300);
	color: var(--green-800);
	word-break: break-all;
	box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
	padding-right: 3px;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
	border-left: 1px solid var(--green-600);
	margin: 0 0px 0 8px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC44MDkzNyA0LjQ5ODI2TDcuODg3MTUgNy41NzYwNFY4LjM4NzE1SDcuMDc2MDRMMy45OTgyNiA1LjMwOTM3TDAuOTIwNDg2IDguMzg3MTVIMC4xMDkzNzVWNy41NzYwNEwzLjE4NzE1IDQuNDk4MjZMMC4xMDkzNzUgMS40MjA0OVYwLjYwOTM3NUgwLjkyMDQ4NkwzLjk5ODI2IDMuNjg3MTVMNy4wNzYwNCAwLjYwOTM3NUg3Ljg4NzE1VjEuNDIwNDlMNC44MDkzNyA0LjQ5ODI2WiIgZmlsbD0iIzI1MkYzRiIvPgo8L3N2Zz4K);
	background-size: contain;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: center;
	width: 8px;
	/* Adjust as needed */
	height: 8px;
	/* Adjust as needed */
}

.choices__inner {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-size: 16px !important;
	border-radius: var(--b-r-2) !important;
	background-color: var(--bg-white) !important;
	border-color: var(--border-gray-3);
	min-height: 30px;
	padding: 0;
	font-size: var(--font-14);
	background: white !important;
}

.choices__inner.is-invalid {
	border-color: #dc3545;
}



.choices[data-type*=select-one]::after {
	width: 1em;
	height: 1em;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
	background-color: gray;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	mask-repeat: no-repeat;
	position: absolute;
	right: 11.5px;
	z-index: 11;
	top: 50%;
	margin-top: -7.5px;
	pointer-events: none;
}

/* For Tilting the icon */

/* .choices[data-type*=select-one].is-open::after {
        width: 1em;
        height: 1em;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
        background-color: gray;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        mask-repeat: no-repeat;
        position: absolute;
        right: 11.5px;
        top: 50%;
        margin-top: -7.5px;
        pointer-events: none;
        transform: rotate(180deg);
} */


.choices[data-type*=select-one] .choices__inner {
	padding-bottom: 0;
}

.choices__list--single {
	padding: 5px 32px 4px .75rem;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
	padding: 6px;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
	background-color: #1967D2;
	color: var(--white);

}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
	font-size: var(--font-14);
}

.is-focused .choices__inner,
.is-open .choices__inner {
	border-color: var(--border-primary-5);
}


.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
	background-color: var(--bg-gray-3) !important;
	cursor: not-allowed;
}

.choices__item.choices__item--selectable {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--text-gray-10) !important;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
	z-index: 11;
}

/* Hide multiselect placeholder when items are selected */
.choices[data-type="select-multiple"] .choices__inner:has(.choices__list--multiple .choices__item[data-item]) .choices__input--cloned::placeholder {
	color: transparent !important;
}

/* Overriding choices select Ends */


/*
Dashboard*/
.dashboard-tab {
	min-width: 150px;
	border-radius: var(--b-r-24);
	color: var(--text-gray-10);
	margin-right: 8px;
	padding: 8px 16px;
	background: var(--bg-gray-2) !important;
	cursor: pointer;
}

.dashboard-tab:hover {
	background: var(--bg-gray-3) !important;
}

.dashboard-tab.active {
	background: var(--bg-tertiary-6) !important;
	color: var(--text-gray-1);
	box-shadow: rgb(0 38 25 / 60%) 4px 10px 9px -10px !important;
}

.dashboard-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid var(--border-gray-2);
	cursor: pointer;
	background-color: var(--white);
	box-shadow: rgb(215 215 215 / 28%) 4px 10px 5px -9px !important;
}

.dashboard-action:hover {
	background-color: var(--bg-gray-1);
}

.action {
	border-radius: 4px;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.action-left i {
	display: none;
}

.dashboard-action:hover .action-left i {
	display: block;
}


.blue {
	background: var(--blue-50);
	color: var(--blue-600);
}

.red {
	background: var(--red-50);
	color: var(--red-500);
}

.green {
	background: var(--green-50);
	color: var(--green-500);
}

.green-100 {
	background: var(--green-100);
	color: var(--green-500);
	border: 1px solid var(--green-200);
}

.purple {
	background: var(--purple-50);
	color: var(--purple-500);
}

.pink {
	background: var(--pink-50);
	color: var(--pink-500);
}

.yellow {
	background: var(--yellow-50);
	color: var(--yellow-400);
}



.dashboard-card {
	display: flex;
	flex-direction: column;
	min-height: 350px;
	align-items: start;
	justify-content: flex-start;
	padding: 16px;
	border-radius: 8px;
	border: 1px solid var(--border-gray-2);
	background-color: var(--white);
}

.analytics-container {
	flex: 1 1 auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dp-container-lg {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
	flex-shrink: 0;
	background-color: #f6f6f6;

}


.dp-container-xl {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	overflow: hidden;
	flex-shrink: 0;
	background-color: #f6f6f6;
}


#myViewer {
	width: 100%;
	height: 100%;
}

.editorContainer .editorLoad {
	position: absolute;
	bottom: 12px;
	right: 12px;
	border-radius: 8px;
	overflow: hidden;
	width: 57%;
}

.editorContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	background: #0000004f;
	z-index: 100;
}

.floating-note-btn {
	position: absolute;
	bottom: 85px;
	right: -73px;
	/* starting point */
	z-index: 11;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 12px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	/* animation */
	transition: all 0.2s ease-in-out;
}

.floating-note-btn::after {
	content: "Add Note";
	white-space: nowrap;
	margin-left: 9px;
}

.text-wrap {
	white-space: normal !important;
	word-break: break-all;
}

.floating-note-btn:hover {
	height: 40px;
	right: 0px;
	/* end point */
}

.popover {
	width: 100%;
}

.countChip {
	min-width: 20px;
	padding-left: 3px;
	padding-right: 3px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
	margin-left: 8px;
	font-weight: 500;
	background-color: var(--red-500);
	color: var(--text-gray-1);
	font-size: 10px;
}

.countChip:hover {
	background-color: var(--red-600);
	cursor: pointer;
}

.modal-body.viewer-modal {
	flex: 1 1 80vh;
}

.pic-btn {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-gray-1);
	background-color: var(--white);
	cursor: pointer;
	border-radius: 4px;
}

.pic-btn:hover {
	background-color: var(--bg-gray-2);
}

.modal-body.viewer-modal {
	flex: 1 1 80vh;
}

form.was-validated .input-group .input-icon {
	display: none;
}

form.was-validated .input-group .input-icon,
.was-validated .input-group .input-icon {
	display: none;
}

.was-validated .form-check-input:valid~.form-check-label {
	color: inherit;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
	background-color: var(--blue-600) !important;
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
	border-color: var(--border-gray-5);
	;
}

.was-validated .form-control:valid.is-invalid {
	border-color: var(--red-500);
}

.entry-loader-container {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100% !important;
	z-index: 1000;
}

.custom-seperator {
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background-color: var(--pink-600);
	margin: 0 10px;
}

.wizard-d-none {
	display: none !important;
}

.wizard-d-flex {
	display: flex;
	flex-direction: column;
}

.filterLabel {
	padding-left: 3px;
}

.sticky-top {
	position: sticky;
	z-index: 100;
	top: 0;
}

.sticky-bottom {
	position: sticky;
	z-index: 100;
	bottom: 0;
}

.sticky-top.with-p-12 {
	position: sticky;
	z-index: 100;
	top: -12px;
}

.img-box {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bg-gray-2);
	position: relative;
	border: 1px solid var(--border-gray-2);
	border-radius: 4px;
	cursor: pointer;
}

.img-box:hover {
	background-color: var(--bg-gray-3);
}

.floating-close {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--gray-600);
	padding: 8px;
	border-top-left-radius: 8px;
}

.floating-close:hover {
	background: var(--red-200);
	color: var(--red-700);
}

/* Tooltip-like hint */
.search-hint {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	font-size: 0.75rem;
	color: #555;
	background-color: var(--white);
	padding: 4px 8px;
	border-radius: 4px !important;
	margin-top: 4px;
	white-space: nowrap;
	border: 1px solid var(--border-gray-3);
	z-index: 11;
}

/* Show when input is focused */
.input-group:focus-within .search-hint {
	display: block;
}

label.form-check-label {
	padding-left: 28px;
	font-weight: 400;
	font-size: var(--font-14);
	color: var(--text-gray-10);
	cursor: pointer;
}

.custom-dropdown {
	position: relative;
}

.custom-dropdown-menu {
	background: white;
	list-style: none;
	border-radius: 5px;
	padding: 0;
	border: 1px solid var(--border-gray-3);
	position: absolute;
	min-width: max-content;
}

.dropdown-item {
	padding: 8px 12px !important;
	font-size: var(--font-14);
}

.dropdown-item:hover,
.dropdown-item:focus {
	background: var(--gray-100);
	/* color: var(--text-white); */
}

.dropdown-item:active {
	color: var(--text-primary-4);
}

/* For mobile devices: screen width between 0px and 600px */
@media screen and (min-width: 0px) and (max-width: 600px) {
	.progress {
		width: 50%;
	}
}

/* For tablets and laptops: screen width between 601px and 992px */
@media screen and (min-width: 601px) and (max-width: 992px) {
	.progress {
		width: 15%;
	}
}

/* For desktops or larger screens: screen width above 992px */
@media screen and (min-width: 993px) {
	.progress {
		width: 15%;
	}
}

/*For Movement History*/
.white-space-collapse {
	white-space: collapse;
}

.right-click .choices {
	width: 100%;
}

.right-click .input-group {
	flex-wrap: unset;
}

.check-count {
	right: 0;
	top: 0;
	border-bottom-left-radius: 12px;
}

#photoPreview {
	min-height: 350px;
	border: 2px dashed #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
}



/* ==========================***New Css Started***========================== */

.collapse_success_bg[aria-expanded="true"] {
	background-color: var(--purple-50);
	border-color: var(--purple-500);
}

.collapse_success_bg[aria-expanded="true"] .card-icon,
.collapse_success_bg[aria-expanded="true"] p.card-heading {
	color: var(--purple-500) !important;
}

.z-index-1 {
	z-index: 1;
}

.top-0 {
	top: 0;
}

.chip-green-100 {
	background: var(--green-100);
}

.scheme-card {
	border-radius: var(--b-r-8);
	border: 1px solid var(--bg-tertiary-4);
}

.sec-re-allocation-left {
	overflow-y: scroll;
}


/* ==========================***New Css End***========================== */


.grouped-search-input-1,
.grouped-search-input-2 {
	padding-top: 9px;
	padding-bottom: 9px;
}

select.form-select.grouped-select-1,
select.form-select.grouped-select-2 {
	width: 134px;
	background-color: var(--bg-cool-gray-2) !important;
	height: 38px;
}

select.form-select.grouped-select-1 {
	border-radius: 24px 0 0 24px !important;
}

.grouped-btn-right {
	font-size: var(--font-14);
	border-radius: 0px 24px 24px 0px;
	height: 38.5px;
}


.grouped-search-input {
	padding-top: 9px;
	padding-bottom: 9px;
}

select.form-select.grouped-select-1,
select.form-select.grouped-select-2 {
	width: 134px;
	background-color: var(--bg-cool-gray-2) !important;
	height: 38px;
}

select.form-select.grouped-select-1 {
	border-radius: 24px 0 0 24px !important;
}

.grouped-btn-right {
	font-size: var(--font-14);
	border-radius: 0px 24px 24px 0px;
	height: 37px;
}


.grouped-search-input-1,
.grouped-search-input-2 {
	padding-top: 9px;
	padding-bottom: 9px;
}

select.form-select.grouped-select-1,
select.form-select.grouped-select-2 {
	width: 134px;
	background-color: var(--bg-cool-gray-2) !important;
	height: 38px;
}

select.form-select.grouped-select-1 {
	border-radius: 24px 0 0 24px !important;
}

.grouped-btn-right {
	font-size: var(--font-14);
	border-radius: 0px 24px 24px 0px;
	height: 37px;
}

#notesContainer .notes p {
	background-color: unset !important;
}

.border-bottom-dot.w_200 {
	border-bottom: 1px dashed #000 !important;
	background: transparent !important;
	width: 200px;
	border: 0px;
}

input.d-inline-block.border-bottom-dot.w_200:focus-visible {
	outline: none;
}

.v-align-top {
	vertical-align: top !important;
}

form.was-validated .appraiser-charge-date-group .input-icon,
.was-validated .appraiser-charge-date-group .input-icon {
	display: block;
}

.border-none td input {
	border: none;
}

.border-none td select {
	border: none;
}

.border-none td choices__inner {
	border: none;
}


#casbaExistingLiabilities .branchCategorySelect,
#casbaExistingLiabilities th.branch-col,
#casbaExistingLiabilities td.branch-col {
	max-width: 150px;
	min-width: 150px;
	width: 150px;
}

.group-block {
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 24px;
	background-color: #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.input-group .form-control.existing-chitty {
	flex: 0 0 90px;
	width: 90px;
}

.input-group .form-control.existing-chittal {
	flex: 0 0 50px;
	width: 50px;
}


.updateTabPerspective {

	height: calc(100vh - 340px);
	overflow-y: auto !important;
	overflow: hidden;

}