/********
Style Variables globales
********/

img {
	width: 100%;
}

.multimedia-card p {
	color: var(--bs-primary-600);
}

.multimedia-card .text-black-primary {
	color: var(--bs-primary);
}

h1,h2,h3,h4,h5,h6,h7 {
    text-wrap: balance;
}

p,a,small {
    text-wrap: pretty;
}

p {
	color: var(--bs-primary);
}

small {
	font-size: var(--text-styles-body-tiny-size-desktop);
}

a {
	word-wrap: break-word;
}

table th:first-child {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

table th:last-child {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

table th {
	background-color: var(--bs-primary-800);
	color: #fff;
	padding: 1rem;
}

table tbody{
	color: var(--bs-gray-dark);
}

table td {
	padding: .5rem 1rem;
}

table tr:nth-child(even) {
	background-color: var(--bs-gray-100);
	border-bottom: 1px solid var(--bs-gray-300);
	border-top: 1px solid var(--bs-gray-300);
}

.carousel-indicators [data-bs-target] {
	background-color: var(--bs-carousel-bullet-color);
	border: 1px solid transparent;
	height: var(--bs-ref-spacer-3);
	width: var(--bs-ref-spacer-3);
}

.carousel-indicators .active {
	width: var(--bs-ref-spacer-6);
}

.dropdown-item {
	color: var(--bs-primary-rgb);
}

.dropdown-toggle {
	animation: 4s linear;
}

.dropdown-toggle::after {
	border: 0 none;
	font-family: 'Material Symbols Outlined';
	content: "\e313";
}

.dropdown-toggle.show::after {
	transform: rotate(180deg);
}

.dropdown-menu {
	--bs-dropdown-bg: var(--bs-gray-100);
	--bs-dropdown-link-hover-color: var(--bs-primary-rgb);
	--bs-dropdown-min-width: 12rem;
}

.navbar {
	--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 1);
	--bs-navbar-nav-link-padding-x: 1rem;
}

.nav-link {
	font-size: var(--text-styles-body-normal-size-desktop);
}

#main-menu .nav-link:hover, 
#main-menu .nav-link:focus {
	color: var(--bs-nav-link-color);
}

#main-menu .nav-link:hover {
	background-color: var(--bs-primary-100);
}

#main-menu .nav-link:hover span, 
#main-menu .nav-link:focus span {
	text-decoration: underline;
}

#main-menu .dropdown-item:focus {
	background-color: var(--bs-primary-rgb);
}

#main-menu .dropdown-item:hover {
	color: var(--bs-primary-rgb);
	background-color: var(--bs-primary-100);
	text-decoration: underline;
}

#accordionMenuMob .dropdown-item:hover {
	background-color: var(--bs-black);
}

.navbar-nav .nav-link.show {
	font-weight: var(--font-weight-bold);
}

.navbar-nav .nav-link.show span {
	text-decoration: underline;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-weight: var(--bs-fw-normal);
}

.shadow-sm {
	box-shadow: var(--box-shadow-sm) !important;
}

/* COLORS */

.text-black-primary {
	color: var(--bs-primary-rgb);
}

.text-black-secondary {
	color: var(--bs-primary-700);
}

.text-green-primary {
	color: var(--bs-green-900);
}

.text-grey-primary {
	color: var(--bs-primary-200);
}

.text-yellow-primary {
	color: var(--bs-card-doblecara-light-icon-color);
}

.text-gray {
	color: var(--bs-gray);
}

.text-gray-dark {
	color: var(--bs-dark-rgb);
}

.text-tertiary {
	color: rgb(var(--bs-tertiary-500-rgb));
}

.bg-gray {
	background-color: var(--bs-gray);
}

.border-gray {
	border-color: var(--bs-gray);
}

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

.rounded-6 {
	border-radius: var(--bs-border-radius-xs) !important;
}

/* FOOTER */

footer .navbar-brand {
	max-width: 148px;
}

