/*!***************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./resources/scss/root.css ***!
  \***************************************************************************/

:root {
	/*--test-00: #7986a6; --test-00-hsl: hsl(223, 20%, 56%);
	--test-10: #1a5bff; --test-10-hsl: hsl(223, 100%, 55%);
	--test-20: #1acdff; --test-20-hsl: hsl(193, 100%, 55%);
	--test-30: #00A000; --test-30-hsl: hsl(120, 100%, 31%);
	--test-40: #ffbe1a; --test-40-hsl: hsl(43, 100%, 55%);
	--test-50: #ff521e; --test-50-hsl: hsl(14, 100%, 56%);*/

	/*--test-ios-00: #8E8E93;
	--test-ios-10: #007AFF;
	--test-ios-20: #32ADE6;
	--test-ios-30: #34C759;
	--test-ios-40: #FFCC00;
	--test-ios-50: #FF9500;
	--test-ios-60: #FF3B30;*/

	--bs-gray-50: #f2f3f6; --bs-gray-50-rgb: 242, 243, 246;
	--bs-gray-100: #d5d9e3; --bs-gray-100-rgb: 213, 217, 227;
	--bs-gray-200: #c1c7d6; --bs-gray-200-rgb: 193, 199, 214;
	--bs-gray-300: #a5aec3; --bs-gray-300-rgb: 165, 174, 195;
	--bs-gray-400: #949eb8; --bs-gray-400-rgb: 148, 158, 184;
	--bs-gray-500: #7986a6; --bs-gray-500-rgb: 121, 134, 166;
	--bs-gray-600: #6e7a97; --bs-gray-600-rgb: 110, 122, 151;
	--bs-gray-700: #565f76; --bs-gray-700-rgb: 86, 95, 118;
	--bs-gray-800: #434a5b; --bs-gray-800-rgb: 67, 74, 91;
	--bs-gray-900: #333846; --bs-gray-900-rgb: 51, 56, 70;
	--bs-gray-950: #101318; --bs-gray-950-rgb: 16, 19, 24;

	--bs-blue-50: #e6f5fc; --bs-blue-50-rgb: 230, 245, 252;
	--bs-blue-100: #b0dff7; --bs-blue-100-rgb: 176, 223, 247;
	--bs-blue-200: #8ad0f3; --bs-blue-200-rgb: 138, 208, 243;
	--bs-blue-300: #54bbee; --bs-blue-300-rgb: 84, 187, 238;
	--bs-blue-400: #33adea; --bs-blue-400-rgb: 51, 173, 234;
	--bs-blue-500: #0099e5; --bs-blue-500-rgb: 0, 153, 229;
	--bs-blue-600: #008bd0; --bs-blue-600-rgb: 0, 139, 208;
	--bs-blue-700: #006da3; --bs-blue-700-rgb: 0, 109, 163;
	--bs-blue-800: #00547e; --bs-blue-800-rgb: 0, 84, 126;
	--bs-blue-900: #004060; --bs-blue-900-rgb: 0, 64, 96;
	--bs-blue-950: #000C29; --bs-blue-950-rgb: 0, 12, 41;

	--bs-green-50: #ebf8f6; --bs-green-50-rgb: 235, 248, 246;
	--bs-green-100: #c1eae2; --bs-green-100-rgb: 193, 234, 226;
	--bs-green-200: #a3e0d4; --bs-green-200-rgb: 163, 224, 212;
	--bs-green-300: #78d2c0; --bs-green-300-rgb: 120, 210, 192;
	--bs-green-400: #5ec9b4; --bs-green-400-rgb: 94, 201, 180;
	--bs-green-500: #36bca1; --bs-green-500-rgb: 54, 188, 161;
	--bs-green-600: #31ab93; --bs-green-600-rgb: 49, 171, 147;
	--bs-green-700: #268572; --bs-green-700-rgb: 38, 133, 114;
	--bs-green-800: #1e6759; --bs-green-800-rgb: 30, 103, 89;
	--bs-green-900: #174f44; --bs-green-900-rgb: 23, 79, 68;
	--bs-green-950: #002900; --bs-green-950-rgb: 0, 41, 0;

	--bs-cyan-50: #e8faff; --bs-cyan-50-rgb: 232, 250, 255;
	--bs-cyan-100: #b8f0ff; --bs-cyan-100-rgb: 184, 240, 255;
	--bs-cyan-200: #96e8ff; --bs-cyan-200-rgb: 150, 232, 255;
	--bs-cyan-300: #66deff; --bs-cyan-300-rgb: 102, 222, 255;
	--bs-cyan-400: #48d7ff; --bs-cyan-400-rgb: 72, 215, 255;
	--bs-cyan-500: #1acdff; --bs-cyan-500-rgb: 26, 205, 255;
	--bs-cyan-600: #18bbe8; --bs-cyan-600-rgb: 24, 187, 232;
	--bs-cyan-700: #1292b5; --bs-cyan-700-rgb: 18, 146, 181;
	--bs-cyan-800: #0e718c; --bs-cyan-800-rgb: 14, 113, 140;
	--bs-cyan-900: #0b566b; --bs-cyan-900-rgb: 11, 86, 107;
	--bs-cyan-950: #002029; --bs-cyan-950-rgb: 0, 32, 41;

	--bs-yellow-50: #fffce6; --bs-yellow-50-rgb: 255, 252, 230;
	--bs-yellow-100: #fff4b0; --bs-yellow-100-rgb: 255, 244, 176;
	--bs-yellow-200: #ffef8a; --bs-yellow-200-rgb: 255, 239, 138;
	--bs-yellow-300: #ffe854; --bs-yellow-300-rgb: 255, 232, 84;
	--bs-yellow-400: #ffe433; --bs-yellow-400-rgb: 255, 228, 51;
	--bs-yellow-500: #ffdd00; --bs-yellow-500-rgb: 255, 221, 0;
	--bs-yellow-600: #e8c900; --bs-yellow-600-rgb: 232, 201, 0;
	--bs-yellow-700: #b59d00; --bs-yellow-700-rgb: 181, 157, 0;
	--bs-yellow-800: #8c7a00; --bs-yellow-800-rgb: 140, 122, 0;
	--bs-yellow-900: #6b5d00; --bs-yellow-900-rgb: 107, 93, 0;
	--bs-yellow-950: #291D00; --bs-yellow-950-rgb: 41, 29, 0;

	--bs-red-50: #ffeded; --bs-red-50-rgb: 255, 237, 237;
	--bs-red-100: #ffc8c8; --bs-red-100-rgb: 255, 200, 200;
	--bs-red-200: #ffadad; --bs-red-200-rgb: 255, 173, 173;
	--bs-red-300: #ff8787; --bs-red-300-rgb: 255, 135, 135;
	--bs-red-400: #ff7070; --bs-red-400-rgb: 255, 112, 112;
	--bs-red-500: #ff4c4c; --bs-red-500-rgb: 255, 76, 76;
	--bs-red-600: #e84545; --bs-red-600-rgb: 232, 69, 69;
	--bs-red-700: #b53636; --bs-red-700-rgb: 181, 54, 54;
	--bs-red-800: #8c2a2a; --bs-red-800-rgb: 140, 42, 42;
	--bs-red-900: #6b2020; --bs-red-900-rgb: 107, 32, 32;
	--bs-red-950: #290A00; --bs-red-950-rgb: 41, 10, 0;


	--bs-blue: var(--bs-blue-500); --bs-blue-rgb: var(--bs-blue-500-rgb);
	--bs-green: var(--bs-green-500); --bs-green-rgb: var(--bs-green-500-rgb);
	--bs-cyan: var(--bs-cyan-500); --bs-cyan-rgb: var(--bs-cyan-500-rgb);
	--bs-yellow: var(--bs-yellow-500); --bs-yellow-rgb: var(--bs-yellow-500-rgb);
	--bs-red: var(--bs-red-500); --bs-red-rgb: var(--bs-red-500-rgb);
	/*--bs-indigo: var(--bs-indigo-500); --bs-indigo-rgb: var(--bs-indigo-500-rgb);*/
	/*--bs-purple: var(--bs-purple-500); --bs-purple-rgb: var(--bs-purple-500-rgb);*/
	/*--bs-pink: var(--bs-pink-500); --bs-pink-rgb: var(--bs-pink-500-rgb);*/
	/*--bs-orange: var(--bs-orange-500); --bs-orange-rgb: var(--bs-orange-500-rgb);*/
	/*--bs-teal: var(--bs-teal-500); --bs-teal-rgb: var(--bs-teal-500-rgb);*/

	--bs-black: #000; --bs-black-rgb: 0, 0, 0;
	--bs-white: #fff; --bs-white-rgb: 255, 255, 255;
	--bs-gray: var(--bs-gray-500);
	--bs-gray-dark: var(--bs-gray-950);


	--bs-primary-50: var(--bs-blue-50); --bs-primary-50-rgb: var(--bs-blue-50-rgb);
	--bs-primary-100: var(--bs-blue-100); --bs-primary-100-rgb: var(--bs-blue-100-rgb);
	--bs-primary-200: var(--bs-blue-200); --bs-primary-200-rgb: var(--bs-blue-200-rgb);
	--bs-primary-300: var(--bs-blue-300); --bs-primary-300-rgb: var(--bs-blue-300-rgb);
	--bs-primary-400: var(--bs-blue-400); --bs-primary-400-rgb: var(--bs-blue-400-rgb);
	--bs-primary: var(--bs-blue-500); --bs-primary-rgb: var(--bs-blue-500-rgb);
	--bs-primary-600: var(--bs-blue-600); --bs-primary-600-rgb: var(--bs-blue-600-rgb);
	--bs-primary-700: var(--bs-blue-700); --bs-primary-700-rgb: var(--bs-blue-700-rgb);
	--bs-primary-800: var(--bs-blue-800); --bs-primary-800-rgb: var(--bs-blue-800-rgb);
	--bs-primary-900: var(--bs-blue-900); --bs-primary-900-rgb: var(--bs-blue-900-rgb);
	--bs-primary-950: var(--bs-blue-950); --bs-primary-950-rgb: var(--bs-blue-950-rgb);

	--bs-secondary-50: var(--bs-gray-50); --bs-secondary-50-rgb: var(--bs-gray-50-rgb);
	--bs-secondary-100: var(--bs-gray-100); --bs-secondary-100-rgb: var(--bs-gray-100-rgb);
	--bs-secondary-200: var(--bs-gray-200); --bs-secondary-200-rgb: var(--bs-gray-200-rgb);
	--bs-secondary-300: var(--bs-gray-300); --bs-secondary-300-rgb: var(--bs-gray-300-rgb);
	--bs-secondary-400: var(--bs-gray-400); --bs-secondary-400-rgb: var(--bs-gray-400-rgb);
	--bs-secondary: var(--bs-gray-500); --bs-secondary-rgb: var(--bs-gray-500-rgb);
	--bs-secondary-600: var(--bs-gray-600); --bs-secondary-600-rgb: var(--bs-gray-600-rgb);
	--bs-secondary-700: var(--bs-gray-700); --bs-secondary-700-rgb: var(--bs-gray-700-rgb);
	--bs-secondary-800: var(--bs-gray-800); --bs-secondary-800-rgb: var(--bs-gray-800-rgb);
	--bs-secondary-900: var(--bs-gray-900); --bs-secondary-900-rgb: var(--bs-gray-900-rgb);
	--bs-secondary-950: var(--bs-gray-950); --bs-secondary-950-rgb: var(--bs-gray-950-rgb);

	--bs-success-50: var(--bs-green-50); --bs-success-50-rgb: var(--bs-green-50-rgb);
	--bs-success-100: var(--bs-green-100); --bs-success-100-rgb: var(--bs-green-100-rgb);
	--bs-success-200: var(--bs-green-200); --bs-success-200-rgb: var(--bs-green-200-rgb);
	--bs-success-300: var(--bs-green-300); --bs-success-300-rgb: var(--bs-green-300-rgb);
	--bs-success-400: var(--bs-green-400); --bs-success-400-rgb: var(--bs-green-400-rgb);
	--bs-success: var(--bs-green-500); --bs-success-rgb: var(--bs-green-500-rgb);
	--bs-success-600: var(--bs-green-600); --bs-success-600-rgb: var(--bs-green-600-rgb);
	--bs-success-700: var(--bs-green-700); --bs-success-700-rgb: var(--bs-green-700-rgb);
	--bs-success-800: var(--bs-green-800); --bs-success-800-rgb: var(--bs-green-800-rgb);
	--bs-success-900: var(--bs-green-900); --bs-success-900-rgb: var(--bs-green-900-rgb);
	--bs-success-950: var(--bs-green-950); --bs-success-950-rgb: var(--bs-green-950-rgb);

	--bs-info-50: var(--bs-cyan-50); --bs-info-50-rgb: var(--bs-cyan-50-rgb);
	--bs-info-100: var(--bs-cyan-100); --bs-info-100-rgb: var(--bs-cyan-100-rgb);
	--bs-info-200: var(--bs-cyan-200); --bs-info-200-rgb: var(--bs-cyan-200-rgb);
	--bs-info-300: var(--bs-cyan-300); --bs-info-300-rgb: var(--bs-cyan-300-rgb);
	--bs-info-400: var(--bs-cyan-400); --bs-info-400-rgb: var(--bs-cyan-400-rgb);
	--bs-info: var(--bs-cyan-500); --bs-info-rgb: var(--bs-cyan-500-rgb);
	--bs-info-600: var(--bs-cyan-600); --bs-info-600-rgb: var(--bs-cyan-600-rgb);
	--bs-info-700: var(--bs-cyan-700); --bs-info-700-rgb: var(--bs-cyan-700-rgb);
	--bs-info-800: var(--bs-cyan-800); --bs-info-800-rgb: var(--bs-cyan-800-rgb);
	--bs-info-900: var(--bs-cyan-900); --bs-info-900-rgb: var(--bs-cyan-900-rgb);
	--bs-info-950: var(--bs-cyan-950); --bs-info-950-rgb: var(--bs-cyan-950-rgb);

	--bs-warning-50: var(--bs-yellow-50); --bs-warning-50-rgb: var(--bs-yellow-50-rgb);
	--bs-warning-100: var(--bs-yellow-100); --bs-warning-100-rgb: var(--bs-yellow-100-rgb);
	--bs-warning-200: var(--bs-yellow-200); --bs-warning-200-rgb: var(--bs-yellow-200-rgb);
	--bs-warning-300: var(--bs-yellow-300); --bs-warning-300-rgb: var(--bs-yellow-300-rgb);
	--bs-warning-400: var(--bs-yellow-400); --bs-warning-400-rgb: var(--bs-yellow-400-rgb);
	--bs-warning: var(--bs-yellow-500); --bs-warning-rgb: var(--bs-yellow-500-rgb);
	--bs-warning-600: var(--bs-yellow-600); --bs-warning-600-rgb: var(--bs-yellow-600-rgb);
	--bs-warning-700: var(--bs-yellow-700); --bs-warning-700-rgb: var(--bs-yellow-700-rgb);
	--bs-warning-800: var(--bs-yellow-800); --bs-warning-800-rgb: var(--bs-yellow-800-rgb);
	--bs-warning-900: var(--bs-yellow-900); --bs-warning-900-rgb: var(--bs-yellow-900-rgb);
	--bs-warning-950: var(--bs-yellow-950); --bs-warning-950-rgb: var(--bs-yellow-950-rgb);

	--bs-danger-50: var(--bs-red-50); --bs-danger-50-rgb: var(--bs-red-50-rgb);
	--bs-danger-100: var(--bs-red-100); --bs-danger-100-rgb: var(--bs-red-100-rgb);
	--bs-danger-200: var(--bs-red-200); --bs-danger-200-rgb: var(--bs-red-200-rgb);
	--bs-danger-300: var(--bs-red-300); --bs-danger-300-rgb: var(--bs-red-300-rgb);
	--bs-danger-400: var(--bs-red-400); --bs-danger-400-rgb: var(--bs-red-400-rgb);
	--bs-danger: var(--bs-red-500); --bs-danger-rgb: var(--bs-red-500-rgb);
	--bs-danger-600: var(--bs-red-600); --bs-danger-600-rgb: var(--bs-red-600-rgb);
	--bs-danger-700: var(--bs-red-700); --bs-danger-700-rgb: var(--bs-red-700-rgb);
	--bs-danger-800: var(--bs-red-800); --bs-danger-800-rgb: var(--bs-red-800-rgb);
	--bs-danger-900: var(--bs-red-900); --bs-danger-900-rgb: var(--bs-red-900-rgb);
	--bs-danger-950: var(--bs-red-950); --bs-danger-950-rgb: var(--bs-red-950-rgb);

	--bs-light: var(--bs-gray-50); --bs-light-rgb: var(--bs-gray-50-rgb);
	--bs-dark: var(--bs-gray-900); --bs-dark-rgb: var(--bs-gray-900-rgb);

	--bs-primary-text-emphasis: var(--bs-primary-700);
	--bs-primary-bg-subtle: var(--bs-primary-50);
	--bs-primary-border-subtle: var(--bs-primary-100);

	--bs-secondary-text-emphasis: var(--bs-secondary-700);
	--bs-secondary-bg-subtle: var(--bs-secondary-50);
	--bs-secondary-border-subtle: var(--bs-secondary-100);

	--bs-success-text-emphasis: var(--bs-success-700);
	--bs-success-bg-subtle: var(--bs-success-50);
	--bs-success-border-subtle: var(--bs-success-100);

	--bs-info-text-emphasis: var(--bs-info-800);
	--bs-info-bg-subtle: var(--bs-info-50);
	--bs-info-border-subtle: var(--bs-info-200);

	--bs-warning-text-emphasis: var(--bs-warning-700);
	--bs-warning-bg-subtle: var(--bs-warning-50);
	--bs-warning-border-subtle: var(--bs-warning-100);

	--bs-danger-text-emphasis: var(--bs-danger-700);
	--bs-danger-bg-subtle: var(--bs-danger-50);
	--bs-danger-border-subtle: var(--bs-danger-100);

	--bs-light-text-emphasis: var(--bs-gray-600);
	--bs-light-bg-subtle: var(--bs-white);
	--bs-light-border-subtle: var(--bs-gray-100);

	--bs-dark-text-emphasis: var(--bs-white);
	--bs-dark-bg-subtle: var(--bs-gray-700);
	--bs-dark-border-subtle: var(--bs-gray-900);

	--bs-font-sans-serif: 'Nunito', 'Nunito Sans', 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	--bs-body-color: var(--bs-dark); --bs-body-color-rgb: var(--bs-dark-rgb);
	--bs-body-bg: var(--bs-white); --bs-body-bg-rgb: var(--bs-white-rgb);
	--bs-emphasis-color: var(--bs-dark); --bs-emphasis-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-color: var(--bs-secondary); --bs-secondary-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-bg: var(--bs-light); --bs-secondary-bg-rgb: var(--bs-light-rgb);
	--bs-tertiary-color: rgba(var(--bs-dark-rgb), 0.5); --bs-tertiary-color-rgb: var(--bs-dark-rgb);
	--bs-tertiary-bg: var(--bs-light); --bs-tertiary-bg-rgb: var(--bs-light-rgb);
	--bs-link-color: var(--bs-primary); --bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-hover-color: var(--bs-primary-600); --bs-link-hover-color-rgb: var(--bs-primary-600-rgb);
	--bs-highlight-color: var(--bs-warning-900);
	--bs-highlight-bg: var(--bs-warning-50);
	--bs-border-color: rgba(var(--bs-gray-100-rgb), .75);
	/*--bs-border-color-translucent: rgba(0, 0, 0, 0.175);*/

	--bs-border-radius: 0.75rem;
	--bs-border-radius-smr: 0.5rem;
	--bs-border-radius-sm: 0.625rem;
	--bs-border-radius-lg: 0.875rem;
	--bs-border-radius-xl: 1.125rem;
	--bs-border-radius-xxl: 2.25rem;

	--bs-box-shadow-sm:
			0px 0.4px 0.5px rgba(var(--box-shadow-color), 0.042),
			0px 1px 1.4px rgba(var(--box-shadow-color), 0.06),
			0px 2.4px 3.3px rgba(var(--box-shadow-color), 0.078),
			0px 8px 12px rgba(var(--box-shadow-color), 0.10);
	--bs-box-shadow:
			0px 0.7px 1px rgba(var(--box-shadow-color), 0.042),
			0px 2px 2.8px rgba(var(--box-shadow-color), 0.06),
			0px 4.8px 6.6px rgba(var(--box-shadow-color), 0.078),
			0px 16px 22px rgba(var(--box-shadow-color), 0.12);
	--bs-box-shadow-lg:
			inset 0px 0px 0px 3px rgba(var(--bs-white-rgb), 0.05),
			0px 1px 2px rgba(var(--box-shadow-color), 0.063),
			0px 4px 3px rgba(var(--box-shadow-color), 0.09),
			0px 10px 8px rgba(var(--box-shadow-color), 0.117),
			0px 26px 24px rgba(var(--box-shadow-color), 0.18);
	--box-shadow-color: var(--bs-secondary-rgb);

	--bs-form-valid-color: var(--bs-success);
	--bs-form-valid-border-color: var(--bs-success);
	--bs-form-invalid-color: var(--bs-danger);
	--bs-form-invalid-border-color: var(--bs-danger);

	/*--scrollbar-track: transparent;*/
	--scrollbar-track: rgba(var(--bs-gray-200-rgb), 0.15);
	--scrollbar-thumb: var(--bs-gray-200);
	--scrollbar-thumb-hover: var(--bs-gray-200);

	--navbar-h: 56px;
	--cont-fix-h-100vh: calc(100vh - var(--navbar-h));
	--cont-fix-h-100pct: calc(100% - var(--navbar-h));
	--font-size-20: 1.25rem;
	--font-size-18: 1.125rem;
	--font-size-14: 0.875rem;
	--font-size-12: 0.75rem;
	--font-size-10: 0.625rem;

	--backdrop-bg: rgba(32, 64, 112, 0.5);
	/*--backdrop-bg: rgba(var(--bs-blue-900-rgb), 0.45);*/

	--backdrop-filter-blur-smlr: saturate(180%) blur(5px);
	--backdrop-filter-blur-sm: saturate(180%) blur(10px);
	--backdrop-filter-blur: saturate(180%) blur(20px);

	--transition-options-15: 0.15s ease-in-out;
	--transition-options-25: 0.25s ease-in-out;
	--transition-options-35: 0.35s ease-in-out;
	--transition-value-all: all 0.25s ease-in-out;

	--ui-box-shadow:
		/*0 2px 6px rgba(56, 73, 121, 0),*/
			0 2px 6px rgba(var(--ui-box-shadow-color), 0.02),
			0 4px 12px rgba(var(--ui-box-shadow-color), 0.04),
			0 8px 24px rgba(var(--ui-box-shadow-color), 0.06);
	--ui-box-shadow-color: var(--bs-secondary-800-rgb);

	--icon-chevron-right-fill: var(--bs-blue-200);
	--icon-chevron-right: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 292 512%27%3E%3Cpath fill=%27%2396b4ff%27 d=%27M282.3,226.8c13,13,13,38.9,0,51.8L61.6,502.3c-13,13-38.9,13-51.9,0c-13-13-13-38.9,0-51.8L204.4,256L9.7,61.6 c-13-13-13-38.9,0-51.8s38.9-13,51.9,0L282.3,226.8L282.3,226.8z%27/%3E%3C/svg%3E");

	--icon-chevron-right-dark-fill: var(--bs-gray-900);
	--icon-chevron-right-dark: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 292 512%27%3E%3Cpath fill=%27%23333846%27 d=%27M282.3,226.8c13,13,13,38.9,0,51.8L61.6,502.3c-13,13-38.9,13-51.9,0c-13-13-13-38.9,0-51.8L204.4,256L9.7,61.6 c-13-13-13-38.9,0-51.8s38.9-13,51.9,0L282.3,226.8L282.3,226.8z%27/%3E%3C/svg%3E");

	--icon-xmark-fill: var(--bs-gray-500);
	--icon-xmark: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 317.5 317.5%27%3E%3Cpath fill=%27%237986a6%27 d=%27M290.4,312.9c6.2,6.2,16.3,6.2,22.5,0c6.2-6.2,6.2-16.3,0-22.5L181.2,158.7L312.9,27.1c6.2-6.2,6.2-16.3,0-22.5 c-6.2-6.2-16.3-6.2-22.5,0L158.7,136.3L27.1,4.6c-6.2-6.2-16.3-6.2-22.5,0s-6.2,16.3,0,22.5l131.7,131.7L4.6,290.4 c-6.2,6.2-6.2,16.3,0,22.5c6.2,6.2,16.3,6.2,22.5,0l131.7-131.7L290.4,312.9z%27/%3E%3C/svg%3E");

	--icon-xmark-light-fill: var(--bs-white);
	--icon-xmark-light: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 317.5 317.5%27%3E%3Cpath fill=%27%23fff%27 d=%27M290.4,312.9c6.2,6.2,16.3,6.2,22.5,0c6.2-6.2,6.2-16.3,0-22.5L181.2,158.7L312.9,27.1c6.2-6.2,6.2-16.3,0-22.5 c-6.2-6.2-16.3-6.2-22.5,0L158.7,136.3L27.1,4.6c-6.2-6.2-16.3-6.2-22.5,0s-6.2,16.3,0,22.5l131.7,131.7L4.6,290.4 c-6.2,6.2-6.2,16.3,0,22.5c6.2,6.2,16.3,6.2,22.5,0l131.7-131.7L290.4,312.9z%27/%3E%3C/svg%3E");

	--icon-xmark-dark-fill: var(--bs-gray-900);
	--icon-xmark-dark: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 317.5 317.5%27%3E%3Cpath fill=%27%23333846%27 d=%27M290.4,312.9c6.2,6.2,16.3,6.2,22.5,0c6.2-6.2,6.2-16.3,0-22.5L181.2,158.7L312.9,27.1c6.2-6.2,6.2-16.3,0-22.5 c-6.2-6.2-16.3-6.2-22.5,0L158.7,136.3L27.1,4.6c-6.2-6.2-16.3-6.2-22.5,0s-6.2,16.3,0,22.5l131.7,131.7L4.6,290.4 c-6.2,6.2-6.2,16.3,0,22.5c6.2,6.2,16.3,6.2,22.5,0l131.7-131.7L290.4,312.9z%27/%3E%3C/svg%3E");

	--icon-navbar-toggler-fill: var(--bs-gray-300);
	--icon-navbar-toggler: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 132%27%3E%3Cpath fill=%27%23a5aec3%27 d=%27M66,0c36.5,0,66,29.5,66,66s-29.5,66-66,66S0,102.5,0,66S29.5,0,66,0z M256,0c36.5,0,66,29.5,66,66 s-29.5,66-66,66s-66-29.5-66-66S219.5,0,256,0z M446,0c36.5,0,66,29.5,66,66s-29.5,66-66,66s-66-29.5-66-66S409.5,0,446,0z%27/%3E%3C/svg%3E");

	--icon-navbar-toggler-sidebar-fill: var(--bs-gray-300);
	--icon-navbar-toggler-sidebar: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 440%27%3E%3Cpath fill=%27%23a5aec3%27 d=%27M0,36C0,16.1,16.3,0,36.6,0h438.9C495.7,0,512,16.1,512,36s-16.3,36-36.6,36H36.6C16.3,72,0,55.9,0,36z M0,404 c0-19.9,16.3-36,36.6-36h438.9c20.2,0,36.6,16.1,36.6,36s-16.3,36-36.6,36H36.6C16.3,440,0,423.9,0,404z M0,220 c0-19.9,16.3-36,36.6-36h438.9c20.2,0,36.6,16.1,36.6,36s-16.3,36-36.6,36H36.6C16.3,256,0,239.9,0,220z%27/%3E%3C/svg%3E");

	--bs-form-select-bg-img: var(--icon-chevron-right-dark);
	/*--bs-form-select-bg-icon: url("");*/

	--bs-btn-close-bg: var(--icon-xmark-dark);

	--sidebar-max-width: 300px;
	--contentbar-max-width: calc(100% - var(--sidebar-max-width));
}

