:root {
	/* Colores base para Dark Mode */
	--bs-blue-rgb: 150, 200, 255;
	--bs-indigo-rgb: 130, 140, 255;
	--bs-purple-rgb: 150, 120, 240;
	--bs-pink-rgb: 255, 100, 170;
	--bs-red-rgb: 255, 100, 100;
	--bs-orange-rgb: 255, 150, 80;
	--bs-yellow-rgb: 255, 200, 100;
	--bs-green-rgb: 100, 255, 150;
	--bs-teal-rgb: 80, 220, 200;
	--bs-cyan-rgb: 100, 240, 255;
	--bs-black-rgb: 240, 240, 240;
	--bs-white-rgb: 20, 20, 20;
	--bs-gray-rgb: 160, 160, 180;
	--bs-gray-dark-rgb: 100, 100, 120;

	/* Escala de grises para Dark Mode */
	--bs-gray-50-rgb: 10, 12, 15;
	--bs-gray-100-rgb: 24, 24, 28;
	--bs-gray-200-rgb: 40, 40, 48;
	--bs-gray-300-rgb: 56, 56, 64;
	--bs-gray-400-rgb: 72, 72, 80;
	--bs-gray-500-rgb: 88, 88, 96;
	--bs-gray-600-rgb: 104, 104, 112;
	--bs-gray-700-rgb: 120, 120, 128;
	--bs-gray-800-rgb: 150, 150, 160;
	--bs-gray-900-rgb: 200, 200, 210;

	--bs-gray-soft-rgb: 30, 30, 35;
	--bs-primary-soft-rgb: 40, 20, 25;
	--bs-secondary-soft-rgb: 25, 25, 40;

	/* Colores primarios y secundarios para Dark Mode */
	--bs-primary-rgb: 244, 165, 197;
	--bs-secondary-rgb: 67, 175, 172;

	/* Escala de primarios y secundarios para Dark Mode */
	--bs-primary-50-rgb: 137, 17, 65;
	--bs-primary-100-rgb: 182, 23, 86;
	--bs-primary-200-rgb: 227, 29, 108;
	--bs-primary-300-rgb: 232, 75, 137;
	--bs-primary-400-rgb: 238, 120, 167;
	--bs-primary-500-rgb: var(--bs-primary-rgb);
	--bs-primary-600-rgb: 249, 211, 226;
	--bs-primary-700-rgb: 252, 230, 240;
	--bs-primary-800-rgb: 254, 245, 248;
	--bs-primary-900-rgb: 255, 250, 252;

	/* Colores secundarios para Dark Mode */
	--bs-secondary-50-rgb: 0, 5, 5;
	--bs-secondary-100-rgb: 11, 27, 27;
	--bs-secondary-200-rgb: 25, 64, 63;
	--bs-secondary-300-rgb: 39, 101, 100;
	--bs-secondary-400-rgb: 53, 138, 136;
	--bs-secondary-500-rgb: var(--bs-secondary-rgb);
	--bs-secondary-600-rgb: 98, 195, 193;
	--bs-secondary-700-rgb: 135, 209, 207;
	--bs-secondary-800-rgb: 172, 207, 206;
	--bs-secondary-900-rgb: 194, 223, 222;

	/* Colores de éxito, info, warning y danger para Dark Mode */
	--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);

	/* Escala de éxito, info, warning y danger para Dark Mode */
	--bs-success-50-rgb: 10, 20, 15;
	--bs-success-100-rgb: 20, 40, 30;
	--bs-success-200-rgb: 30, 60, 45;
	--bs-success-300-rgb: 40, 80, 60;
	--bs-success-400-rgb: 45, 100, 75;
	--bs-success-500-rgb: var(--bs-success-rgb);
	--bs-success-600-rgb: 50, 150, 100;
	--bs-success-700-rgb: 70, 130, 80;
	--bs-success-800-rgb: 90, 110, 60;
	--bs-success-900-rgb: 110, 90, 40;

	--bs-info-50-rgb: 10, 15, 25;
	--bs-info-100-rgb: 20, 30, 50;
	--bs-info-200-rgb: 30, 40, 70;
	--bs-info-300-rgb: 40, 50, 90;
	--bs-info-400-rgb: 45, 60, 110;
	--bs-info-500-rgb: var(--bs-info-rgb);
	--bs-info-600-rgb: 50, 140, 190;
	--bs-info-700-rgb: 70, 120, 170;
	--bs-info-800-rgb: 90, 100, 150;
	--bs-info-900-rgb: 110, 80, 130;

	--bs-warning-50-rgb: 30, 25, 10;
	--bs-warning-100-rgb: 60, 50, 20;
	--bs-warning-200-rgb: 80, 70, 30;
	--bs-warning-300-rgb: 100, 90, 40;
	--bs-warning-400-rgb: 120, 110, 50;
	--bs-warning-500-rgb: var(--bs-warning-rgb);
	--bs-warning-600-rgb: 150, 120, 60;
	--bs-warning-700-rgb: 130, 100, 50;
	--bs-warning-800-rgb: 110, 80, 40;
	--bs-warning-900-rgb: 90, 60, 30;

	--bs-danger-50-rgb: 25, 10, 10;
	--bs-danger-100-rgb: 50, 20, 20;
	--bs-danger-200-rgb: 70, 30, 30;
	--bs-danger-300-rgb: 90, 40, 40;
	--bs-danger-400-rgb: 110, 45, 45;
	--bs-danger-500-rgb: var(--bs-danger-rgb);
	--bs-danger-600-rgb: 140, 50, 50;
	--bs-danger-700-rgb: 120, 40, 40;
	--bs-danger-800-rgb: 100, 30, 30;
	--bs-danger-900-rgb: 80, 20, 20;

	--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-primary: rgb(var(--bs-primary-rgb));
	--bs-secondary: rgb(var(--bs-secondary-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-50: rgb(var(--bs-primary-50-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-50: rgb(var(--bs-secondary-50-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-50: rgb(var(--bs-success-50-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-50: rgb(var(--bs-info-50-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-50: rgb(var(--bs-warning-50-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-50: rgb(var(--bs-danger-50-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-300);
	--bs-dark-text-emphasis: var(--bs-gray-700);
	--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-800);
	--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-800);
	--bs-font-sans-serif: "Poppins", 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-white-rgb);
	--bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
	--bs-emphasis-color-rgb: var(--bs-white);
	--bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);
	--bs-secondary-color-rgb: var(--bs-gray-300-rgb);
	--bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));
	--bs-secondary-bg-rgb: var(--bs-gray-800);
	--bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5);
	--bs-tertiary-color-rgb: var(--bs-gray-300-rgb);
	--bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));
	--bs-tertiary-bg-rgb: var(--bs-gray-900);
	--bs-heading-color: inherit;
	--bs-link-color: var(--bs-link-color-rgb);
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-decoration: underline;
	--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
	--bs-link-hover-color-rgb: var(--bs-primary-300);
	--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-900);
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: var(--bs-gray-800);
	--bs-border-color-translucent: rgba(var(--bs-white-rgb), 0.175);
	--bs-border-radius: 4px;
	--bs-border-radius-sm: 4px;
	--bs-border-radius-lg: 4px;
	--bs-border-radius-xl: 4px;
	--bs-border-radius-xxl: 4px;
	--bs-border-radius-2xl: 4px;
	--bs-border-radius-pill: 4px;
	--bs-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
	--bs-box-shadow-sm: 0 0 3px rgba(255, 255, 255, 0.05);
	--bs-box-shadow-lg: 0 0 10px rgba(255, 255, 255, 0.2);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.5;
	--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
	--bs-form-valid-color: var(--bs-gray-300);
	--bs-form-valid-border-color: var(--bs-gray-300);
	--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;

	--bs-heading-color: rgb(var(--bs-black-rgb));
	--bs-surface-info-rgb: var(--bs-info-200-rgb);
	--bs-surface-info: var(--bs-info-200);
	--bs-surface-secondary-rgb: var(--bs-info-200-rgb);
	--bs-fw-bold: 700;
}

.nav-underline {
	--bs-nav-link-hover-bg: rgb(var(--bs-gray-50-rgb))
}

/* DASHBOARD */
.collapse-button h2 {
	font-weight: bold;
}

.collapse-container {
	box-shadow: none !important;
}
.collapse-container .d-flex.gap-4.align-items-center .d-icon,
.splide .d-flex.gap-4 .d-icon,
.quick-action-item .d-icon.text-secondary,
.d-flex.flex-grow-1.gap-4.col-12.col-md-9 .d-icon,
.d-quick-action-button .d-icon.d-quick-action-button-representative-icon,
#accountSelectorContainer .d-icon.bi-cash-stack{
	color: var(--bs-white) !important;
	background: var(--bs-black) !important;
	border-left: 8px solid var(--bs-secondary-500);
	border-radius: 4px;
}

.collapse-container .d-icon.bi-chevron-up,
.collapse-container .d-icon.bi-chevron-down {
	border: 0;
	background: transparent;
	color: var(--bs-secondary-500);
}
.card-body  .d-icon.bi-chevron-right {
	border: 0;
	color: inherit
}
.collapse-body small {
	font-weight: bold;
	margin-bottom: .5rem;
}
.form-select,
.input-group,
.d-quick-action-button .d-quick-action-button-representative-image {
	border-radius: 4px !important;
}

#sidebarMenu button, #sidebarMenu a{
	border-radius: 4px !important;
}
#sidebarMenu nav .accordion-button.collapsed.active, 
#sidebarMenu nav a.active,
#sidebarMenu nav .accordion-button.active {
	color: var(--sidebar-color);
	font-weight: bold;
	background: var(--bs-gray-200);
	border-left: none;
}
#sidebarMenu nav i {
	color: var(--bs-gray-600);
}
.collapse-body a {
	padding: 0 16px;
}
.collapse-body a:last-child {
	padding: 0 16px 16px 16px;		
}
#sidebarMenu .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b0a6bb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
#sidebarMenu nav .icon_container {
	width: 1.5rem;
}
#main {
	border-left: 1px solid rgba(var(--bs-gray-200-rgb), 1);
}
#sidebarMenu .border-light {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-gray-200-rgb), 1) !important;
}
.avatar_big {
	width: 40px;
	height: 40px;
	font-size: .85rem;
	color: var(--bs-white);
	background: var(--bs-primary-500);
}
@media (min-width: 768px) {
	#main {
		width: calc(100vw - (var(--sidebar-width) + 0rem));
	}
	.notifications-badge {
		position: absolute !important;
		height: 10px;
		width: 10px;
		padding: 0 !important;
		top: 3px !important;
		right: 4px;
	}
	.account-card.checking, 
	.d-carousel .d-carousel-slide .checking,
	.credit-card,
	.account-card.saving,
	.account-card.cheking {
		background: radial-gradient(circle at 0% 100%, rgba(58, 56, 108, 1) 0%, rgba(114, 108, 247, 1) 50%, rgba(219, 246, 234, 1) 100%) !important;
	}
}
#main_menu.sidebar:after {
	display: none !important;
}
#sidebarMenu .nav-underline button {
	border-radius: 0px !important;
}
.collapse-container {
	--bs-collapse-bg: rgba(var(--bs-surface-secondary-rgb), 1) !important;
	--bs-collapse-separator-bg: var(--bs-gray-900);
}
.d-close {
	color:white;
}
#menu_app nav a,
#menu_app nav a h5 {
	color: var(--bs-dark);
}
#menu_app nav {
	background: var(--bs-secondary-100);
	border-top: 5px solid var(--bs-secondary-900);
}
.d-portal .quick-action-item, .dashboard-template .quick-action-item {
	border: none !important;
}
#dashboard .card.text-bg-secondary-600 {
	background-color: rgba(var(--bs-secondary-400-rgb), 1) !important;
}
.text-bg-secondary-50 {
	color: var(--bs-black) !important;
	background: rgba(var(--bs-surface-secondary-rgb), 1) !important;
}
.card-body {
	--bs-card-color: var(--bs-dark);
	color: var(--bs-card-color);
}

button {
	color: var(--bs-body-color);
}
#menu_app.fixed-bottom {
	z-index: 1020 !important;
}