footer .nav-link {
	color: var(--bs-primary-300);
}

footer .nav-link:hover {
	color: var(--bs-white);
}

footer .rrss .nav-link:hover svg {
	fill: var(--bs-white);
}

.nav-link:focus-visible {
	--bs-focus-ring-color: transparent;
}

/* Bootstrap modal */

.modal-backdrop.show {
	--bs-backdrop-opacity: 0.7;
}

.modal .modal-body .accordion-body > * {
	color: var(--bs-primary-700);
}

.dropdown-item:hover {
	background-color: var(--bs-primary-100);
}

/* Alerts */

.alert-border-left {
	border-width: 0 0 0 8px;
}

.alert.alert-primary.alert-border-left {
	border-color: var(--bs-primary-400);
}

.alert.alert-info {
	--bs-alert-bg: var(--bs-alert-info-bg);
}

.alert.alert-info.alert-border-left {
	border-color: var(--bs-info);
}

.alert.alert-info .material-symbols-outlined {
	color: var(--bs-info);
}

.alert.alert-warning {
	--bs-alert-bg: var(--bs-warning-100);
}

.alert.alert-warning.alert-border-left {
	border-color: var(--bs-warning-500);
}

.alert.alert-warning .material-symbols-outlined {
	color: var(--bs-warning-500);
}

.alert.alert-danger.alert-border-left {
	border-color: var(--bs-danger-500);
}

.alert.alert-danger .material-symbols-outlined {
	color: var(--bs-danger-500);
}

.alert.alert-success.alert-border-left {
	border-color: var(--bs-success);
}

.alert.alert-success .material-symbols-outlined {
	color: var(--bs-success);
}

.alert .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
}

/* Branding */

.logo-investments{
	margin-top: 4px;
	margin-bottom: 5px;
}

/* pictogram and flag icons */
/* PICTOGRAMAS */

.icon-pictogram {
	background-image: url('https://sura.cdn.modyo.com/uploads/80832164-0d70-4d10-94e5-174400ab1a8d/original/pictograms.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 39px;
  height: 39px;
}
.icon-pictogram.icon-payment-blue {
    background-position: 0 0;
}
.icon-pictogram.icon-graphic-blue {
    background-position: -39px 0;
}
.icon-pictogram.icon-payment-black {
    background-position: 0 -39px;
}
.icon-pictogram.icon-graphic-black {
    background-position: -39px -39px;
}
.icon-pictogram.icon-payment-secondary {
    background-position: -78px 0;
}
.icon-pictogram.icon-graphic-secondary {
    background-position: -78px -39px;
}
.icon-pictogram.icon-corporate-bue {
    background-position: 0 -78px;
    width: 36px;
}
.icon-pictogram.icon-corporate-black {
    background-position: -36px -78px;
    width: 36px;
}
.icon-pictogram.icon-corporate-secondary {
    background-position: -72px -78px;
    width: 36px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.icon-pictogram {
		background-image: url('https://sura.cdn.modyo.com/uploads/c709f4ec-e684-4314-8139-86bc069de9fc/original/pictograms-retina.png');
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 117px 117px;
	}
}

/* FLAGS */

.icon-flags {
    background: url('https://sura.cdn.modyo.com/uploads/2a848de7-0d59-47ec-817c-72052856211e/original/icons-flags.png') no-repeat top left;
    width: 11px;
    height: 8px;
		background-size: 33px 24px;
}
.icon-flags.icon-AR {
    background-position: 0 0;
}
.icon-flags.icon-CL {
    background-position: -11px 0;
}
.icon-flags.icon-CO {
    background-position: 0 -8px;
}
.icon-flags.icon-ES {
    background-position: -11px -8px;
}
.icon-flags.icon-MX {
    background-position: -22px 0;
}
.icon-flags.icon-PE {
    background-position: -22px -8px;
}
.icon-flags.icon-US {
    background-position: 0 -16px;
}
.icon-flags.icon-UY {
    background-position: -11px -16px;
}
    
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-flags {
        background: url('https://sura.cdn.modyo.com/uploads/77de5183-70ea-4041-a5f5-6cb7b429ff9a/original/icons-flag-retuna.png') no-repeat top left;
        background-size: 33px 24px;
    }
}

