/******** CLASSIC THEME ********/
@charset "UTF-8";
/* stylelint-disable scss/dollar-variable-default */
:root {
	--bs-blue-rgb: 54, 109, 219;
	--bs-indigo-rgb: 72, 72, 183;
	--bs-purple-rgb: 82, 82, 152;
	--bs-pink-rgb: 230, 0, 99;
	--bs-red-rgb: 216, 27, 96;
	--bs-orange-rgb: 211, 47, 47;
	--bs-yellow-rgb: 251, 192, 45;
	--bs-green-rgb: 2, 135, 89;
	--bs-teal-rgb: 32, 201, 151;
	--bs-cyan-rgb: 13, 202, 240;
	--bs-black-rgb: 0, 0, 0;
	--bs-white-rgb: 255, 255, 255;
	--bs-gray-rgb: 109, 109, 130;
	--bs-gray-dark-rgb: 54, 55, 68;
	--bs-gray-100-rgb: 245, 245, 248;
	--bs-gray-200-rgb: 230, 230, 243;
	--bs-gray-300-rgb: 213, 212, 230;
	--bs-gray-400-rgb: 161, 161, 181;
	--bs-gray-500-rgb: 109, 109, 130;
	--bs-gray-600-rgb: 97, 97, 115;
	--bs-gray-700-rgb: 85, 85, 100;
	--bs-gray-800-rgb: 54, 55, 68;
	--bs-gray-900-rgb: 22, 23, 35;
	--bs-gray-soft-rgb: 250, 250, 250;
	--bs-primary-soft-rgb: 255, 249, 250;
	--bs-secondary-soft-rgb: 251, 250, 255;

	--bs-primary-rgb: 168, 66, 118;

	--bs-primary-100-rgb: 243, 225, 237;
	--bs-primary-200-rgb: 236, 208, 226;
	--bs-primary-300-rgb: 229, 193, 216;
	--bs-primary-400-rgb: 222, 177, 205;
	--bs-primary-500-rgb: var(--bs-primary-rgb);
	--bs-primary-600-rgb: 175, 135, 161;
	--bs-primary-700-rgb: 137, 107, 126;
	--bs-primary-800-rgb: 100, 79, 92;
	--bs-primary-900-rgb: 63, 51, 59;

	--bs-secondary-rgb: 51, 56, 107;

	--bs-secondary-50-rgb: 237, 237, 248;
	--bs-secondary-100-rgb: 192, 194, 212;
	--bs-secondary-200-rgb: 157, 159, 187;
	--bs-secondary-300-rgb: 121, 124, 160;
	--bs-secondary-400-rgb: 86, 90, 134;
	--bs-secondary-500-rgb: var(--bs-secondary-rgb);
	--bs-secondary-600-rgb: 44, 47, 87;
	--bs-secondary-700-rgb: 36, 38, 68;
	--bs-secondary-800-rgb: 26, 28, 49;
	--bs-secondary-900-rgb: 17, 18, 31;

	--bs-success-100-rgb: 204, 231, 222;
	--bs-success-200-rgb: 154, 207, 189;
	--bs-success-300-rgb: 103, 183, 155;
	--bs-success-400-rgb: 53, 159, 122;
	--bs-success-500-rgb: var(--bs-success-rgb);
	--bs-success-600-rgb: 2, 108, 71;
	--bs-success-700-rgb: 1, 81, 53;
	--bs-success-800-rgb: 1, 54, 36;
	--bs-success-900-rgb: 0, 27, 18;
	--bs-info-100-rgb: 215, 226, 248;
	--bs-info-200-rgb: 175, 197, 241;
	--bs-info-300-rgb: 134, 167, 233;
	--bs-info-400-rgb: 94, 138, 226;
	--bs-info-500-rgb: var(--bs-info-rgb);
	--bs-info-600-rgb: 43, 87, 175;
	--bs-info-700-rgb: 32, 65, 131;
	--bs-info-800-rgb: 22, 44, 88;
	--bs-info-900-rgb: 11, 22, 44;
	--bs-warning-100-rgb: 254, 242, 213;
	--bs-warning-200-rgb: 253, 230, 171;
	--bs-warning-300-rgb: 253, 217, 129;
	--bs-warning-400-rgb: 252, 205, 87;
	--bs-warning-500-rgb: var(--bs-warning-rgb);
	--bs-warning-600-rgb: 201, 154, 36;
	--bs-warning-700-rgb: 151, 115, 27;
	--bs-warning-800-rgb: 100, 77, 18;
	--bs-warning-900-rgb: 50, 38, 9;
	--bs-danger-100-rgb: 246, 213, 213;
	--bs-danger-200-rgb: 237, 172, 172;
	--bs-danger-300-rgb: 229, 130, 130;
	--bs-danger-400-rgb: 220, 89, 89;
	--bs-danger-500-rgb: var(--bs-danger-rgb);
	--bs-danger-600-rgb: 169, 38, 38;
	--bs-danger-700-rgb: 127, 28, 28;
	--bs-danger-800-rgb: 84, 19, 19;
	--bs-danger-900-rgb: 42, 9, 9;
	--bs-blue: rgb(var(--bs-blue-rgb));
	--bs-indigo: rgb(var(--bs-indigo-rgb));
	--bs-purple: rgb(var(--bs-purple-rgb));
	--bs-pink: rgb(var(--bs-pink-rgb));
	--bs-red: rgb(var(--bs-red-rgb));
	--bs-orange: rgb(var(--bs-orange-rgb));
	--bs-yellow: rgb(var(--bs-yellow-rgb));
	--bs-green: rgb(var(--bs-green-rgb));
	--bs-teal: rgb(var(--bs-teal-rgb));
	--bs-cyan: rgb(var(--bs-cyan-rgb));
	--bs-black: rgb(var(--bs-black-rgb));
	--bs-white: rgb(var(--bs-white-rgb));
	--bs-gray: rgb(var(--bs-gray-rgb));
	--bs-gray-dark: rgb(var(--bs-gray-dark-rgb));
	--bs-gray-100: rgb(var(--bs-gray-100-rgb));
	--bs-gray-200: rgb(var(--bs-gray-200-rgb));
	--bs-gray-300: rgb(var(--bs-gray-300-rgb));
	--bs-gray-400: rgb(var(--bs-gray-400-rgb));
	--bs-gray-500: rgb(var(--bs-gray-500-rgb));
	--bs-gray-600: rgb(var(--bs-gray-600-rgb));
	--bs-gray-700: rgb(var(--bs-gray-700-rgb));
	--bs-gray-800: rgb(var(--bs-gray-800-rgb));
	--bs-gray-900: rgb(var(--bs-gray-900-rgb));
	--bs-gray-soft: rgb(var(--bs-gray-soft-rgb));
	--bs-primary-soft: rgb(var(--bs-primary-soft-rgb));
	--bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));
	--bs-success: rgb(var(--bs-success-rgb));
	--bs-info: rgb(var(--bs-info-rgb));
	--bs-warning: rgb(var(--bs-warning-rgb));
	--bs-danger: rgb(var(--bs-danger-rgb));
	--bs-light: rgb(var(--bs-light-rgb));
	--bs-dark: rgb(var(--bs-dark-rgb));
	--bs-success-rgb: var(--bs-green-rgb);
	--bs-info-rgb: var(--bs-blue-rgb);
	--bs-warning-rgb: var(--bs-yellow-rgb);
	--bs-danger-rgb: var(--bs-orange-rgb);
	--bs-light-rgb: var(--bs-gray-100-rgb);
	--bs-dark-rgb: var(--bs-gray-900-rgb);
	--bs-primary-100: rgb(var(--bs-primary-100-rgb));
	--bs-primary-200: rgb(var(--bs-primary-200-rgb));
	--bs-primary-300: rgb(var(--bs-primary-300-rgb));
	--bs-primary-400: rgb(var(--bs-primary-400-rgb));
	--bs-primary-500: rgb(var(--bs-primary-500-rgb));
	--bs-primary-600: rgb(var(--bs-primary-600-rgb));
	--bs-primary-700: rgb(var(--bs-primary-700-rgb));
	--bs-primary-800: rgb(var(--bs-primary-800-rgb));
	--bs-primary-900: rgb(var(--bs-primary-900-rgb));
	--bs-secondary-100: rgb(var(--bs-secondary-100-rgb));
	--bs-secondary-200: rgb(var(--bs-secondary-200-rgb));
	--bs-secondary-300: rgb(var(--bs-secondary-300-rgb));
	--bs-secondary-400: rgb(var(--bs-secondary-400-rgb));
	--bs-secondary-500: rgb(var(--bs-secondary-500-rgb));
	--bs-secondary-600: rgb(var(--bs-secondary-600-rgb));
	--bs-secondary-700: rgb(var(--bs-secondary-700-rgb));
	--bs-secondary-800: rgb(var(--bs-secondary-800-rgb));
	--bs-secondary-900: rgb(var(--bs-secondary-900-rgb));
	--bs-success-100: rgb(var(--bs-success-100-rgb));
	--bs-success-200: rgb(var(--bs-success-200-rgb));
	--bs-success-300: rgb(var(--bs-success-300-rgb));
	--bs-success-400: rgb(var(--bs-success-400-rgb));
	--bs-success-500: rgb(var(--bs-success-500-rgb));
	--bs-success-600: rgb(var(--bs-success-600-rgb));
	--bs-success-700: rgb(var(--bs-success-700-rgb));
	--bs-success-800: rgb(var(--bs-success-800-rgb));
	--bs-success-900: rgb(var(--bs-success-900-rgb));
	--bs-info-100: rgb(var(--bs-info-100-rgb));
	--bs-info-200: rgb(var(--bs-info-200-rgb));
	--bs-info-300: rgb(var(--bs-info-300-rgb));
	--bs-info-400: rgb(var(--bs-info-400-rgb));
	--bs-info-500: rgb(var(--bs-info-500-rgb));
	--bs-info-600: rgb(var(--bs-info-600-rgb));
	--bs-info-700: rgb(var(--bs-info-700-rgb));
	--bs-info-800: rgb(var(--bs-info-800-rgb));
	--bs-info-900: rgb(var(--bs-info-900-rgb));
	--bs-warning-100: rgb(var(--bs-warning-100-rgb));
	--bs-warning-200: rgb(var(--bs-warning-200-rgb));
	--bs-warning-300: rgb(var(--bs-warning-300-rgb));
	--bs-warning-400: rgb(var(--bs-warning-400-rgb));
	--bs-warning-500: rgb(var(--bs-warning-500-rgb));
	--bs-warning-600: rgb(var(--bs-warning-600-rgb));
	--bs-warning-700: rgb(var(--bs-warning-700-rgb));
	--bs-warning-800: rgb(var(--bs-warning-800-rgb));
	--bs-warning-900: rgb(var(--bs-warning-900-rgb));
	--bs-danger-100: rgb(var(--bs-danger-100-rgb));
	--bs-danger-200: rgb(var(--bs-danger-200-rgb));
	--bs-danger-300: rgb(var(--bs-danger-300-rgb));
	--bs-danger-400: rgb(var(--bs-danger-400-rgb));
	--bs-danger-500: rgb(var(--bs-danger-500-rgb));
	--bs-danger-600: rgb(var(--bs-danger-600-rgb));
	--bs-danger-700: rgb(var(--bs-danger-700-rgb));
	--bs-danger-800: rgb(var(--bs-danger-800-rgb));
	--bs-danger-900: rgb(var(--bs-danger-900-rgb));
	--bs-primary-text-emphasis: var(--bs-primary-600);
	--bs-secondary-text-emphasis: var(--bs-secondary-600);
	--bs-success-text-emphasis: var(--bs-success-600);
	--bs-info-text-emphasis: var(--bs-info-600);
	--bs-warning-text-emphasis: var(--bs-warning-600);
	--bs-danger-text-emphasis: var(--bs-danger-600);
	--bs-light-text-emphasis: var(--bs-gray-600);
	--bs-dark-text-emphasis: var(--bs-gray-600);
	--bs-primary-bg-subtle: var(--bs-primary-100);
	--bs-secondary-bg-subtle: var(--bs-secondary-100);
	--bs-success-bg-subtle: var(--bs-success-100);
	--bs-info-bg-subtle: var(--bs-info-100);
	--bs-warning-bg-subtle: var(--bs-warning-100);
	--bs-danger-bg-subtle: var(--bs-danger-100);
	--bs-light-bg-subtle: var(--bs-gray-100);
	--bs-dark-bg-subtle: var(--bs-gray-400);
	--bs-primary-border-subtle: var(--bs-primary-100);
	--bs-secondary-border-subtle: var(--bs-secondary-100);
	--bs-success-border-subtle: var(--bs-success-100);
	--bs-info-border-subtle: var(--bs-info-100);
	--bs-warning-border-subtle: var(--bs-warning-100);
	--bs-danger-border-subtle: var(--bs-danger-100);
	--bs-light-border-subtle: var(--bs-gray-100);
	--bs-dark-border-subtle: var(--bs-gray-400);
	--bs-font-sans-serif: "Jost", sans-serif;
	--bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-root-font-size: 16px;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.2;
	--bs-body-color: rgb(var(--bs-body-color-rgb));
	--bs-body-color-rgb: var(--bs-gray-900-rgb);
	--bs-body-bg: rgb(var(--bs-body-bg-rgb));
	--bs-body-bg-rgb: var(--bs-light-rgb);
	--bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
	--bs-emphasis-color-rgb: var(--bs-black);
	--bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);
	--bs-secondary-color-rgb: var(--bs-body-color-rgb);
	--bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));
	--bs-secondary-bg-rgb: var(--bs-gray-200);
	--bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5);
	--bs-tertiary-color-rgb: var(--bs-body-color-rgb);
	--bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));
	--bs-tertiary-bg-rgb: var(--bs-gray-100);
	--bs-heading-color: inherit;
	--bs-link-color: rgb(var(--bs-link-color-rgb));
	--bs-link-color-rgb: var(--bs-primary);
	--bs-link-decoration: underline;
	--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
	--bs-link-hover-color-rgb: var(--bs-primary-700);
	--bs-link-hover-decoration: underline;
	--bs-code-color: rgb(var(--bs-code-color-rgb));
	--bs-code-color-rgb: var(--bs-primary-rgb);
	--bs-highlight-bg: var(--bs-warning-100);
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: var(--bs-gray-200);
	--bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175);
	--bs-border-radius: 1rem;
	--bs-border-radius-sm: 0.5rem;
	--bs-border-radius-lg: 1.5rem;
	--bs-border-radius-xl: 2rem;
	--bs-border-radius-xxl: 2.5rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-box-shadow: 0 12px 14px 0 rgba(22, 23, 35, 0.2);
	--bs-box-shadow-sm: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
	--bs-box-shadow-lg: 0 20px 22px 0 rgba(22, 23, 35, 0.25);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 1;
	--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
	--bs-form-valid-color: var(--bs-gray);
	--bs-form-valid-border-color: var(--bs-gray);
	--bs-form-invalid-color: var(--bs-danger);
	--bs-form-invalid-border-color: var(--bs-danger);
	--bs-ref-spacer-0: 0;
	--bs-ref-spacer-1: 0.25rem;
	--bs-ref-spacer-2: 0.5rem;
	--bs-ref-spacer-3: 1rem;
	--bs-ref-spacer-4: 1.5rem;
	--bs-ref-spacer-5: 2rem;
	--bs-ref-spacer-6: 2.5rem;
	--bs-ref-spacer-7: 3rem;
	--bs-ref-spacer-8: 3.5rem;
	--bs-ref-display-1: 7.5rem;
	--bs-ref-display-2: 4.5rem;
	--bs-ref-display-3: 4rem;
	--bs-ref-display-4: 3.5rem;
	--bs-ref-display-5: 3rem;
	--bs-ref-display-6: 2.5rem;
	--bs-ref-fs-1: 4rem;
	--bs-ref-fs-2: 3.5rem;
	--bs-ref-fs-3: 3rem;
	--bs-ref-fs-4: 2rem;
	--bs-ref-fs-5: 1.5rem;
	--bs-ref-fs-6: 1.125rem;
	--bs-ref-fs-small: 0.875rem;
	--bs-ref-fw-lighter: lighter;
	--bs-ref-fw-light: 200;
	--bs-ref-fw-normal: 400;
	--bs-ref-fw-semibold: 600;
	--bs-ref-fw-bold: 700;
	--bs-ref-fw-bolder: 800;

	/* DECORATOR VARIABLES */
	--logo-height: 36px;
	--sidebar-width: 300px;
	--sidebar-bg: var(--bs-secondary-500);
	--sidebar-color: var(--bs-light);
	--responsive_menu-bg: var(--sidebar-bg);
	/* Margin main */
	--header-height: calc(var(--logo-height) + 2rem);

	--bs-body-line-height: 1.5;
	--bs-heading-line-height: 1.5;

	--bs-surface-info-rgb: var(--bs-info-50-rgb);
	--bs-surface-info: var(--bs-info-50);
	--bs-surface-secondary-rgb: var(--bs-secondary-50-rgb);
	--bs-fw-bold: 700;
}