@media (min-width: 576px) {
	/* ----------------------------------------
		scrollbar
	---------------------------------------- */
	* {
		/*scrollbar-width: thin;*/
		/*scrollbar-color: var(--scrollbar-thumb) transparent;*/
	}
	*:hover {
		/*scrollbar-color: var(--scrollbar-thumb-hover) transparent;*/
	}

	*::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	*::-webkit-scrollbar-track,
	*::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-track);
		border-radius: 1rem;
		/*transition: all 0.25s ease-in-out;*/
	}
	*:hover::-webkit-scrollbar-track {
		background-color: var(--scrollbar-track);
	}

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

	*::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-thumb);
	}
	*:hover::-webkit-scrollbar-thumb {
		/*background-color: var(--scrollbar-thumb-hover);*/
	}
}



/* -------------------------------------------
	body
------------------------------------------- */
* {
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: #f9fbfd;
	background-image: linear-gradient(0deg, #f9fbfd 0%, #ffffff 100%);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}

/* -------------------------------------------
	mh-100vh
------------------------------------------- */
.mh-100vh,
html, body, .wrap {
	min-height: 100vh;
}

/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./resources/scss/custom.css ***!
  \*****************************************************************************/


/* ----------------------------------------
	hr
---------------------------------------- */
hr {
  margin: 2rem 0;
  opacity: 0.1;
  /*margin: 3rem 0;*/
  /*opacity: 0.25;*/
}

/* ----------------------------------------
	ol ul
---------------------------------------- */
ol li,
ul li {
  /*margin-top: 1rem;*/
  margin-top: 0;
}
ol li:first-child,
ul li:first-child,
ol li.nav-item,
ul li.nav-item {
  margin-top: 0;
}

/* ----------------------------------------
	title hN
---------------------------------------- */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: 900;
  line-height: 1.2;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

h6, .h6,
h5, .h5,
h4, .h4,
h3, .h3 {
  font-weight: 800;
  margin-top: 2rem;
}
h6:first-child, .h6:first-child,
h5:first-child, .h5:first-child,
h4:first-child, .h4:first-child,
h3:first-child, .h3:first-child,
h2:first-child, .h2:first-child,
h1:first-child, .h1:first-child {
  margin-top: 0;
  /*margin-bottom: 0.5rem;*/
  margin-bottom: 1rem;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.375rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 1rem;
}


/* ----------------------------------------
	table-responsive
---------------------------------------- */
.table-responsive {
  padding-bottom: 1px;
  padding-right: 1px;
}

/* ----------------------------------------
	table
---------------------------------------- */
.table {
  --bs-table-color: var(--bs-gray-900);
  --bs-table-border-color: rgba(var(--bs-gray-100-rgb), 0.55);
  --bs-table-bg: var(--bs-white);

  --bs-table-color-thead: var(--bs-info-950);
  --bs-table-border-color-thead-first: var(--bs-table-border-color);
  --bs-table-border-color-thead-last: var(--bs-table-border-color);
  --bs-table-bg-thead-first: var(--bs-table-bg);
  --bs-table-bg-thead-last: var(--bs-table-bg);

  --bs-table-striped-color: var(--bs-gray-950);
  --bs-table-striped-bg: rgba(var(--bs-gray-500-rgb), 0.05);

  --bs-table-active-color: var(--bs-gray-950);
  --bs-table-active-bg: rgba(var(--bs-gray-500-rgb), 0.1);

  --bs-table-hover-color: var(--bs-gray-950);
  --bs-table-hover-border-color: rgba(var(--bs-gray-100-rgb), 0.55);
  --bs-table-hover-bg: rgba(var(--bs-gray-50-rgb), 0.85);

  margin-bottom: 0;

  border-spacing: 0;
  border-collapse: separate;

  /*border-top-width: var(--bs-border-width);*/
  border-bottom-width: var(--bs-border-width);
  /*border-left-width: var(--bs-border-width);*/
  border-right-width: var(--bs-border-width);

  /*border-top-width: 0;*/
  /*border-bottom-width: 0;*/
  /*border-left-width: 0;*/
  /*border-right-width: 0;*/
}
.table > tbody {
  vertical-align: middle;
}
.table > :not(caption) > * > * {
  --table-padding-x: 0.563rem;
  --table-padding-y: 0.375rem;
  /*--table-padding: 0.5rem;*/
  /*--table-padding-bottom: calc(var(--table-padding) - 1px);*/
  --table-font-size: inherit;

  font-size: var(--table-font-size);
  /*padding: var(--table-padding) var(--table-padding) var(--table-padding-bottom);*/
  padding: calc(var(--table-padding-y) + 1px) var(--table-padding-x) var(--table-padding-y);
}
.table > thead > tr > th {
  -webkit-backdrop-filter: var(--backdrop-filter-blur);
  backdrop-filter: var(--backdrop-filter-blur);
}
.table > :not(caption) > * > * a {
  text-decoration: none;
}

thead > tr:first-child > th {
  --bs-table-color: var(--bs-table-color-thead);
  --bs-table-border-color: var(--bs-table-border-color-thead-first);
  --bs-table-bg: var(--bs-table-bg-thead-first);
}
thead > tr:not(:first-child):last-child > th {
  --bs-table-color: var(--bs-table-color-thead);
  --bs-table-border-color: var(--bs-table-border-color-thead-last);
  --bs-table-bg: var(--bs-table-bg-thead-last);
}

@media (max-width: 1499.98px) {
  .table > :not(caption) > * > * {
    --table-padding-x: 0.438rem;
    --table-padding-y: 0.313rem;
    /*--table-padding: 0.375rem;*/
    --table-font-size: 0.875rem;
  }
}

@media (max-width: 1399.98px) {
  .table > :not(caption) > * > * {
    --table-padding-x: 0.313rem;
    --table-padding-y: 0.188rem;
    /*--table-padding: 0.25rem;*/
    /*--table-padding-bottom: calc(var(--table-padding) - 0px);*/
    --table-font-size: 0.75rem;
  }
}

/* ----------------------------------------
	table-group-divider
---------------------------------------- */
.table-group-divider {}
thead.table-group-divider > tr:last-child > *,
thead.table-group-divider > tr:last-child > *:first-child,
thead.table-group-divider > tr:last-child > *:last-child {
  --box-shadow-color: var(--bs-blue-500-rgb);

  border-bottom-width: calc(var(--bs-border-width) * 2);
  box-shadow: var(--bs-box-shadow-sm);
}

/* ----------------------------------------
	table-bordered
---------------------------------------- */
.table-bordered > :not(caption) > * {}
.table-bordered > :not(caption) > * > * {
  border-style: solid;
  border-color: var(--bs-table-border-color);
  border-width: 0;
  border-bottom-width: var(--bs-border-width);
  border-right-width: var(--bs-border-width);
}
.table-bordered > :not(caption) > * > *:first-child {
  border-left-width: var(--bs-border-width);
}
.table-bordered > thead > *:first-child > *,
.table-bordered > tbody > *:first-child > * {
  border-top-width: var(--bs-border-width);
}

/* ----------------------------------------
	table-hover
---------------------------------------- */
.table-hover > tbody > tr > * {
  transition: color var(--transition-options-15), border-color var(--transition-options-15), background-color var(--transition-options-15), box-shadow var(--transition-options-15);
}

.table-hover > tbody > tr:hover > * {
  /*--bs-table-color-state: var(--bs-table-hover-color);*/
  /*--bs-table-bg-state: var(--bs-table-hover-bg);*/

  border-color: var(--bs-table-hover-border-color);
}

/* ----------------------------------------
	table-* colors
---------------------------------------- */
.table-primary {
  --bs-table-color: var(--bs-primary-900);
  --bs-table-border-color: rgba(var(--bs-primary-100-rgb), 1);
  --bs-table-bg: rgba(var(--bs-primary-50-rgb), 1);

  --bs-table-color-thead: var(--bs-primary-950);
  --bs-table-border-color-thead-first: rgba(var(--bs-primary-300-rgb), 1);
  --bs-table-border-color-thead-last: rgba(var(--bs-primary-200-rgb), 1);
  --bs-table-bg-thead-first: rgba(var(--bs-primary-200-rgb), 1);
  --bs-table-bg-thead-last: rgba(var(--bs-primary-100-rgb), 1);

  --bs-table-striped-color: var(--bs-primary-950);
  --bs-table-striped-bg: rgba(var(--bs-primary-100-rgb), 0.55);

  --bs-table-active-color: var(--bs-primary-950);
  --bs-table-active-bg: rgba(var(--bs-primary-100-rgb), 1);

  --bs-table-hover-color: var(--bs-primary-950);
  --bs-table-hover-border-color: rgba(var(--bs-primary-100-rgb), 1);
  --bs-table-hover-bg: rgba(var(--bs-primary-100-rgb), 1);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: var(--bs-secondary-900);
  --bs-table-border-color: rgba(var(--bs-secondary-100-rgb), 1);
  --bs-table-bg: rgba(var(--bs-secondary-50-rgb), 1);

  --bs-table-color-thead: var(--bs-secondary-950);
  --bs-table-border-color-thead-first: rgba(var(--bs-secondary-300-rgb), 1);
  --bs-table-border-color-thead-last: rgba(var(--bs-secondary-200-rgb), 1);
  --bs-table-bg-thead-first: rgba(var(--bs-secondary-200-rgb), 1);
  --bs-table-bg-thead-last: rgba(var(--bs-secondary-100-rgb), 1);

  --bs-table-striped-color: var(--bs-secondary-950);
  --bs-table-striped-bg: rgba(var(--bs-secondary-100-rgb), 0.55);

  --bs-table-active-color: var(--bs-secondary-950);
  --bs-table-active-bg: rgba(var(--bs-secondary-100-rgb), 1);

  --bs-table-hover-color: var(--bs-secondary-950);
  --bs-table-hover-border-color: rgba(var(--bs-secondary-100-rgb), 1);
  --bs-table-hover-bg: rgba(var(--bs-secondary-100-rgb), 1);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: var(--bs-success-900);
  --bs-table-border-color: rgba(var(--bs-success-100-rgb), 1);
  --bs-table-bg: rgba(var(--bs-success-50-rgb), 1);

  --bs-table-color-thead: var(--bs-success-950);
  --bs-table-border-color-thead-first: rgba(var(--bs-success-300-rgb), 1);
  --bs-table-border-color-thead-last: rgba(var(--bs-success-200-rgb), 1);
  --bs-table-bg-thead-first: rgba(var(--bs-success-200-rgb), 1);
  --bs-table-bg-thead-last: rgba(var(--bs-success-100-rgb), 1);

  --bs-table-striped-color: var(--bs-success-950);
  --bs-table-striped-bg: rgba(var(--bs-success-100-rgb), 0.55);

  --bs-table-active-color: var(--bs-success-950);
  --bs-table-active-bg: rgba(var(--bs-success-100-rgb), 1);

  --bs-table-hover-color: var(--bs-success-950);
  --bs-table-hover-border-color: rgba(var(--bs-success-100-rgb), 1);
  --bs-table-hover-bg: rgba(var(--bs-success-100-rgb), 1);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: var(--bs-info-900);
  --bs-table-border-color: rgba(var(--bs-info-100-rgb), 1);
  --bs-table-bg: rgba(var(--bs-info-50-rgb), 1);

  --bs-table-color-thead: var(--bs-info-950);
  --bs-table-border-color-thead-first: rgba(var(--bs-info-300-rgb), 1);
  --bs-table-border-color-thead-last: rgba(var(--bs-info-200-rgb), 1);
  --bs-table-bg-thead-first: rgba(var(--bs-info-200-rgb), 1);
  --bs-table-bg-thead-last: rgba(var(--bs-info-100-rgb), 1);

  --bs-table-striped-color: var(--bs-info-950);
  --bs-table-striped-bg: rgba(var(--bs-info-100-rgb), 0.55);

  --bs-table-active-color: var(--bs-info-950);
  --bs-table-active-bg: rgba(var(--bs-info-100-rgb), 1);

  --bs-table-hover-color: var(--bs-info-950);
  --bs-table-hover-border-color: rgba(var(--bs-info-100-rgb), 1);
  --bs-table-hover-bg: rgba(var(--bs-info-100-rgb), 1);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/*.table-info {
	--bs-table-color: var(--bs-info-950);
	--bs-table-border-color: rgba(var(--bs-info-700-rgb), 0.3);
	--bs-table-bg: rgba(var(--bs-info-100-rgb), 0.45);
	--bs-table-bg-thead-first: rgba(var(--bs-info-100-rgb), 0.65);
	--bs-table-bg-thead-last: rgba(var(--bs-info-50-rgb), 0.75);

	--bs-table-striped-color: var(--bs-info-900);
	--bs-table-striped-bg: rgba(var(--bs-info-50-rgb), 0.25);

	--bs-table-active-color: var(--bs-info-900);
	--bs-table-active-bg: rgba(var(--bs-info-100-rgb), 0.25);

	--bs-table-hover-color: var(--bs-info-900);
	--bs-table-hover-bg: rgba(var(--bs-info-100-rgb), 0.25);

	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}*/

.table-warning {
  --bs-table-color: var(--bs-warning-900);
  --bs-table-border-color: rgba(var(--bs-warning-100-rgb), 1);
  --bs-table-bg: rgba(var(--bs-warning-50-rgb), 1);

  --bs-table-color-thead: var(--bs-warning-950);
  --bs-table-border-color-thead-first: rgba(var(--bs-warning-300-rgb), 1);
  --bs-table-border-color-thead-last: rgba(var(--bs-warning-200-rgb), 1);
  --bs-table-bg-thead-first: rgba(var(--bs-warning-200-rgb), 1);
  --bs-table-bg-thead-last: rgba(var(--bs-warning-100-rgb), 1);

  --bs-table-striped-color: var(--bs-warning-950);
  --bs-table-striped-bg: rgba(var(--bs-warning-100-rgb), 0.55);

  --bs-table-active-color: var(--bs-warning-950);
  --bs-table-active-bg: rgba(var(--bs-warning-100-rgb), 1);

  --bs-table-hover-color: var(--bs-warning-950);
  --bs-table-hover-border-color: rgba(var(--bs-warning-100-rgb), 1);
  --bs-table-hover-bg: rgba(var(--bs-warning-100-rgb), 1);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: var(--bs-danger-900);
  --bs-table-border-color: rgba(var(--bs-danger-100-rgb), 1);
  --bs-table-bg: rgba(var(--bs-danger-50-rgb), 1);

  --bs-table-color-thead: var(--bs-danger-950);
  --bs-table-border-color-thead-first: rgba(var(--bs-danger-300-rgb), 1);
  --bs-table-border-color-thead-last: rgba(var(--bs-danger-200-rgb), 1);
  --bs-table-bg-thead-first: rgba(var(--bs-danger-200-rgb), 1);
  --bs-table-bg-thead-last: rgba(var(--bs-danger-100-rgb), 1);

  --bs-table-striped-color: var(--bs-danger-950);
  --bs-table-striped-bg: rgba(var(--bs-danger-100-rgb), 0.55);

  --bs-table-active-color: var(--bs-danger-950);
  --bs-table-active-bg: rgba(var(--bs-danger-100-rgb), 1);

  --bs-table-hover-color: var(--bs-danger-950);
  --bs-table-hover-border-color: rgba(var(--bs-danger-100-rgb), 1);
  --bs-table-hover-bg: rgba(var(--bs-danger-100-rgb), 1);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: var(--bs-gray-950);
  --bs-table-border-color: rgba(var(--bs-gray-700-rgb), 0.2);
  --bs-table-bg: rgba(var(--bs-gray-50-rgb), 0.95);
  --bs-table-bg-thead-first: rgba(var(--bs-gray-100-rgb), 0.5);
  --bs-table-bg-thead-last: rgba(var(--bs-gray-50-rgb), 0.65);
  --bs-table-striped-color: var(--bs-gray-950);
  --bs-table-striped-bg: rgba(var(--bs-gray-50-rgb), 0.6);
  --bs-table-active-color: var(--bs-gray-950);
  --bs-table-active-bg: rgba(var(--bs-gray-100-rgb), 0.6);
  --bs-table-hover-color: var(--bs-gray-950);
  --bs-table-hover-bg: rgba(var(--bs-gray-100-rgb), 0.6);

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-bg-thead-first: rgba(var(--bs-gray-100-rgb), 0.5);
  --bs-table-bg-thead-last: rgba(var(--bs-gray-50-rgb), 0.65);
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;

  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}



/* -------------------------------------------
	form-check-input
------------------------------------------- */
.form-check-input {
  background-position-y: -1em;
  transition: background-color var(--transition-options-15), background-position 0.35s cubic-bezier(0.2, 0, 0.05, 1.5), border-color var(--transition-options-15), box-shadow var(--transition-options-15);
}
.form-check-input:checked {
  background-position-y: 0;
}



/* -------------------------------------------
	btn
------------------------------------------- */
.btn {
  /* --bs-btn-padding-x: 0.75rem; */
  --bs-btn-padding-x: 0.813rem;
  /* --bs-btn-padding-x: 0.875rem; */
  /*--bs-btn-padding-y: 0.375rem;*/
  /*--bs-btn-font-size: 1rem;*/
  /*--bs-btn-font-weight: 400;*/
  /*--bs-btn-line-height: 1.5;*/
  /*--bs-btn-color: var(--bs-body-color);*/
  /*--bs-btn-border-width: var(--bs-border-width);*/
  --bs-btn-border-radius: var(--bs-border-radius-pill);
  --bs-btn-box-shadow:
          /*0px 1.15891px 0.755676px rgba(var(--bs-btn-box-shadow-color), 0.12),
          0px 2.63479px 1.91116px rgba(var(--bs-btn-box-shadow-color), 0.0827978),
          0px 4.77692px 3.89859px rgba(var(--bs-btn-box-shadow-color), 0.0667549),
          0px 8.5846px 8.03036px rgba(var(--bs-btn-box-shadow-color), 0.0532451),
          0px 24px 22px rgba(var(--bs-btn-box-shadow-color), 0.0372022)*/
          0 0 0 rgba(var(--bs-btn-box-shadow-color), 0.1),
          0 0 0 rgba(var(--bs-btn-box-shadow-color), 0.15),
          0 0 0 rgba(var(--bs-btn-box-shadow-color), 0.2);
  --bs-btn-box-shadow-hover:
          0 1px 2px rgba(var(--bs-btn-box-shadow-color), 0.1),
          0 4px 8px rgba(var(--bs-btn-box-shadow-color), 0.15),
          0 8px 16px rgba(var(--bs-btn-box-shadow-color), 0.2);
  --bs-btn-box-shadow-active: var(--bs-btn-box-shadow);
  --bs-btn-disabled-opacity: .65;
  /*--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);*/

  --btn-translateY-hover: translateY(-2px);
  --btn-translateY-active: translateY(0);
  --btn-scale-active: scale(.99);
  --btn-hover-bg-rgba-opacity: .85;
  --btn-disabled-color-rgba-opacity: 1;
  --btn-disabled-bg-rgba-opacity: 1;
  /*--box-shadow-color: var(--bs-secondary-rgb);*/
  --bs-btn-box-shadow-color: var(--bs-btn-focus-shadow-rgb);

  box-shadow: var(--bs-btn-box-shadow);
  /*box-shadow: none;*/
  transition: all var(--transition-options-15);
}
.btn:hover {
  transform: var(--btn-translateY-hover);
  box-shadow: var(--bs-btn-box-shadow-hover);
  /*box-shadow: none;*/
}
.btn:active {
  transform: var(--btn-translateY-active) var(--btn-scale-active);
  box-shadow: var(--bs-btn-box-shadow-active);
  /*box-shadow: none;*/
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  cursor: not-allowed;
  /*box-shadow: var(--bs-btn-box-shadow-active);*/
  box-shadow: none;
}
table .btn {
  --btn-translateY-hover: translateY(-1px);
  --btn-scale-active: scale(.97);

  box-shadow: none !important;
}

.btn-inflex,
.btn-flex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-flex {
  display: flex;
}

/* -------------------------------------------
	btn-* colors
------------------------------------------- */
.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-secondary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-secondary-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-success {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-success-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-success-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-success-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-success-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-success-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-info {
  --bs-btn-color: var(--bs-info-950);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);

  --bs-btn-hover-color: var(--bs-info-950);
  --bs-btn-hover-bg: rgba(var(--bs-info-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);

  --bs-btn-active-color: var(--bs-info-950);
  --bs-btn-active-bg: rgba(var(--bs-info-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-info-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-info-950), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-info-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-info-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-warning {
  --bs-btn-color: var(--bs-warning-950);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);

  --bs-btn-hover-color: var(--bs-warning-950);
  --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);

  --bs-btn-active-color: var(--bs-warning-950);
  --bs-btn-active-bg: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-warning-950-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-warning-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-warning-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-danger {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-danger-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-danger-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-light {
  --bs-btn-color: var(--bs-gray-900);
  --bs-btn-bg: var(--bs-gray-50);
  --bs-btn-border-color: var(--bs-gray-50);

  --bs-btn-hover-color: var(--bs-gray-900);
  --bs-btn-hover-bg: rgba(var(--bs-gray-50-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-gray-50-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-gray-400-rgb);

  --bs-btn-active-color: var(--bs-gray-900);
  --bs-btn-active-bg: rgba(var(--bs-gray-50-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-gray-50-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-gray-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-gray-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-gray-50-rgb), var(--btn-disabled-bg-rgba-opacity));
}

.btn-dark {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-gray-800);
  --bs-btn-border-color: var(--bs-gray-800);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-gray-800-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-gray-800-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-gray-800-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-gray-800-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-gray-800-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-white-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-gray-800-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-gray-800-rgb), var(--btn-disabled-bg-rgba-opacity));
}

/* -------------------------------------------
	btn-outline-* colors
------------------------------------------- */
[class*="btn-outline-"]:hover {
  /* transform: var(--btn-translateY-active); */
}
[class*="btn-outline-"]:active {
  /* transform: var(--btn-translateY-active) var(--btn-scale-active); */
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary-700);
  --bs-btn-bg: var(--bs-primary-50);
  --bs-btn-border-color: var(--bs-primary-100);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-primary-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-primary-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-primary-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary-700);
  --bs-btn-bg: var(--bs-secondary-50);
  --bs-btn-border-color: var(--bs-secondary-100);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-secondary-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-secondary-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-secondary-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success-700);
  --bs-btn-bg: var(--bs-success-50);
  --bs-btn-border-color: var(--bs-success-100);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-success-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-success-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-success-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-success-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-success-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-success-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info-700);
  --bs-btn-bg: var(--bs-info-50);
  --bs-btn-border-color: var(--bs-info-100);

  --bs-btn-hover-color: var(--bs-info-950);
  --bs-btn-hover-bg: rgba(var(--bs-info-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);

  --bs-btn-active-color: var(--bs-info-950);
  --bs-btn-active-bg: rgba(var(--bs-info-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-info-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-info-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-info-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-info-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning-700);
  --bs-btn-bg: var(--bs-warning-50);
  --bs-btn-border-color: var(--bs-warning-100);

  --bs-btn-hover-color: var(--bs-warning-950);
  --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);

  --bs-btn-active-color: var(--bs-warning-950);
  --bs-btn-active-bg: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-warning-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-warning-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-warning-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger-700);
  --bs-btn-bg: var(--bs-danger-50);
  --bs-btn-border-color: var(--bs-danger-100);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-danger-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-danger-50-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-danger-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: var(--bs-gray-700);
  --bs-btn-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-gray-100);

  --bs-btn-hover-color: var(--bs-gray-900);
  --bs-btn-hover-bg: rgba(var(--bs-gray-50-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-gray-50-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-gray-400-rgb);

  --bs-btn-active-color: var(--bs-gray-900);
  --bs-btn-active-bg: rgba(var(--bs-gray-50-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-gray-50-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-gray-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-white-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-gray-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: var(--bs-gray-950);
  --bs-btn-bg: var(--bs-gray-100);
  --bs-btn-border-color: var(--bs-gray-300);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-gray-800-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-hover-border-color: rgba(var(--bs-gray-800-rgb), var(--btn-hover-bg-rgba-opacity));
  --bs-btn-focus-shadow-rgb: var(--bs-gray-800-rgb);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-gray-800-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-gray-800-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-gray-950-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-gray-100-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-btn-disabled-border-color: rgba(var(--bs-gray-300-rgb), var(--btn-disabled-bg-rgba-opacity));
  --bs-gradient: none;
}

.btn-icon-gray {
  --bs-btn-color: var(--bs-info-700);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;

  --bs-btn-hover-color: var(--bs-info-950);
  --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 0);
  --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), 0);
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);

  --bs-btn-active-color: var(--bs-info-900);
  --bs-btn-active-bg: rgba(var(--bs-info-rgb), 0);
  --bs-btn-active-border-color: rgba(var(--bs-info-rgb), 0);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-info-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-info-50-rgb), 0);
  --bs-btn-disabled-border-color: rgba(var(--bs-info-100-rgb), 0);
  --bs-gradient: none;
}