/* FLAGS ROUND */

.icon-flags-round {
    background: url('https://sura.cdn.modyo.com/uploads/ab6f59f0-c2eb-4be1-82b3-16e2f5f01a95/original/icons-flags-round-retina2.png') no-repeat top left;
    width: 16px;
    height: 16px;
		background-size: 208px 16px;
}
.icon-flags-round.icon-CAD {
    background-position: 0 0;
}
.icon-flags-round.icon-EUR {
    background-position: -16px 0;
}
.icon-flags-round.icon-GBP {
    background-position: -32px 0;
}
.icon-flags-round.icon-ES {
    background-position: -48px 0;
}
.icon-flags-round.icon-USD {
    background-position: -64px 0;
}
.icon-flags-round.icon-ARG {
    background-position: -80px 0;
}
.icon-flags-round.icon-CH {
    background-position: -96px 0;
}
.icon-flags-round.icon-COL {
    background-position: -112px 0;
}
.icon-flags-round.icon-MEX {
    background-position: -128px 0;
}
.icon-flags-round.icon-PER {
    background-position: -144px 0;
}
.icon-flags-round.icon-SAL {
    background-position: -160px 0;
}
.icon-flags-round.icon-URU {
    background-position: -176px 0;
}
.icon-flags-round.icon-USA {
    background-position: -192px 0;
}
    
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-flags-round {
        background: url('https://sura.cdn.modyo.com/uploads/ab6f59f0-c2eb-4be1-82b3-16e2f5f01a95/original/icons-flags-round-retina2.png') no-repeat top left;
        background-size: 208px 16px;
    }
}


h6,  .h6,  h5,  .h5,  h4,  .h4,  h3,  .h3,  h2,  .h2,  h1,  .h1 {
	margin-bottom: 1rem;
	text-wrap: balance;
}
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-size: inherit;  /* Preferred icon size */
	line-height: inherit;
	vertical-align: middle;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* TITLES - HEADINGS */

.display-1 {
	font-size: var(--text-styles-display-1-size-mobile);
	line-height: var(--text-styles-display-1-line-height-mobile);
}
.display-2 {
	font-size: var(--text-styles-display-2-size-mobile);
	line-height: var(--text-styles-display-2-line-height-mobile);
}
.display-3 {
	font-size: var(--text-styles-display-3-size-mobile);
	line-height: var(--text-styles-display-3-line-height-mobile);
}
.display-4 {
	font-size: var(--text-styles-display-4-size-mobile);
	line-height: var(--text-styles-display-4-line-height-mobile);
}
.display-5 {
	font-size: var(--text-styles-display-5-size-mobile);
	line-height: var(--text-styles-display-5-line-height-mobile);
}
.display-6 {
	font-size: var(--text-styles-display-6-size-mobile);
	line-height: var(--text-styles-display-6-line-height-mobile);
}