.text-bg-secondary-50 {
	color: var(--bs-gray-700) !important;
	background-color: RGBA(var(--bs-secondary-50-rgb), var(--bs-bg-opacity, 1)) !important;
}

.avatar_big {
	width: 40px;
	height: 40px;
	font-size: .85rem;
	color: var(--sidebar-bg);
	background: var(--sidebar-color);
}

@media (max-width: 992px) {
	.navbar-brand img {
		width: auto;
		height: var(--logo-height);
	}
	#main_menu.sidebar{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100vw;
		z-index: 100;
		padding: 1rem;
		transition: .3s;
		overflow-y: scroll;
		transform: translateY(-100vh);
		background: #fff;
	}
	.navbar-nav .nav-link {
		color: rgb(var(--bs-gray-500-rgb)) !important;
		border-bottom: 1px solid rgb(var(--bs-gray-100-rgb));
		display: block;
		width: 100%;
		padding: 1rem .25rem !important;
	}
	.navbar-nav .nav-link i {
		color: rgb(var(--bs-secondary-rgb)) !important;	
		margin-right: .5rem;
	}
	#main_menu.sidebar.show {
		transform: translateY(0vh);
	}
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: white;
}
.sticky-top {
	z-index: 1031;
}
.navbar-nav .nav-link {
	color: white;
	opacity: 1;
	padding: 0.5rem 0.35rem !important;
	margin: 0 0.35rem;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	font-weight: bold;
}
#main_menu .navbar-toggler {
	color: rgb(var(--bs-gray-500-rgb)) !important;
}
.notifications-badge {
	right: -2px;
}
@media (min-width: 992px) {
	.navbar-nav .nav-link {
		border-bottom: 5px solid rgba(255,255,255,0);
	}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
		border-bottom: 3px solid rgba(var(--bs-primary-500-rgb),1);
	}
}
header {
	border-bottom: 1px solid rgba(255,255,255,.1);
	background: var(--sidebar-bg);
}
.bg-secondary-900 {
	background: var(--sidebar-bg);
}
.quick-transfer {
	top: 5.5rem !important;
	background: white !important;	
}
.offcanvas {
	background: white;
}
#dashboard .btn-link-secondary {
	color: rgba(var(--bs-white-rgb),1);;
}
#dashboard .card .btn-link-secondary {
	color: rgba(var(--bs-secondary-rgb),1);;
}
.card-body .btn-link-secondary .d-icon {
	background: none;
}
.collapse-container .d-flex.gap-4.align-items-center .d-icon {
	color: rgba(var(--bs-white-rgb), 1);
	background: rgba(var(--bs-secondary-500-rgb), 1);
	border-radius: 1rem;
}
.collapse-container .d-icon.bi-chevron-up,
.collapse-container .d-icon.bi-chevron-down {
	border: 0;
	background: transparent;
	color: var(--bs-secondary-500);
}
.account-card.checking, 
.d-carousel .d-carousel-slide .checking,
.credit-card,
.account-card.saving,
.account-card.cheking {
	background: radial-gradient(ellipse at 0% 100%, rgba(243, 225, 237, 1) 0%, rgba(223, 159, 196, 1) 10%, rgba(36, 38, 68, 1) 59%, rgba(51, 56, 107, 1) 90%) !important;
}
.nav-underline {
	--bs-nav-link-hover-bg: rgb(var(--bs-gray-50-rgb))
}
#menu_app nav {
	display: flex;
	padding: 1rem;
	justify-content: space-around;
	background: var(--responsive_menu-bg);
}
#menu_app nav a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--sidebar-color);
	font-size: .75rem;
	padding: 0.25rem 1rem;
	border-bottom: 3px solid  rgba(var(--bs-white-rgb),0);
	transition:.3s;
}
#menu_app nav a:hover {
	border-bottom: 3px solid rgba(var(--bs-white-rgb),.3);
	transition:.3s;
}
#menu_app nav a.active {
	font-weight: bold;
}
#dashboard .d-inline-flex.align-items-center.gap-4 {
	display: none !important;
}
#menu_app.fixed-bottom {
	z-index: 1 !important;
}