.btn-icon-warning {
  --bs-btn-color: var(--bs-warning-700);
  /*--bs-btn-bg: rgba(var(--bs-warning-100-rgb), 1);*/
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;

  --bs-btn-hover-color: var(--bs-warning-950);
  --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 0);
  --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), 0);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);

  --bs-btn-active-color: var(--bs-warning-900);
  --bs-btn-active-bg: rgba(var(--bs-warning-rgb), 0);
  --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), 0);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-warning-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-warning-50-rgb), 0);
  --bs-btn-disabled-border-color: rgba(var(--bs-warning-100-rgb), 0);
  --bs-gradient: none;
}

.btn-icon-warning-bg {
  --bs-btn-color: var(--bs-warning-900);
  --bs-btn-bg: rgba(var(--bs-warning-100-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-warning-200-rgb), 1);

  --bs-btn-hover-color: var(--bs-warning-950);
  --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-hover-border-color: rgba(var(--bs-warning-600-rgb), 1);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-900-rgb);

  --bs-btn-active-color: var(--bs-warning-950);
  --bs-btn-active-bg: rgba(var(--bs-warning-400-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: rgba(var(--bs-warning-900-rgb), var(--btn-disabled-color-rgba-opacity));
  --bs-btn-disabled-bg: rgba(var(--bs-warning-50-rgb), 0);
  --bs-btn-disabled-border-color: rgba(var(--bs-warning-100-rgb), 0);
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 var(--bs-black);
  --bs-btn-box-shadow-hover: 0 0 0 var(--bs-black);
  --bs-btn-box-shadow-active: 0 0 0 var(--bs-black);
  --bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb);
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover,
.btn-link:active {
  color: var(--bs-btn-hover-color);
  transform: var(--btn-translateY-active);
}

/* -------------------------------------------
	btn-lg
------------------------------------------- */
.btn-lg, .btn-group-lg > .btn {
  /*--bs-btn-padding-y: 0.5rem;*/
  --bs-btn-padding-x: 1.375rem;
  /*--bs-btn-font-size: 1.25rem;*/
  /*--bs-btn-border-radius: var(--bs-border-radius-lg);*/
}

/* -------------------------------------------
	btn-sm
------------------------------------------- */
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  /* --bs-btn-padding-x: 0.625rem; */
  --bs-btn-padding-x: 0.75rem;
  /*--bs-btn-font-size: 0.875rem;*/
  /*--bs-btn-border-radius: var(--bs-border-radius-sm);*/
}