.title-1 {
	font-size: var(--text-styles-title-1-size-mobile);
	line-height: var(--text-styles-title-1-line-height-mobile);
}
.title-2 {
	font-size: var(--text-styles-title-2-size-mobile);
	line-height: var(--text-styles-title-2-line-height-mobile);
}
.title-3 {
	font-size: var(--text-styles-title-3-size-mobile);
	line-height: var(--text-styles-title-3-line-height-mobile);
}
.title-4 {
	font-size: var(--text-styles-title-4-size-mobile);
	line-height: var(--text-styles-title-4-line-height-mobile);
}
.title-5 {
	font-size: var(--text-styles-title-5-size-mobile);
	line-height: var(--text-styles-title-5-line-height-mobile);
}
.title-6 {
	font-size: var(--text-styles-title-6-size-mobile);
	line-height: var(--text-styles-title-6-line-height-mobile);
}
.text-xl {
	font-size: var(--text-styles-body-large-size-desktop);
	line-height: var(--text-styles-body-large-line-height);
}
.text-lg {
	font-size: var(--text-styles-body-medium-size-desktop);
	line-height: var(--text-styles-body-medium-line-height);
}
.text-md {
	font-size: var(--text-styles-body-normal-size-desktop);
	line-height: var(--text-styles-body-normal-line-height);
}
.text-sm {
	font-size: var(--text-styles-body-small-size-desktop);
	line-height: var(--text-styles-body-small-line-height);
}
.text-xs {
	font-size: var(--text-styles-body-tiny-size-desktop);
	line-height: var(--text-styles-body-tiny-line-height);
}
@media (min-width: 768px) {
	.display-1 {
		font-size: var(--text-styles-display-1-size-desktop);
		line-height: var(--text-styles-display-1-line-height-desktop);
	}
	.display-2 {
		font-size: var(--text-styles-display-2-size-desktop);
		line-height: var(--text-styles-display-2-line-height-desktop);
	}
	.display-3 {
		font-size: var(--text-styles-display-3-size-desktop);
		line-height: var(--text-styles-display-3-line-height-desktop);
	}
	.display-4 {
		font-size: var(--text-styles-display-4-size-desktop);
		line-height: var(--text-styles-display-4-line-height-desktop);
	}
	.display-5 {
		font-size: var(--text-styles-display-5-size-desktop);
		line-height: var(--text-styles-display-5-line-height-desktop);
	}
	.display-6 {
		font-size: var(--text-styles-display-6-size-desktop);
		line-height: var(--text-styles-display-6-line-height-desktop);
	}
	.title-1 {
		font-size: var(--text-styles-title-1-size-desktop);
		line-height: var(--text-styles-title-1-line-height-desktop);
	}
	.title-2 {
		font-size: var(--text-styles-title-2-size-desktop);
		line-height: var(--text-styles-title-2-line-height-desktop);
	}
	.title-3 {
		font-size: var(--text-styles-title-3-size-desktop);
		line-height: var(--text-styles-title-3-line-height-desktop);
	}
	.title-4 {
		font-size: var(--text-styles-title-4-size-desktop);
		line-height: var(--text-styles-title-4-line-height-desktop);
	}
	.title-5 {
		font-size: var(--text-styles-title-5-size-desktop);
		line-height: var(--text-styles-title-5-line-height-desktop);
	}
	.title-6 {
		font-size: var(--text-styles-title-6-size-desktop);
		line-height: var(--text-styles-title-6-line-height-desktop);
	}
}


/* BUTTON BASE */

.btn {
	display: inline-block;
	cursor: pointer;
	font-weight: var(--font-weight-bold);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
	--bs-btn-color: var(--bs-btn-primary-color);
	--bs-btn-bg: var(--bs-btn-primary-bg);
	--bs-btn-border-color: var(--bs-btn-primary-border-color);
	--bs-btn-padding-x: var(--bs-btn-space-lg-padding-x);
	--bs-btn-padding-y: var(--bs-btn-space-lg-padding-y);
	--bs-btn-font-size: var(--text-styles-body-small-size-desktop);
	--bs-btn-line-height: var(--text-styles-body-small-size-desktop);
	--bs-btn-border-radius: var(--bs-btn-space-md-border-radius);
	--bs-btn-focus-shadow-rgb: 0 0 0 0.25rem var(--bs-focus-primary-ring-color);
}

.btn:focus, .btn:focus-visible {
	--bs-btn-border-color: var(--bs-focus-primary-ring-color);
	box-shadow: 0 0 0 0.25rem var(--bs-focus-primary-ring-color);
}

/* BUTTON SIZES */

.btn-sm {
	--bs-btn-padding-x: var(--bs-btn-space-sm-padding-x);
	--bs-btn-padding-y: var(--bs-btn-space-sm-padding-y);
	--bs-btn-font-size: var(--text-styles-body-small-size-desktop);
	--bs-btn-line-height: var(--text-styles-body-small-line-height);
}

.btn-lg {
	--bs-btn-padding-x: var(--bs-btn-space-lg-padding-x);
	--bs-btn-padding-y: var(--bs-btn-space-lg-padding-y);
	--bs-btn-font-size: var(--text-styles-body-medium-size-desktop);
	--bs-btn-line-height: var(--text-styles-body-medium-line-height);
}

/* PRIMARY BUTTON */

.btn-primary {
	--bs-btn-color: var(--bs-btn-primary-color);
	--bs-btn-bg: var(--bs-btn-primary-bg);
	--bs-btn-border-color: var(--bs-btn-primary-border-color);
	--bs-btn-hover-color: var(--bs-btn-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
	--bs-btn-focus-border-color: var(--bs-focus-primary-ring-color);
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-primary-ring-color);
	--bs-btn-active-color: var(--bs-btn-primary-active-color);
	--bs-btn-active-bg: var(--bs-primary-700);
	--bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
}

.btn-primary.active {
	--bs-btn-active-color: var(--bs-btn-primary-active-color);
	--bs-btn-active-bg: var(--bs-primary-700);
	--bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
}

.btn-primary:focus, .btn-primary:focus-visible {
	--bs-btn-bg: var(--bs-btn-primary-hover-bg);
}

.btn-primary.disabled {
	--bs-btn-color: var(--bs-btn-primary-color);
	--bs-btn-border-color: var(--bs-btn-primary-disabled-border-color);
	opacity: var(--bs-opacity-light-65);
	cursor: not-allowed;
	pointer-events: none;
}

/* PRIMARY OUTLINE BUTTON  */