/* -------------------------------------------
	btn-square
------------------------------------------- */
.btn-square {
  --btn-square-size: 2.375rem;

  width: var(--btn-square-size);
  height: var(--btn-square-size);
  padding: var(--bs-btn-padding-y);
}
.btn-square.btn-lg {
  --btn-square-size: 3rem;
}
.btn-square.btn-sm {
  --btn-square-size: 1.875rem;
}
.btn-square.btn-smlr {
  --btn-square-size: 1.25rem;
  /*--bs-btn-font-size: 0.898em;*/
  --bs-btn-font-size: 0.688rem;
  --bs-btn-line-height: 1 !important;
  --bs-btn-padding-y: 0.125rem;
}
.btn-square input {
  margin-top: 0;
}

/* -------------------------------------------
	btn has-spinner
------------------------------------------- */
.btn.has-spinner [aria-hidden=true] {
  display: none;
  opacity: 0;
  transition: opacity var(--transition-options-25);
}
.btn.has-spinner:disabled [aria-hidden=true] {
  display: inline-block;
  opacity: 1;
}
.btn.has-spinner [role=status] {
  opacity: 1;
  transition: opacity var(--transition-options-25);
}
.btn.has-spinner:disabled [role=status] {
  display: none;
  opacity: 0;
}

/* -------------------------------------------
	btn-close
------------------------------------------- */
.btn-close {
  --bs-btn-close-bg: var(--icon-xmark);
  transition: all var(--transition-options-25);
}

/* -------------------------------------------
	list-group
------------------------------------------- */
.list-group {
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-active-color: var(--bs-white);
  --bs-list-group-active-bg: var(--bs-primary);
  --bs-list-group-active-border-color: var(--bs-primary);

  border-radius: var(--bs-list-group-border-radius);
}



/* ----------------------------------------
	dropdown-toggle
---------------------------------------- */
.navbar .dropdown-toggle {}
.navbar .dropdown-toggle::after {
  --dropdown-icon-size-toggle: 8px;
  --dropdown-icon-bg-image-toggle: var(--icon-chevron-right);

  vertical-align: 0.063em;
  /*vertical-align: 0.125em;*/
  /*margin-left: 0.255em;*/
  border: 0;

  width: var(--dropdown-icon-size-toggle);
  height: var(--dropdown-icon-size-toggle);
  flex: 0 0 auto;
  background-image: var(--dropdown-icon-bg-image-toggle);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transition: transform var(--transition-options-35);
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
.navbar .dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(270deg);
}
.navbar .dropdown-toggle .badge {
  /*transform: translateY(-1px);*/
}

.caret-off::after {
  display: none !important;
}