.btn-outline-primary {
	--bs-btn-color: var(--bs-btn-outline-primary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border: 1px solid var(--bs-btn-outline-primary-border-color);
	--bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
	--bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
	--bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
}

.btn-outline-primary.active {
	--bs-btn-color: var(--bs-btn-outline-primary-active-color);
	--bs-btn-bg: var(--bs-btn-outline-primary-active-bg);
	--bs-btn-border-color: var(--bs-btn-outline-primary-active-border-color);
}

.btn-outline-primary:focus, .btn-outline-primary:focus-visible {
	--bs-btn-bg: var(--bs-btn-outline-primary-hover-bg);
}

.btn-outline-primary.disabled {
	--bs-btn-color: var(--bs-btn-outline-primary-disabled-color);
	--bs-btn-border-color: var(--bs-btn-outline-primary-disabled-border-color);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

/* PRIMARY LINK BUTTON */

.btn-primary-link {
	--bs-btn-color: var(--bs-btn-link-primary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-active-color: var(--bs-btn-link-primary-active-color);
	--bs-btn-active-bg: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-active-border-color: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-border-color: transparent;
	font-size: var(--text-styles-body-small-size-desktop);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
}

.btn-primary-link.active {
	--bs-btn-color: var(--bs-btn-link-primary-active-color);
	--bs-btn-bg: var(--bs-btn-link-primary-hover-bg);
}

.btn-primary-link:focus, .btn-primary-link:focus-visible {
	--bs-btn-bg: var(--bs-btn-link-primary-hover-bg);
}

.btn-primary-link:disabled, .btn-primary-link.disabled {
	--bs-btn-color: var(--bs-btn-link-primary-disabled-color);
	--bs-btn-bg: transparent;
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

/* SECONDARY BUTTON */

.btn-secondary {
	--bs-btn-color: var(--bs-btn-secondary-color);
	--bs-btn-bg: var(--bs-btn-secondary-bg);
	--bs-btn-border-color: var(--bs-btn-secondary-border-color);
	--bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
	--bs-btn-active-color: var(--bs-btn-secondary-active-color);
	--bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-secondary-active-bg);
	--bs-btn-disabled-color: var(--bs-btn-secondary-color);
}

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

.btn-secondary:focus, .btn-secondary:focus-visible {
	--bs-btn-bg: var(--bs-btn-secondary-hover-bg);
}

.btn-secondary.disabled {
	--bs-btn-color: var(--bs-btn-secondary-color);
	--bs-btn-disabled-color: var(--bs-btn-secondary-color);
	--bs-btn-border-color: var(--bs-btn-secondary-disabled-border-color);
	opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}


/* SECONDARY OUTLINE BUTTON */

.btn-outline-secondary {
	--bs-btn-color: var(--bs-btn-outline-secondary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border: 1px solid var(--bs-btn-outline-secondary-border-color);
	--bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
	--bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
	--bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
	--bs-btn-active-bg: var(--bs-secondary-700);
	--bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-color: var(--bs-btn-outline-secondary-color);
}

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

.btn-outline-secondary:focus, .btn-outline-secondary:focus-visible {
	--bs-btn-bg: var(--bs-btn-outline-secondary-hover-bg);
}

.btn-outline-secondary.disabled {
	--bs-btn-color: var(--bs-btn-outline-primary-disabled-color);
	--bs-btn-border-color: var(--bs-btn-outline-primary-disabled-border-color);
	opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

/* SECONDARY LINK BUTTON */

.btn-secondary-link {
	--bs-btn-color: var(--bs-btn-link-secondary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-hover-border-color: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
	--bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-color: var(--bs-btn-link-secondary-color);
	--bs-btn-active-border-color: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-disabled-border-color: transparent;
}

.btn-secondary-link.active {
	--bs-btn-color: var(--bs-btn-link-secondary-hover-color);
	--bs-btn-bg: var(--bs-btn-link-secondary-active-bg);
}

.btn-secondary-link:focus, .btn-secondary-link:focus-visible {
	--bs-btn-color: var(--bs-btn-link-secondary-hover-color);
	--bs-btn-bg: transparent;
}

.btn-secondary-link.disabled {--bs-opacity-light-65-rgb
	--bs-btn-color:  var(--bs-btn-link-secondary-color);
	--bs-btn-bg: transparent;
	border-color: transparent;
	opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

/* DARK BUTTON  */

.btn-dark {
	--bs-btn-color: var(--bs-btn-outline-primary-color);
	--bs-btn-bg: var(--bs-btn-dark-color);
	--bs-btn-border-color: var(--bs-btn-dark-bg);
	--bs-btn-hover-color: var(--bs-btn-outline-primary-color);
	--bs-btn-hover-bg: var(--bs-gray-100);
	--bs-btn-hover-border-color: var(--bs-btn-dark-hover-bg);
	--bs-btn-focus-border-color: var(--bs-focus-primary-ring-color);
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-primary-ring-color);
	--bs-btn-active-color: var(--bs-btn-outline-primary-color);
	--bs-btn-active-bg: var(--bs-gray-700);
	--bs-btn-active-border-color: var(--bs-btn-dark-active-bg);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-bg: var(--bs-gray-700);
}


.btn-dark.active {
	--bs-btn-color: var(--bs-btn-outline-primary-color);
	--bs-btn-bg: var(--bs-gray-700);
	--bs-btn-border-color: var(--bs-btn-dark-active-bg);
}

.btn-dark:focus, .btn-dark:focus-visible {
	--bs-btn-bg: var(--bs-gray-100);
}

.btn-dark.disabled {
	--bs-btn-color: var(--bs-btn-outline-primary-color);
	--bs-btn-bg: var(--bs-gray-700);
	--bs-btn-border-color: var(--bs-btn-dark-disabled-bg);
	opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

/* DARK OUTLINE BUTTON  */
.btn-outline-dark {
	--bs-btn-color: var(--bs-btn-primary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border: 1px solid var(--bs-white);
	--bs-btn-border-color: var(--bs-white);
	--bs-btn-hover-color: var(--bs-btn-outline-primary-color);
	--bs-btn-hover-bg: var(--bs-gray-100);
	--bs-btn-hover-border-color: var(--bs-white);
	--bs-btn-active-color: var(--bs-btn-outline-primary-color);
	--bs-btn-active-bg: var(--bs-gray-200);
	--bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-color: var(--bs-btn-primary-color);
	--bs-btn-disabled-border-color: var(--bs-gray-200);
}

.btn-outline-dark.active {
	--bs-btn-active-color: var(--bs-btn-outline-primary-color);
	--bs-btn-active-bg: var(--bs-gray-200);
	--bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
}

.btn-outline-dark:focus, .btn-outline-dark:focus-visible {
	--bs-btn-bg: transparent;
}

.btn-outline-dark.disabled {
	--bs-btn-color: var(--bs-btn-primary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-gray-200);
	opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

/* DARK LINK BUTTON */

.btn-dark-link {
	--bs-btn-color: var(--bs-primary-300);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-btn-outline-primary-color);
	--bs-btn-hover-bg: var(--bs-gray-100);
	--bs-btn-hover-border-color: var(--bs-white);
	--bs-btn-active-color: var(--bs-btn-outline-primary-color);
	--bs-btn-active-bg: var(--bs-gray-200);
	--bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-color: var(--bs-btn-link-secondary-color);
	--bs-btn-active-border-color: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-disabled-opacity: var(--bs-opacity-light-65-rgb);
	--bs-btn-disabled-color: var(--bs-btn-primary-color);
}

.btn-dark-link.active {
	--bs-btn-color: var(--bs-btn-link-secondary-hover-color);
	--bs-btn-bg: var(--bs-btn-link-secondary-active-bg);
}

.btn-dark-link:focus, .btn-secondary-link:focus-visible {
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: transparent;
}

.btn-dark-link.disabled {
	--bs-btn-color:  var(--bs-btn-link-secondary-color);
	--bs-btn-bg: transparent;
	border-color: transparent;
	opacity: var(--bs-opacity-light-65-rgb);
	cursor: not-allowed;
	pointer-events: none;
}

.btn-close:focus {
	outline: 1px solid var(--bs-tertiary-500);
	border-radius: .25rem;
	display: inline-block;
	box-shadow: 0 0 0 0.25rem var(--bs-focus-primary-ring-color);
}

.breadcrumb {
	display: flex;
	margin-bottom: 0;
}

.breadcrumb-inner {
	padding-left: 0;
}

.breadcrumb a, 
.breadcrumb span {
	color: var(--bs-gray-500);
	font-size: var(--text-styles-body-small-size-desktop);
	font-weight: normal;
}

.breadcrumb a:hover {
	text-decoration: none;
}

.breadcrumb .separator {
	float: none;
	padding: 0;
	vertical-align: middle;
}

.breadcrumb .first::before {
	display: inline-block;
	font-family: "Material Symbols Outlined";
	content: "home";
	color: var(--bs-gray-500);
	vertical-align: top;
	margin-right: 2px;
	padding-top: 1px;
}

.breadcrumb .last {
	color: var(--bs-white);
}

.breadcrumb .separator::before  {
	display: inline-block;
	font-family: "Material Symbols Outlined";
	content: "chevron_right";
	color: var(--bs-gray-500);
	padding-top: 2px;
}

.bread-crumb-desktop-show .separator{
	color: transparent;
}
.bread-crumb-desktop-show .separator::before{
	color: var(--bs-gray-dark);
}
.bread-crumb-desktop-show .first::before{
	color: var(--bs-gray-dark);
}
.bread-crumb-desktop-show .breadcrumb a, .breadcrumb span {
	color: var(--bs-gray-dark);
}
.bread-crumb-desktop-show .last {
	color: var(--bs-primary);
}