/* ----------------------------------------
	animation item show
---------------------------------------- */
:root {
  /*
  cubic-bezier(0.470, 0.000, 0.745, 0.715)
  cubic-bezier(0.550, 0.085, 0.680, 0.530)
  ease-in-out
  */
  --animation-item-value-show: both 0.15s ease-in-out;
  --animation-item-value-hide: both 0.25s ease-in-out;
  --animation-item-show: itemShow var(--animation-item-value-show);
  --animation-item-hide: itemHide var(--animation-item-value-hide);

  /*animation: var(--animation-item-show);*/
  /*animation: var(--animation-item-hide);*/
}

@keyframes itemShow {
  from {
    opacity: 0;
    transform: scale(0.8) translateY(-20px);
  }
  50% {
    transform: scale(0.9) translateY(4px);
  }
  to {
    display: block;
    opacity: 1;
    transform: scale(1) translateY(4px);
  }
}
@keyframes itemHide {
  from {
    display: block;
    opacity: 1;
    top: 100%;
    transform: scale(1) translateY(4px);
  }
  50% {
    transform: scale(0.9) translateY(4px);
  }
  to {
    opacity: 0;
    top: 100%;
    transform: scale(0.8) translateY(-20px);
  }
}

/* ----------------------------------------
	dropdown-menu
---------------------------------------- */
.dropdown-menu {
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.75rem;
  --bs-dropdown-spacer: 0.125rem;
  /*--bs-dropdown-font-size: 1rem;*/
  /*--bs-dropdown-font-size: inherit;*/
  /*--bs-dropdown-color: var(--bs-body-color);*/
  --bs-dropdown-bg: rgba(var(--bs-white-rgb), 0.6);
  --bs-dropdown-border-color: rgba(var(--bs-white-rgb), 0.05);
  --bs-dropdown-border-width: 3px;
  --bs-dropdown-border-radius: var(--bs-border-radius-xl);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color);
  /*--bs-dropdown-divider-margin-y: 0.5rem;*/
  --bs-dropdown-box-shadow:
          inset 0px 0px 0px 1px rgba(var(--bs-white-rgb), 0.6),
          inset 0px 0px 20px 1px rgba(var(--bs-white-rgb), 0.8),
          inset 0px 2px 0px 1px rgba(var(--bs-white-rgb), 0.6),
          inset 0px -2px 0px 1px rgba(var(--bs-white-rgb), 0.5),
          0px 0px 0px 1px rgba(var(--bs-white-rgb), 0.4),
          var(--bs-box-shadow-lg);
  --bs-dropdown-link-color: var(--bs-gray-700);
  --bs-dropdown-link-hover-color: var(--bs-blue-500);
  --bs-dropdown-link-hover-bg: rgba(var(--bs-blue-500-rgb), .05);
  --bs-dropdown-link-active-color: var(--bs-white);
  --bs-dropdown-link-active-bg: var(--bs-blue-400);
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 0.625rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-item-margin-x: 0.75rem;
  --bs-dropdown-item-border-radius: calc(var(--bs-dropdown-border-radius) - 0.5rem);
  --bs-dropdown-header-color: var(--bs-secondary);
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;

  --dropdown-item-icon-size: 24px;

  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  background-color: var(--bs-dropdown-bg);

  box-shadow: var(--bs-dropdown-box-shadow);

  animation: var(--animation-item-hide);

  /*transform: scale(0.95) translateY(-5px);*/
  /*transition: transform var(--transition-options-25);*/

  -webkit-backdrop-filter: var(--backdrop-filter-blur-sm);
  backdrop-filter: var(--backdrop-filter-blur-sm);
}
.dropdown-menu.show {
  animation: var(--animation-item-show);
}

@media (min-width: 1200px) {
  .navbar .dropdown-menu-xl-end {
    /*top: 100%;*/
    left: auto;
    right: 0 !important;
    /*position: absolute;*/
    margin-top: 7px !important;
  }
}

@media (max-width: 1199.98px) {
  .navbar .dropdown-menu {
    width: 100%;
    /*top: 100%;*/
    left: 0;
    position: absolute;
  }
}

/* ----------------------------------------
	dropdown-header
---------------------------------------- */
.dropdown-header {
  display: block;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
}

/* ----------------------------------------
	dropdown-item
---------------------------------------- */
.dropdown-item {
  width: calc(100% - (var(--bs-dropdown-item-margin-x) * 2));
  display: flex;
  align-items: center;
  color: var(--bs-dropdown-link-color);
  /*font-size: 0.875rem;*/
  /*line-height: 1;*/
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  margin-left: var(--bs-dropdown-item-margin-x);
  margin-right: var(--bs-dropdown-item-margin-x);
  background-color: transparent;
  /*background-color: rgba(var(--bs-blue-500-rgb), .15);*/
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  transition: color var(--transition-options-15), background-color var(--transition-options-15);

  backface-visibility: hidden;
}
.dropdown-item:has(> i) {
  line-height: 1;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  background-color: transparent;
}

/* ----------------------------------------
	dropdown-item icon
---------------------------------------- */
.dropdown-item > i {
  width: var(--dropdown-item-icon-size);
  height: var(--dropdown-item-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1px;
  margin-left: calc((var(--bs-dropdown-item-padding-x) * -1) + var(--bs-dropdown-item-padding-y));
  margin-right: 0.25rem;
  background-color: transparent;
  /*background-color: rgba(var(--bs-blue-500-rgb), 0.1);*/
  border-radius: calc(var(--bs-dropdown-item-border-radius) - 2px);
}

/* ----------------------------------------
	dropdown-item-text
---------------------------------------- */
.dropdown-item-text {
  display: block;
  color: var(--bs-dropdown-link-color);
  padding: var(--bs-dropdown-item-padding-y);
  margin-left: var(--bs-dropdown-item-margin-x);
  margin-right: var(--bs-dropdown-item-margin-x);
}

/* -------------------------------------------
	navbar-nav-2row
------------------------------------------- */
.navbar-nav-2row {
  display: flex;
  justify-content: space-between;
}
.navbar-nav-2row > li {
  display: flex;
  align-items: center;
  /*padding-bottom: 0;*/
}

.navbar-nav-2row-item:last-child {
  display: flex;
  align-items: center;
  justify-content: center;

  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.navbar-nav-2row .dropdown-toggle::after {
  vertical-align: 0.063em;
  /*vertical-align: 0.125em;*/
}

@media (min-width: 1200px) {
  .navbar-nav-2row > li {
    min-height: var(--navbar-h);
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
  }

  .navbar-nav-2row-item:first-child {
    font-size: 0.875em;
  }

  .navbar-nav-2row .dropdown-menu-xl-end {
    margin-top: 0px !important;
  }
}

@media (max-width: 1199.98px) {
  .navbar-nav-2row-item:last-child {
    margin-left: auto;
  }

  /*.navbar-nav-2row.navbar-nav .dropdown-menu {
      width: 100%;
      top: 100%;
      left: 0;
      position: absolute;
  }*/
}



/* -------------------------------------------
	card
------------------------------------------- */
.card {
  --bs-card-border-width: 0;
  --bs-card-border-radius: var(--bs-border-radius-xl);
  --bs-card-box-shadow:
          0px 0.4px 0.5px rgba(var(--bs-gray-600-rgb), 0.016),
          0px 1px 1.4px rgba(var(--bs-gray-600-rgb), 0.022),
          0px 2.1px 2.8px rgba(var(--bs-gray-600-rgb), 0.028),
          0px 4.4px 5.8px rgba(var(--bs-gray-600-rgb), 0.034),
          0px 12px 16px rgba(var(--bs-gray-600-rgb), 0.05);
  /*--bs-card-box-shadow: var(--bs-box-shadow);*/
  --bs-card-inner-border-radius: calc(var(--bs-border-radius-xl) - (var(--bs-border-width)));
  --bs-card-cap-bg: rgba(var(--bs-gray-700-rgb), 0.04);

  box-shadow: var(--bs-card-box-shadow);
}
.card-header:first-child {
  box-shadow: inset 0 1px 0 0 rgba(var(--bs-gray-700-rgb), 0.02), inset 0 2px 6px 0 rgba(var(--bs-gray-700-rgb), 0.02);
}



/* -------------------------------------------
	breadcrumb
------------------------------------------- */
.breadcrumb-container {}
.breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;

  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27 width=%278%27 height=%278%27%3E%3Cpath fill=%27%23bea7d0%27 d=%27M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z%27/%3E%3C/svg%3E");
}
.breadcrumb-item {
  display: flex;
}
.breadcrumb-item + .breadcrumb-item {}
.breadcrumb-item + .breadcrumb-item::before {
  float: none;
}

@media (max-width: 575.98px) {
  .breadcrumb-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .breadcrumb {
    flex-wrap: nowrap;
    /*white-space: nowrap;*/
  }
}



/* -------------------------------------------
	pagination
------------------------------------------- */
.pagination {
  --bs-pagination-active-bg: var(--bs-link-color);
  --bs-pagination-active-border-color: var(--bs-link-color);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.625rem;
}


@media (max-width: 699.98px) {
  .page-link {
    margin: 4px;
  }
  .page-item:not(:first-child) .page-link {
    margin-left: 4px;
    border-radius: var(--bs-pagination-border-radius);
  }
  .page-item:first-child .page-link {
    border-radius: var(--bs-pagination-border-radius);
  }
}



/* -------------------------------------------
	badge
------------------------------------------- */
.badge {
  --bs-badge-padding-x: 0.75em;
  --bs-badge-padding-y: 0.5em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 600;
  --bs-badge-border-radius: calc(var(--bs-border-radius) / 1.75); /*0.438rem*/

  display: inline-flex;
  align-items: center;
  line-height: 1 !important;
  user-select: none;
}
.badge.border,
.badge[class*="-outline"] {
  --bs-badge-padding-x: calc(0.75em - var(--bs-border-width));
  --bs-badge-padding-y: calc(0.5em - var(--bs-border-width));
  /*--bs-badge-padding-y: calc(0.25em - var(--bs-border-width));*/
}
.badge.small {
  --bs-badge-font-size: 0.625em;
}

.badge i {
  margin-right: 0.25rem;
}

.sliding-menu-item .badge {
  --bs-badge-font-size: 0.625rem;
  --bs-badge-border-radius: var(--bs-border-radius-pill);
  --badge-size: 18px;
  /*--badge-size: 19px;*/

  min-width: var(--badge-size);
  height: var(--badge-size);
}

.table .badge[class*="-outline"],
.table .badge {
  --bs-badge-padding-x: 0.313rem;
  --bs-badge-padding-y: 0.063rem;
  --bs-badge-font-size: 0.625rem;

  height: 18px;
}
.table .badge {
  --bs-badge-padding-x: 0.375rem;
  --bs-badge-padding-y: 0.125rem;
}
.table .badge i {
  width: 9px;
  height: 14px;
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  margin-right: 0.125rem;
}

@media (max-width: 1399.98px) {
  .table .badge[class*="-outline"],
  .table .badge {
    --bs-badge-padding-x: 0.188rem;
    --bs-badge-padding-y: 0.063rem;
    --bs-badge-font-size: 8px;
    --bs-badge-font-weight: 700;
    --bs-badge-border-radius: 0.313rem;

    height: 14px;
  }
  .table .badge {
    --bs-badge-padding-x: 0.25rem;
  }
  .table .badge[class*="-outline"] i {
    margin-top: 0.968px;
  }
}



/* -------------------------------------------
	alert
------------------------------------------- */
.alert {
  --bs-alert-padding-x: 1.375rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1.5rem;
  --bs-border-width: 2px;
  --bs-alert-border-radius: var(--bs-border-radius);

  --alert-font-size: 1rem;
  /*--alert-font-size: 1.125rem;*/

  font-size: var(--alert-font-size);
  font-weight: 500;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}



/* -------------------------------------------
	modal-backdrop
------------------------------------------- */
.modal-backdrop {
  background-color: var(--backdrop-bg);
  --bs-backdrop-opacity: 1;

  -webkit-backdrop-filter: var(--backdrop-filter-blur-smlr);
  backdrop-filter: var(--backdrop-filter-blur-smlr);
}

/* -------------------------------------------
	modal
------------------------------------------- */
.modal {
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: var(--bs-border-radius-xl);
  --bs-modal-box-shadow:
          0 2px 6px rgba(56, 73, 121, 0.1),
          0 4px 12px rgba(56, 73, 121, 0.1),
          0 8px 24px rgba(56, 73, 121, 0.1);
}

/* -------------------------------------------
	modal-content
------------------------------------------- */
.modal-content {
  box-shadow:
          0 0.6px 1.1px rgba(var(--bs-blue-800-rgb), 0.046),
          0 1.3px 2.7px rgba(var(--bs-blue-800-rgb), 0.071),
          0 2.5px 5px rgba(var(--bs-blue-800-rgb), 0.09),
          0 4.5px 8.9px rgba(var(--bs-blue-800-rgb), 0.109),
          0 8.4px 16.7px rgba(var(--bs-blue-800-rgb), 0.114),
          0 20px 40px rgba(var(--bs-blue-800-rgb), 0.15);
}
.modal-dialog-scrollable .modal-content {
  /*overflow: hidden;*/
  overflow: visible;
}

/* -------------------------------------------
	modal-header
------------------------------------------- */
.modal-header {
  justify-content: center;
  position: relative;
}

/* -------------------------------------------
	modal-header btn-close
------------------------------------------- */
.modal-header .btn-close {
  --bs-btn-close-bg: var(--icon-xmark-light);

  --btn-close-size: 1.5rem;
  --btn-close-size-sm: 1rem;
  --btn-close-translate: translate(150%, 50%);
  --btn-close-translate-inside: translate(-50%, 50%);
  --btn-close-rotate: rotateZ(180deg);
  --btn-close-filter: invert(1) grayscale(100%) brightness(200%);

  width: var(--btn-close-size);
  height: var(--btn-close-size);
  top: 0;
  right: 0;
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: var(--btn-close-translate);
  transition: all var(--transition-options-25);
  border-radius: 0;
}
.modal-header .btn-close:hover {
  transform: var(--btn-close-translate) var(--btn-close-rotate);
}

@media (max-width: 575.98px) {
  .modal-header .btn-close,
  .modal-fullscreen-sm-down .modal-header .btn-close {
    --btn-close-size: var(--btn-close-size-sm);

    filter: var(--btn-close-filter);
    transform: var(--btn-close-translate-inside);

    display: none;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down .modal-header .btn-close {
    --btn-close-size: var(--btn-close-size-sm);

    filter: var(--btn-close-filter);
    transform: var(--btn-close-translate-inside);

    display: none;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down .modal-header .btn-close {
    --btn-close-size: var(--btn-close-size-sm);

    filter: var(--btn-close-filter);
    transform: var(--btn-close-translate-inside);

    display: none;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down .modal-header .btn-close {
    --btn-close-size: var(--btn-close-size-sm);

    filter: var(--btn-close-filter);
    transform: var(--btn-close-translate-inside);

    display: none;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down .modal-header .btn-close {
    --btn-close-size: var(--btn-close-size-sm);

    filter: var(--btn-close-filter);
    transform: var(--btn-close-translate-inside);

    display: none;
  }
}

/* -------------------------------------------
	modal-title
------------------------------------------- */
.modal-title {
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}



/* -------------------------------------------
	offcanvas-backdrop
------------------------------------------- */
.offcanvas-backdrop {
  background-color: var(--backdrop-bg);
  -webkit-backdrop-filter: var(--backdrop-filter-blur-smlr);
  backdrop-filter: var(--backdrop-filter-blur-smlr);
}
.offcanvas-backdrop.show {
  opacity: 1;
}



/* -------------------------------------------
	tooltip
------------------------------------------- */
.tooltip {
  --bs-tooltip-padding-x: 0.688rem;
  --bs-tooltip-color: var(--bs-white);
  --bs-tooltip-bg: rgba(var(--bs-gray-900-rgb), 0.9);
  /*--bs-tooltip-opacity: 0.95;*/
  --bs-tooltip-opacity: 1;
}
.tooltip-inner {
  --backdrop-filter-blur-smlr: saturate(180%) blur(2px);

  -webkit-backdrop-filter: var(--backdrop-filter-blur-smlr);
  backdrop-filter: var(--backdrop-filter-blur-smlr);
}



/* -------------------------------------------
	bd-callout
------------------------------------------- */
.bd-callout {
  --bd-callout-link: 10,88,202;
  --bd-callout-code-color: #ab296a;
  --bs-link-color-rgb: var(--bd-callout-link);
  --bs-code-color: var(--bd-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
  margin-bottom: .25rem
}

.bd-callout > :last-child {
  margin-bottom: 0
}

.bd-callout + .bd-callout {
  margin-top: -.25rem
}

.bd-callout .highlight {
  background-color: rgba(0, 0, 0, 0.05)
}

.bd-callout-info {
  --bd-callout-color: var(--bs-info-text-emphasis);
  --bd-callout-bg: var(--bs-info-bg-subtle);
  --bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-warning {
  --bd-callout-color: var(--bs-warning-text-emphasis);
  --bd-callout-bg: var(--bs-warning-bg-subtle);
  --bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
  --bd-callout-color: var(--bs-danger-text-emphasis);
  --bd-callout-bg: var(--bs-danger-bg-subtle);
  --bd-callout-border: var(--bs-danger-border-subtle)
}




/* -------------------------------------------
	text-bg-*
------------------------------------------- */
.text-bg-primary {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: var(--bs-info-950) !important;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: var(--bs-warning-950) !important;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: var(--bs-gray-800) !important;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: var(--bs-white) !important;
  background-color: RGBA(var(--bs-gray-800-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-white {
  color: var(--bs-gray-950) !important;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* -------------------------------------------
	text-bg-*-outline
------------------------------------------- */
.text-bg-primary-outline {
  color: var(--bs-primary-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-primary-border-subtle) !important;
  background-color: var(--bs-primary-bg-subtle) !important;
}

.text-bg-secondary-outline {
  color: var(--bs-secondary-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-secondary-border-subtle) !important;
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.text-bg-success-outline {
  color: var(--bs-success-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-success-border-subtle) !important;
  background-color: var(--bs-success-bg-subtle) !important;
}

.text-bg-info-outline {
  color: var(--bs-info-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-info-border-subtle) !important;
  background-color: var(--bs-info-bg-subtle) !important;
}

.text-bg-warning-outline {
  color: var(--bs-warning-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-warning-border-subtle) !important;
  background-color: var(--bs-warning-bg-subtle) !important;
}

.text-bg-danger-outline {
  color: var(--bs-danger-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-danger-border-subtle) !important;
  background-color: var(--bs-danger-bg-subtle) !important;
}

.text-bg-light-outline {
  color: var(--bs-light-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-light-border-subtle) !important;
  background-color: var(--bs-light-bg-subtle) !important;
}

.text-bg-dark-outline {
  color: var(--bs-dark-text-emphasis) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-dark-border-subtle) !important;
  background-color: var(--bs-dark-bg-subtle) !important;
}

/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./resources/scss/style.css ***!
  \****************************************************************************/

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}


/* -------------------------------------------
	fs-18
------------------------------------------- */
.fs-18 {
	font-size: 1.125rem;
}

.small2x {
	font-size: 0.75em;
}

/* -------------------------------------------
	to-el
------------------------------------------- */
.to-el {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* -------------------------------------------
	text-hyphens
------------------------------------------- */
.text-hyphens {
	hyphens: auto;
}

/* -------------------------------------------
	text-help
------------------------------------------- */
.text-help {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;
}

/* -------------------------------------------
	link decoration none
------------------------------------------- */
.link-decoration-none a {
	text-decoration: none;
}

/* -------------------------------------------
	no-select
------------------------------------------- */
.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* ----------------------------------------
	hide-long-text
---------------------------------------- */
.hide-long-text {
	--hide-long-text: 120px;

	max-width: var(--hide-long-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hide-long-text.hlt-160p {
	--hide-long-text: 160px;
}
@media (min-width: 1500px) {
	.hide-long-text.hlt-160p {
		--hide-long-text: 260px;
	}
}

/* -------------------------------------------
	bg-blur
------------------------------------------- */
.bg-blur {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

/* -------------------------------------------
	img-db
------------------------------------------- */
.img-db, .db-img img {
	width: 100%;
	height: auto;
	display: block;
}

/* -------------------------------------------
	mh-100vh
------------------------------------------- */
.mh-100vh {
	min-height: 100vh;
}

/* -------------------------------------------
	animation-delay
------------------------------------------- */
:root {
	--animate-delay: 1s;
	--animate-delay-2: calc(1s * 2);
	--animate-delay-3: calc(1s * 3);
	--animate-delay-4: calc(1s * 4);
	--animate-delay-5: calc(1s * 5);
}
.animate-delay-1s {
	--animate-delay: 1s;
	animation-delay: var(--animate-delay);
}
.animate-delay-2s {
	--animate-delay: calc(1s * 2);
	animation-delay: var(--animate-delay);
}
.animate-delay-3s {
	--animate-delay: calc(1s * 3);
	animation-delay: var(--animate-delay);
}
.animate-delay-4s {
	--animate-delay: calc(1s * 4);
	animation-delay: var(--animate-delay);
}
.animate-delay-5s {
	--animate-delay: calc(1s * 5);
	animation-delay: var(--animate-delay);
}

/* -------------------------------------------
	animY
------------------------------------------- */
.animY {
	--animate-delay: 1s;
	--animation-animY-value: 12s infinite ease var(--animate-delay) both;
	animation: animY var(--animation-animY-value);
}

@keyframes animY {
	0% {
		transform: translate3d(0, 0, 0);
	}
	15% {
		transform: translate3d(0, 3px, 0);
	}
	30% {
		transform: translate3d(0, -3px, 0);
	}
	45% {
		transform: translate3d(0, 4px, 0);
	}
	60% {
		transform: translate3d(0, -4px, 0);
	}
	75% {
		transform: translate3d(0, 5px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

/* -------------------------------------------
	btn-anim
------------------------------------------- */
.btn-anim {
	animation-duration: 1.25s;
	animation-fill-mode: both;

	animation-name: btnAnim;

	animation-delay: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;

	transform-origin: bottom center;
}

@keyframes btnAnim {
	10% {
		transform: rotate3d(0, 0, 1, 1deg);
	}

	25% {
		transform: rotate3d(0, 0, 1, -1deg);
	}

	40% {
		transform: rotate3d(0, 0, 1, 1deg);
	}

	65% {
		transform: rotate3d(0, 0, 1, -1deg);
	}

	80% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

/* -------------------------------------------
	btn-anim-heartBeat
------------------------------------------- */
.btn-anim-heartBeat {
	animation-duration: 1.75s;
	animation-fill-mode: both;

	animation-name: btn-anim-heartBeat;

	animation-delay: 1s;
	/*animation-timing-function: ease;*/
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes btn-anim-heartBeat {
	0% {
		transform: scale(1);
	}

	14% {
		transform: scale(1.03);
	}

	28% {
		transform: scale(1);
	}

	42% {
		transform: scale(1.03);
	}

	70% {
		transform: scale(1);
	}
}

/* -------------------------------------------
	verif-icon
------------------------------------------- */
.verif-icon {
	--fa-primary-color: var(--bs-white);
	--fa-secondary-color: var(--bs-primary);
	--fa-secondary-opacity: 1;
}

.verif-icon.not-verif {
	--fa-primary-color: transparent;
	--fa-secondary-color: var(--bs-secondary-400);
}





/* -------------------------------------------
	wrap
------------------------------------------- */
.wrap {
	/*min-height: 100%;*/
	/*height: 100%;*/
	display: flex;
	flex-direction: column;
}

/* -------------------------------------------
	navbar-fixed-top
------------------------------------------- */
.navbar-fixed-top .navbar {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	box-shadow:
			0px 2px 4px 0px rgba(0, 0, 0, 0.05),
			0px 4px 8px 0px rgba(0, 0, 0, 0.05),
			0px 8px 16px 0px rgba(0, 0, 0, 0.05);

	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

/* -------------------------------------------
	navbar-brand
------------------------------------------- */
.navbar-brand {
	max-width: 120px;
}
.navbar-brand img {
	max-height: 30px;
}

/* -------------------------------------------
	navbar-nav
------------------------------------------- */
.navbar-nav:first-child {
	margin-left: auto;
}

/* -------------------------------------------
	navbar-nav-link
------------------------------------------- */
.navbar-nav-link {
	/*margin-left: auto;*/
}

/* -------------------------------------------
	navbar-nav-btn
------------------------------------------- */
.navbar-nav-btn {
}

.navbar-nav-btn li {
	margin-left: 1rem;
}

.navbar-nav-btn li:first-child {
	/*margin-left: 0;*/
}




/* -------------------------------------------
	hero-section
------------------------------------------- */
.hero-section {
	padding-bottom: 50px;
	background-image: url(../js/../images/9908fa191d3854180832.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

/* -------------------------------------------
	hero-section-box
------------------------------------------- */
.hero-section-box {
	width: 100%;
	height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/* -------------------------------------------
	hero-content
------------------------------------------- */
.hero-content {
	position: relative;
	z-index: 1;
}

/* -------------------------------------------
	hero-content-dot
------------------------------------------- */
.hero-content-dot {
	background-color: rgba(0, 153, 229, 0.1);
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	border-radius: 30px;
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}

/* -------------------------------------------
	hero-content-dot fa
------------------------------------------- */
.hero-content-dot .fa {
	background-color: #ff9933;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-left: -15px;
	margin-right: 10px;
}

/* -------------------------------------------
	hero-content-title
------------------------------------------- */
.hero-content-title {
	margin-top: 1.75rem;
	margin-bottom: 1rem;
}

/* -------------------------------------------
	hero-content p
------------------------------------------- */
.hero-content p {
	margin-bottom: 30px;
}

/* -------------------------------------------
	hero-moc
------------------------------------------- */
.hero-moc {
	width: 500px;
	height: 640px;
	right: 15px;
	top: -20px;
	position: absolute;
	/*z-index: -1;*/
	background-image: url(../js/../images/8d3286480f3e82ac5179.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;

	animation-name: moc-animation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

/* -------------------------------------------
	moc-animation
------------------------------------------- */
@keyframes moc-animation {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

/* -------------------------------------------
	anim-elements
------------------------------------------- */
.anim-elements {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.anim-elements .anim-element{
	position: absolute;
}

.anim-elements .anim-element:nth-child(1) {
	background: rgba(0, 201, 157,0.6);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: 12%;
	left: 15%;
	animation: animTwo 13s infinite linear;
}

.anim-elements .anim-element:nth-child(2) {
	border: 5px solid rgba(0, 153, 229,0.30);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	top: 15%;
	left: 45%;
	animation: animOne 15s infinite linear;
}

.anim-elements .anim-element:nth-child(3) {
	border: 5px solid rgba(244, 34, 104,0.3);
	width: 25px;
	height: 25px;
	bottom: 20%;
	left: 30%;
	animation: animFour 15s infinite linear alternate;
}

.anim-elements .anim-element:nth-child(4) {
	background: rgba(252, 162, 73,0.80);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	bottom: 15%;
	right: 25%;
	animation: animFive 15s infinite linear alternate;
}

.anim-elements .anim-element:nth-child(5) {
	background: rgba(100, 45, 250,.4);
	width: 3px;
	height: 20px;
	top: 18%;
	right: 25%;
	animation: animFour 15s infinite linear alternate;
}

.anim-elements .anim-element:nth-child(5):after,
.anim-elements .anim-element:nth-child(5):before {
	content: "";
	display: block;
	width: 100%;
	height: calc(50% - 2px);
	top: 6px;
	background: inherit;
	position: absolute;
	transform: rotate(90deg);
}

.anim-elements .anim-element:nth-child(5):before {
	right: -6px;
}

.anim-elements .anim-element:nth-child(5):after {
	left: -6px;
}

@keyframes animOne {
	0% {
		transform: translate(0px, 0px) rotate(0deg)
	}
	20% {
		transform: translate(73px, -1px) rotate(35deg)
	}
	40% {
		transform: translate(141px, 72px) rotate(75deg)
	}
	60% {
		transform: translate(83px, 122px) rotate(110deg)
	}
	80% {
		transform: translate(-40px, 72px) rotate(145deg)
	}
	100% {
		transform: translate(0px, 0px) rotate(0deg)
	}
}

@keyframes animTwo {
	0% {
		transform: translate(0px, 0px) rotate(0deg) scale(1)
	}
	20% {
		transform: translate(73px, -1px) rotate(36deg) scale(.9)
	}
	40% {
		transform: translate(141px, 72px) rotate(72deg) scale(1)
	}
	60% {
		transform: translate(83px, 122px) rotate(108deg) scale(1.2)
	}
	80% {
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
	}
	100% {
		transform: translate(0px, 0px) rotate(0deg) scale(1)
	}
}

@keyframes animThree {
	0% {
		transform: translate(165px, -179px)
	}
	100% {
		transform: translate(-346px, 617px)
	}
}

@keyframes animFour {
	0% {
		transform: translate(-300px, 151px) rotate(0deg)
	}
	100% {
		transform: translate(251px, -200px) rotate(180deg)
	}
}

@keyframes animFive {
	0% {
		transform: translate(61px, -99px) rotate(0deg)
	}
	21% {
		transform: translate(4px, -190px) rotate(38deg)
	}
	41% {
		transform: translate(-139px, -200px) rotate(74deg)
	}
	60% {
		transform: translate(-263px, -164px) rotate(108deg)
	}
	80% {
		transform: translate(-195px, -49px) rotate(144deg)
	}
	100% {
		transform: translate(-1px, 0px) rotate(180deg)
	}
}

/* -------------------------------------------
	colors
------------------------------------------- */
.color-red {
	color: #ff4c4c!important;
}
.color-blue {
	color: #0099e5!important;
}
.color-yellow {
	color: #ffdd00!important;
}
.color-green {
	color: #36bca1!important;
}
.color-orange {
	color: #f76b1c!important;
	/*ffb44c*/
}
.color-purple {
	color: #a560e8!important;
}

.bg-red {
	background-color: rgba(255, 76, 76,0.1)!important;
}
.bg-blue {
	background-color: rgba(0, 153, 229,0.1)!important;
}
.bg-yellow {
	background-color: rgba(255, 221, 0,0.1)!important;
}
.bg-green {
	background-color: rgba(10, 191, 83,0.1)!important;
}
.bg-orange {
	background-color: rgba(255, 121, 0,0.1)!important;
}
.bg-purple {
	background-color: rgba(165, 96, 232,0.1)!important;
}

/* -------------------------------------------
	section-heading
------------------------------------------- */
.section-heading {
	margin-bottom: 40px;
}

/* -------------------------------------------
	section-heading span
------------------------------------------- */
.section-heading span {
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	color: #204163;
	font-weight: 600;
	letter-spacing: 0;
	position: relative;
	margin-bottom: 10px;
	z-index: 1;
}

/* -------------------------------------------
	features-section
------------------------------------------- */
.features-section {
	z-index: 1;
	padding-top: 50px;
	padding-bottom: 50px;
}
.features-item {
	text-align: center;
	padding: 40px;
	transition: all 0.2s ease-in-out;
	z-index: 1;
	border-radius: 20px;
}
.features-item i{
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	font-size: 40px;
	margin-bottom: 15px;
}
.features-item:hover,
.features-item.active{
	box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
	transition: all 0.2s ease-in-out;
}



/* -------------------------------------------
	Counter Section
------------------------------------------- */
.counter-section {
	padding-top: 50px;
	padding-bottom: 50px;
}
.counter-item {
	background-color: #fff;
	text-align: center;
	padding: 40px;
	border-radius: 20px;
	transition: all 0.2s ease-in-out;
}
.counter-item:hover{
	-webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
	box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}
.counter-item i {
	font-size: 40px;
	margin-bottom: 15px;
}
.counter-item h3 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0;
}
.counter-item h4 {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: #8495a7;
}


/* -------------------------------------------
	Pricing Section
------------------------------------------- */
.pricing-section {
	padding-top: 50px;
	padding-bottom: 50px;
}

.pricing-wrap {}

.pricing-area {
	background-color: #fff;
	padding: 40px 0;
	-webkit-box-shadow: 0px 50px 100px 0px rgba(60, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
	box-shadow: 0px 50px 100px 0px rgba(60, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

.pricing-area h3 {
	font-size: 36px;
}

.pricing-area h3 span {
	color: #8495a7;
	font-size: 14px;
	margin-left: 5px;
}

/* -------------------------------------------
	contacts-section
------------------------------------------- */
.contacts-section {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

/* -------------------------------------------
	contacts-content
------------------------------------------- */
.contacts-content {
	position: relative;
	z-index: 1;
}

/* -------------------------------------------
	contacts-content-title
------------------------------------------- */
.contacts-content-title {
	margin-bottom: 1rem;
}

/* -------------------------------------------
	page-container
------------------------------------------- */
.page-container {
	min-height: 100%;
	padding-top: 50px;
	/*background-image: url(../images/hero-bg-1.jpg);*/
	/*background-repeat: no-repeat;*/
	/*background-position: bottom center;*/
	/*background-size: cover;*/
}

/* -------------------------------------------
	donwload-file-info-container
------------------------------------------- */
.donwload-file-info-container {
	padding-top: 20px;
	padding-bottom: 100px;
	/*background: #fff;*/
}

/* -------------------------------------------
	donwload-file-info-head
------------------------------------------- */
.donwload-file-info-head {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
}

/* -------------------------------------------
	donwload-file-info-icon
------------------------------------------- */
.donwload-file-info-icon {
	width: 90px;
	margin-right: 32px;
}

/* -------------------------------------------
	donwload-file-info-meta
------------------------------------------- */
.donwload-file-info-meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* -------------------------------------------
	donwload-file-info-name
------------------------------------------- */
.donwload-file-info-name {
	font-size: 24px;
	font-weight: 900;
}

/* -------------------------------------------
	donwload-file-info-count
------------------------------------------- */
.donwload-file-info-count {
	color: #36bca1;
}

/* -------------------------------------------
	donwload-file-info-content
------------------------------------------- */
.donwload-file-info-content {
	text-align: center;
	padding: 32px;
	margin-top: 32px;
	background: #fff;
	border-radius: 16px;
	box-shadow:
			0px 2px 4px 0px rgba(0, 0, 0, 0.03),
			0px 4px 8px 0px rgba(0, 0, 0, 0.03),
			0px 8px 16px 0px rgba(0, 0, 0, 0.03);
}

/* -------------------------------------------
	donwload-file-info-btn
------------------------------------------- */
.donwload-file-info-btn {
	text-align: center;
	/*margin-top: 32px;*/
}

/* -------------------------------------------
	donwload-file-info-pricing
------------------------------------------- */
.donwload-file-info-pricing {
	margin-top: 40px;
}

/* -------------------------------------------
	donwload-file-sel-tarif-title
------------------------------------------- */
.donwload-file-sel-tarif-title {
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	margin-top: 30px;
}

/* -------------------------------------------
	donwload-file-info-phone
------------------------------------------- */
.donwload-file-info-phone .form-check,
.donwload-file-info-card .form-check {
	font-size: 8px;
	color: #8a8a8a;
	/*font-weight: 300;*/
	text-transform: uppercase;
}

.donwload-file-info-phone .form-check a,
.donwload-file-info-card .form-check a {
	color: #8a8a8a;
}

/* -------------------------------------------
	donwload-file-info-card
------------------------------------------- */
.donwload-file-info-card {
	padding: 32px 32px 0px;
	margin-top: 32px;
	background: #fff;
	border-radius: 16px;
	box-shadow:
			0px 2px 4px 0px rgba(0, 0, 0, 0.03),
			0px 4px 8px 0px rgba(0, 0, 0, 0.03),
			0px 8px 16px 0px rgba(0, 0, 0, 0.03);
}

/* -------------------------------------------
	content
------------------------------------------- */
.content {
	padding: 32px;
	/*margin-top: 5rem;*/
	/*margin-bottom: 4rem;*/
	background: #fff;

	border-radius: 16px;
	box-shadow:
			0px 2px 4px 0px rgba(0, 0, 0, 0.02),
			0px 4px 8px 0px rgba(0, 0, 0, 0.02),
			0px 8px 16px 0px rgba(0, 0, 0, 0.02);
}

/* -------------------------------------------
	profile-menu-list
------------------------------------------- */
.profile-menu-list {
}

/* -------------------------------------------
	profile-menu-list li
------------------------------------------- */
.profile-menu-list li {
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.profile-menu-list li:first-child {
}

/* -------------------------------------------
	short-story
------------------------------------------- */
.short-story {
	margin-top: 3rem;
}

.short-story:first-child {
	margin-top: 0;
}

.short-story:last-child p:last-child {
	margin-bottom: 0;
}

/* ----------------------------------------
	program-short-container
---------------------------------------- */
.program-short-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	border: 1px solid rgba(var(--bs-gray-50-rgb), 1);
	background: #fff;
	border-radius: var(--bs-border-radius-lg);
}

/* ----------------------------------------
	program-icon
---------------------------------------- */
.program-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.program-icon img {
	max-width: 90px;
}

/* ----------------------------------------
	program-rating
---------------------------------------- */
.program-rating {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

/* -------------------------------------------
	progs-list-container
------------------------------------------- */
.progs-list-container {
}

/* -------------------------------------------
	progs-list-item
------------------------------------------- */
.progs-list-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 24px 10px 16px;
	margin-top: 32px;
	border: 3px solid rgba(0, 0, 0, 0.05);
}

.progs-list-item:first-child {
	margin-top: 0px;
}

/* -------------------------------------------
	progs-list-item-icon
------------------------------------------- */
.progs-list-item-icon {
	width: 60px;
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 32px;
}

/* -------------------------------------------
	progs-list-item-cont
------------------------------------------- */
.progs-list-item-cont {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* -------------------------------------------
	progs-list-item-name
------------------------------------------- */
.progs-list-item-name {
	font-size: 20px;
	font-weight: 900;
}

/* -------------------------------------------
	progs-list-item-link
------------------------------------------- */
.progs-list-item-link {
	margin-left: auto;
}

.download-countdown {
	margin: auto;
	--deg: -1;
	--col: hsla(0, 100%, 50%, 1);
	height: 120px;
	width: 120px;
	border-radius: 50%;
	text-align: center;
	font: bold 36px/120px monospace;
	background-image: radial-gradient(#fff 49px, #f000 51px), conic-gradient(var(--col) calc(var(--deg) * 1deg - 1deg), transparent calc(var(--deg) * 1deg + 1deg)), radial-gradient(#fff3 40px, #4441 60px);
	box-shadow: inset 0 0 10px -5px #000a;
}

/* -------------------------------------------
	select-download-container
------------------------------------------- */
.select-download-container {
}

/* -------------------------------------------
	select-download-table
------------------------------------------- */
.select-download-table {
}

/* -------------------------------------------
	select-download-table th
------------------------------------------- */
.select-download-table th {
	color: #fff;
	text-shadow:
			0px 1px 2px rgba(0, 0, 0, 0.3),
			0px 4px 8px rgba(0, 0, 0, 0.2),
			0px 16px 32px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 16px 0px 16px;
	background: rgba(0, 0, 0, 0.07);
}

/* -------------------------------------------
	select-download-table td
------------------------------------------- */
.select-download-table td {
	font-size: 14px;
}

/* -------------------------------------------
	select-download-table td span
------------------------------------------- */
.select-download-table td span {
	margin-right: 10px;
}

/* -------------------------------------------
	select-download-btn
------------------------------------------- */
.select-download-btn {
	text-align: center;
}

/* -------------------------------------------
	select-download-free
------------------------------------------- */
.select-download-free {
}

/* -------------------------------------------
	select-download-free th
------------------------------------------- */
.select-download-free th {
	background: #ff4c4c;
	/*a560e8*/
}

/* -------------------------------------------
	select-download-free td i
------------------------------------------- */
.select-download-free .select-download-table td i {
	/*color: #36bca1;*/
	color: #ff4c4c;
	margin-right: 0.188rem;
}

/* -------------------------------------------
	select-download-premium
------------------------------------------- */
.select-download-premium {
}

/* -------------------------------------------
	select-download-premium th
------------------------------------------- */
.select-download-premium th {
	background: #36bca1;
}

/* -------------------------------------------
	select-download-premium td i
------------------------------------------- */
.select-download-premium .select-download-table td i {
	color: #36bca1;
	/*color: #ff4c4c;*/
	margin-right: 0.188rem;
}



/* ----------------------------------------
	hide-label
---------------------------------------- */
.hide-label .form-label {
	display: none;
}


/* -------------------------------------------
	alt-downfile-container
------------------------------------------- */
.alt-downfile-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

/* -------------------------------------------
	alt-downfile-icon
------------------------------------------- */
.alt-downfile-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 1rem;
}

/* -------------------------------------------
	alt-downfile-icon img
------------------------------------------- */
.alt-downfile-icon img {
	width: 75px;
}

/* -------------------------------------------
	alt-downfile-title
------------------------------------------- */
.alt-downfile-title {
	/*display: flex;*/
	/*flex-direction: row;*/
	/*align-items: center;*/
	font-weight: 800;
}







/* -------------------------------------------
	auth-container
------------------------------------------- */
.auth-container {
	--auth-container-box-shadow:
			0 1px 2px rgba(var(--bs-primary-100-rgb), 0.1),
			0 4px 8px rgba(var(--bs-primary-100-rgb), 0.15),
			0 8px 16px rgba(var(--bs-primary-100-rgb), 0.2);
	width: 100%;
	height: 100vh;
	max-height: 80%;
	background: var(--bs-white);
	box-shadow: var(--auth-container-box-shadow);
	border-radius: var(--bs-border-radius-2xl);
}
@media (min-width: 768px) and (max-height: 1000px) {
	.auth-container {
		max-height: 90%;
	}
}

@media (max-width: 767px) {
	.auth-container {
		max-height: none;
		height: auto;
		border-radius: var(--bs-border-radius-2xl);
	}
}

/* -------------------------------------------
	auth-sidebar
------------------------------------------- */
.auth-sidebar {
	display: flex;
	align-items: center;
	justify-content: end;
	background: rgba(var(--bs-secondary-50-rgb),1) url(../js/../images/ea3c54e5c0ab854135dc.jpg) center left;
	background-size: cover;
	border-radius: var(--bs-border-radius-2xl) 0 0 var(--bs-border-radius-2xl);
}
@media (max-width: 767px) {
	.auth-sidebar {
		justify-content: center;
		border-radius: var(--bs-border-radius-2xl) var(--bs-border-radius-2xl) 0 0;
	}
}

/* -------------------------------------------
	auth-sidebar-list
------------------------------------------- */
.auth-sidebar-list {
	display: flex;
	flex-direction: column;
	align-items: end;
}
@media (max-width: 767px) {
	.auth-sidebar-list {
		/*flex-direction: row;*/
		flex-wrap: wrap;
		align-items: center;
	}
}

/* -------------------------------------------
	auth-sidebar-item
------------------------------------------- */
.auth-sidebar-item {
	overflow: hidden;
	margin-top: 0.5rem;
	border-radius: 20px;
	/*border-top-left-radius: 20px;*/
	/*border-bottom-left-radius: 20px;*/
}
.auth-sidebar-item:first-child {
	margin-top: 0;
}

/* -------------------------------------------
	auth-sidebar-link
------------------------------------------- */
.auth-sidebar-link {
	height: 60px;
	display: flex;
	align-items: center;
	color: rgba(var(--bs-primary-rgb),.9);
	font-size: 1.375rem;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	padding-left: 26px;
	padding-right: 26px;
	/*padding-right: 80px;*/
	background: rgba(var(--bs-white-rgb),.7);
	-webkit-backdrop-filter: var(--backdrop-filter-blur);
	backdrop-filter: var(--backdrop-filter-blur);
	transition: all 0.25s ease-in-out;
}
@media (max-width: 767px) {
	.auth-sidebar-link {
		height: 30px;
		font-size: 1rem;
		color: rgba(var(--bs-primary-rgb),1);
		/*text-shadow: 0 1px 2px rgba(var(--bs-primary-rgb),.5), 0 4px 8px rgba(var(--bs-primary-rgb),.75);*/
		padding-left: 12px;
		padding-right: 12px;
	}
}
.auth-sidebar-link:hover {
	color: rgba(var(--bs-primary-rgb),1);
	background: rgba(var(--bs-white-rgb),.9);
}

.auth-sidebar-link.active {
	color: rgba(var(--bs-white-rgb),1);
	text-shadow: none;
	cursor: default;
	background: rgba(var(--bs-primary-rgb),.25);
}

.auth-sidebar-link.active:after {
	/*content: "";*/
	/*position: absolute;*/
	/*right: -2px;*/
	/*top: -75px;*/
	/*z-index: 0;*/
	/*width: 100%;*/
	/*height: 228px;*/
	/*background-image: url("../images/registration-active-nav.webp");*/
	/*background-repeat: no-repeat;*/
	/*background-size: contain;*/
	/*background-position: right center;*/
}

/* -------------------------------------------
	auth-content-container
------------------------------------------- */
.auth-content-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

/* -------------------------------------------
	auth-content
------------------------------------------- */
.auth-content {
	max-width: 434px;
	width: 100%;
}

/* -------------------------------------------
	auth-logo
------------------------------------------- */
.auth-logo {
	max-width: 180px;
}
.auth-logo img {
	object-fit: contain;
}
@media (max-width: 575px) {
	.auth-logo {
		max-width: 240px;
	}
}




/* -------------------------------------------
	form-auth-btn
------------------------------------------- */
.form-auth-btn {}

/* -------------------------------------------
	form-signin
------------------------------------------- */
.form-signin {}

.form-signin .form-floating:focus-within {
	z-index: 2;
}

.form-signin .form-floating:first-child input {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* -------------------------------------------
	form-tooltip
------------------------------------------- */
.form-tooltip .form-floating .invalid-tooltip {
	font-size: 0.75rem;
	left: 50%;
	margin-top: 0;
	padding: 0.25rem 0.625rem;
	transform: translate(-50%,-50%)!important;
	border-radius: var(--bs-border-radius-sm);
}

.form-tooltip .form-floating:first-child .invalid-tooltip {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	transform: translate(-50%,50%)!important;
}



/* -------------------------------------------
	footer
------------------------------------------- */
.footer {
	width: 100%;
	display: flex;
	flex-direction: row;
	font-size: 10px;
	text-transform: uppercase;
	padding: 10px;
	background: var(--bs-gray-50);
	color: var(--bs-gray-500);
	line-height: 1.5;
	opacity: 0.7;
}

.footer a {
	color: var(--bs-gray-500);
	line-height: 1.5;
	opacity: 0.7;
}

.footer-l, .footer-r {
	width: 50%;
}

.footer-l {}

.footer-r {
	text-align: right;
}

/*.footer-cover ::before {
	font-family: "Font Awesome 6 Pro" !important;
}*/


/* -------------------------------------------
	cd-pricing-container
------------------------------------------- */
.cd-pricing-container {
	width: 100%;
}

.cd-pricing-list {}

.cd-pricing-list > li {
	position: relative;
	margin-bottom: 1em !important;
}

@media only screen and (min-width: 768px) {
	.cd-pricing-list {}

	.cd-pricing-list:after {
		content: "";
		display: table;
		clear: both;
	}
	.cd-pricing-list > li {
		width: 50%;
		float: left;
	}

	.cd-has-margins .cd-pricing-list > li {
		width: 32.3333333333%;
		float: left;
		margin-right: 1.5% !important;
	}

	.cd-has-margins .cd-pricing-list > li:last-of-type {
		margin-right: 0 !important;
	}
}

.cd-pricing-wrapper {
	/* this is the item that rotates */
	position: relative;
	margin: 0;
}

.touch .cd-pricing-wrapper {
	/* fix a bug on IOS8 - rotating elements dissapear*/
	perspective: 2000px;
}

.cd-pricing-wrapper.is-switched .is-visible {
	/* totate the tables - anticlockwise rotation */
	transform: rotateY(180deg);
	animation: cd-rotate 0.5s;
}

.cd-pricing-wrapper.is-switched .is-hidden {
	/* totate the tables - anticlockwise rotation */
	transform: rotateY(0);
	animation: cd-rotate-inverse 0.5s;
	opacity: 0;
}

.cd-pricing-wrapper.is-switched .is-selected {
	opacity: 1;
}

.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {
	/* invert rotation direction - clockwise rotation */
	transform: rotateY(-180deg);
	animation: cd-rotate-back 0.5s;
}

.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {
	/* invert rotation direction - clockwise rotation */
	transform: rotateY(0);
	animation: cd-rotate-inverse-back 0.5s;
	opacity: 0;
}

.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {
	opacity: 1;
}

.cd-pricing-wrapper > li {
	background-color: #FFFFFF;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Firefox bug - 3D CSS transform, jagged edges */
	outline: 1px solid transparent;
}

.cd-pricing-wrapper > li::after {
	/* subtle gradient layer on the right - to indicate it's possible to scroll */
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	pointer-events: none;
}

.cd-pricing-wrapper > li.is-ended::after {
	/* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
	display: none;
}

.cd-pricing-wrapper .is-visible {
	/* the front item, visible by default */
	position: relative;
	z-index: 5;
}

.cd-pricing-wrapper .is-hidden {
	/* the hidden items, right behind the front one */
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	transform: rotateY(180deg);
}

.cd-pricing-wrapper .is-selected {
	/* the next item that will be visible */
	z-index: 3 !important;
}

@media only screen and (min-width: 768px) {
}
:nth-of-type(1) > .cd-pricing-wrapper > li::before {
	/* hide table separator for the first table */
	display: none;
}
.cd-has-margins .cd-pricing-wrapper > li {
	border-radius: var(--bs-border-radius-sm) var(--bs-border-radius-sm) var(--bs-border-radius) var(--bs-border-radius);
	/*border-radius: 4px 4px 6px 6px;*/
}
.cd-has-margins .cd-pricing-wrapper > li::before {
	display: none;
}

@media only screen and (min-width: 1500px) {
	.cd-full-width .cd-pricing-wrapper > li {
		padding: 2.5em 0;
	}
}

.no-js .cd-pricing-wrapper .is-hidden {
	position: relative;
	transform: rotateY(0);
	margin-top: 1em;
}

.is-switched .cd-pricing-body {
	/* fix a bug on Chrome Android */
	overflow: hidden;
}

/* -------------------------------------------
	xkeyframes
------------------------------------------- */
@keyframes cd-rotate {
	0% {
		transform: perspective(2000px) rotateY(0);
	}
	70% {
		/* this creates the bounce effect */
		transform: perspective(2000px) rotateY(200deg);
	}
	100% {
		transform: perspective(2000px) rotateY(180deg);
	}
}

@keyframes cd-rotate-inverse {
	0% {
		transform: perspective(2000px) rotateY(-180deg);
	}
	70% {
		/* this creates the bounce effect */
		transform: perspective(2000px) rotateY(20deg);
	}
	100% {
		transform: perspective(2000px) rotateY(0);
	}
}

@keyframes cd-rotate-back {
	0% {
		transform: perspective(2000px) rotateY(0);
	}
	70% {
		/* this creates the bounce effect */
		transform: perspective(2000px) rotateY(-200deg);
	}
	100% {
		transform: perspective(2000px) rotateY(-180deg);
	}
}

@keyframes cd-rotate-inverse-back {
	0% {
		transform: perspective(2000px) rotateY(180deg);
	}
	70% {
		/* this creates the bounce effect */
		transform: perspective(2000px) rotateY(-20deg);
	}
	100% {
		transform: perspective(2000px) rotateY(0);
	}
}

/* -------------------------------------------
	pricing-box
------------------------------------------- */
.pricing-box {
	background-color: #fff;
	padding: 0;
	box-shadow: 0px 50px 100px 0px rgba(60, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
	border-radius: var(--bs-border-radius);
	text-align: center;
	position: relative;
	/*overflow: hidden;*/
}

.cd-popular .pricing-box {
	box-shadow: 0px 50px 100px 0px rgba(60, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004), 0 0 0 0.25rem rgba(54, 188, 161, 0.5);
}

.pricing-box.premium .pricing-head h3,
.pricing-box.premium .pricing-list li,
.pricing-box.premium .pricing-head span {
	color: #fff;
}

.pricing-head {
	position: relative;
	padding: 30px 0 20px;
	background-color: #fef2f4;
	border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

.pricing-head-label {
	width: 140px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	top: -12px;
	left: 50%;
	position: absolute;
	z-index: 1;
	padding: 3px 10px;
	margin-left: -70px;
	background: #ff9933;
	border-radius: var(--bs-border-radius-pill);
}

.pricing-head i {
	font-size: 50px;
	margin-bottom: 20px;
	display: block;
}

.pricing-head h3 {
	font-size: 42px;
	line-height: 42px;
	margin: 0;
	font-weight: 900;
}

.pricing-head h3 .pricing-head-name {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
}

.cd-popular .pricing-head h3 .pricing-head-name {
	font-weight: 900;
}

.pricing-list {
	margin: 20px 0;
}

.pricing-list li {
	line-height: 30px;
	/*font-weight: 700;*/
	font-size: 14px;
	letter-spacing: -0.5px;
}

.pricing-footer {
	padding-bottom: 30px;
}

.pricing-footer h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #0099e5;
	margin-top: 10px;
}

/* -------------------------------------------
	price-tag
------------------------------------------- */
.price-tag {
	background-color: #2500f9;
	padding: 10px 20px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	width: auto;
	height: auto;
	left: 0;
	top: 133px;
	transform: rotate(-90deg);
	transform-origin: 0 0;
	border-radius: 0 0 0 var(--bs-border-radius-xl);
}

.scrollbar-stable {
	scrollbar-gutter: stable !important;
}

/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./resources/scss/loader.css ***!
  \*****************************************************************************/
.loader {
  --loader-bg: rgba(39, 39, 68, 0.6);
  --loader-content: #fff;
  --loader-circle-bg: #fff;
  /*--loader-circle-size: 32px;*/
  --loader-circle-size: 2em;
  --loader-circle-size-sm: calc(var(--loader-circle-size) / 4);
  --loader-circle-translate: calc(var(--loader-circle-size) / 1.333333333);
  /*--loader-circle-size-sm: 8px;*/
  /*--loader-circle-translate: 24px;*/

  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  left: 0;

  position: fixed;
  z-index: 9999;
  background: var(--loader-bg);
  transition: opacity .6s ease;

  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.loader.loader-inside {
  --loader-bg: transparent;
  --loader-circle-bg: var(--bs-primary);
  --loader-size: 100%;
  --loader-font-size: ;
  /*--loader-circle-size: 0.999em;*/

  width: var(--loader-size);
  height: var(--loader-size);
  font-size: var(--loader-font-size);
  vertical-align: -0.125em;
  overflow: visible;
  position: static;
  z-index: 1;
}
.loader-inside.size-sm,
.loader-inside.size-md {
  /*--loader-font-size: 1rem;*/
  --loader-circle-size: 1em;
  --loader-circle-size-sm: calc(var(--loader-circle-size) / 4);
  --loader-circle-translate: calc(var(--loader-circle-size) / 1.333333333);
  --loader-size: auto;
}
.loader-inside.size-md {
  --loader-circle-size: 1.5em;
}
/*.loader-inside::before {
	content: "";
}*/

.loader-content {
  margin-top: 1em;
  text-align: center;
}
.loader-content,
.loader-content a {
  color: var(--loader-content);
}

.loader-circle,
.loader-circle span,
.loader-circle div {
  width: var(--loader-circle-size);
  height: var(--loader-circle-size);
  display: block;
  position: relative;
}

.loader-circle {
  animation: loader-5-1 2s cubic-bezier(.77,0,.175,1) infinite;

  /*border-radius: 50%;*/
  /*-webkit-backdrop-filter: saturate(180%) blur(12px);*/
  /*backdrop-filter: saturate(180%) blur(12px);*/
}

.loader-circle::before,
.loader-circle::after,
.loader-circle span::before,
.loader-circle span::after,
.loader-circle div::before,
.loader-circle div::after {
  content: "";
  width: var(--loader-circle-size-sm);
  height: var(--loader-circle-size-sm);
  display: block;
  position: absolute;
  margin: auto;
  background: var(--loader-circle-bg);
  /*box-shadow: 0 1px 0 1px rgba(0,0,0,.15);*/
  border-radius: 50%;
}

.loader-circle::before,
.loader-circle::after {
  top: 0;
  bottom: 0;
}

.loader-circle::before {
  left: 0;
  animation: loader-5-2 2s cubic-bezier(.77,0,.175,1) infinite;
}

.loader-circle::after {
  right: 0;
  animation: loader-5-3 2s cubic-bezier(.77,0,.175,1) infinite;
}

.loader-circle span::before,
.loader-circle span::after,
.loader-circle div::before,
.loader-circle div::after {
  left: 0;
  right: 0;
}

.loader-circle span::before,
.loader-circle div::before {
  top: 0;
  animation: loader-5-4 2s cubic-bezier(.77,0,.175,1) infinite;
}

.loader-circle span::after,
.loader-circle div::after {
  bottom: 0;
  animation: loader-5-5 2s cubic-bezier(.77,0,.175,1) infinite;
}

@keyframes loader-5-1 {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes loader-5-2 {
  0% {
    transform: translateZ(0) scale(1);
  }

  50% {
    transform: translate3d(var(--loader-circle-translate),0,0) scale(.5);
  }

  to {
    transform: translateZ(0) scale(1);
  }
}

@keyframes loader-5-3 {
  0% {
    transform: translateZ(0) scale(1);
  }

  50% {
    transform: translate3d(calc(var(--loader-circle-translate) * -1),0,0) scale(.5);
  }

  to {
    transform: translateZ(0) scale(1);
  }
}

@keyframes loader-5-4 {
  0% {
    transform: translateZ(0) scale(1);
  }

  50% {
    transform: translate3d(0,var(--loader-circle-translate),0) scale(.5);
  }

  to {
    transform: translateZ(0) scale(1);
  }
}

@keyframes loader-5-5 {
  0% {
    transform: translateZ(0) scale(1);
  }

  50% {
    transform: translate3d(0,calc(var(--loader-circle-translate) * -1),0) scale(.5);
  }

  to {
    transform: translateZ(0) scale(1);
  }
}


/*# sourceMappingURL=common.css.map*/