:root {
    --portal-font-family: var(--base-fontFamily);
	
    --portal-color-primary: #E35205;
    --portal-color-primary-light: #fff6f3;
    --portal-color-secondary: #415364;
    --portal-color-title: var(--color-n900);
	--portal-color-text: var(--color-n800);
    --portal-color-subtext: var(--color-n800);
		    
    --portal-filter-primary: brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(3055%) hue-rotate(8deg) brightness(97%) contrast(96%);
    
    --portal-header-bg: #415364;
    --portal-header-toggle-menu-filter: var(--filter-n0);
    --portal-header-logotipo-bg-image: url(/bukeala-static/images/custom/sanatoriofinochietto/logotipo.svg);
    --portal-header-dropdown-data-filter: var(--filter-n0);
}

a {
    color: var(--portal-color-primary);
}

.fs-6:not(.fw-semibold) {
    font-weight: 400;
}

.fs-3 {
    font-size: 14px;
}

.btn {
    --btn-border-radius: 8px;
}

.layout-portal .password-rules {
    font-size: 12px;
    line-height: 22px;
}

.field-input,
.field-textarea,
input::placeholder {
    font-size: 14px;
}

.tab {
    font-size: 14px;
}

.tab--active {
    font-weight: 400;
}

#top-nav .dropdown .menu-link p {
	color: var(--color-n700);
}

#top-nav .dropdown .menu-link.read-only {
	border-bottom: 1px solid var(--color-n400);
	margin-bottom: 12px;
}

#top-nav .dropdown .menu-link:not(.read-only) {
	border-left: 2px solid transparent;
}

#top-nav .dropdown .menu-link:hover,
#top-nav .dropdown .menu-link.active {
    background-color: var(--portal-color-primary-light);
    border-left: 2px solid var(--portal-color-primary);
}

#top-nav .dropdown .menu-link:hover > .icon-container,
#top-nav .dropdown .menu-link.active > .icon-container {
    filter: var(--portal-filter-primary);
}

#top-nav .dropdown .menu-link:hover > p,
#top-nav .dropdown .menu-link.active > p,
#top-nav .dropdown .menu-link:hover > a,
#top-nav .dropdown .menu-link.active > a {
     color: var(--portal-color-primary);
}

#sidebar .sidebar-section .title:not(.active, .sidebar-item-logout):hover {
	background-color: var(--portal-color-primary-light);
	color: var(--portal-color-primary);	
}

#sidebar .section-links .sidebar-link:not(.active, .sidebar-item-logout):hover {
    background-color: var(--portal-color-primary-light);
    color: var(--portal-color-primary);
}

#sidebar .sidebar-section .title:not(.active, .sidebar-item-logout):hover .icon-container {
	filter: var(--portal-filter-primary);
}

#sidebar .sidebar-section .title:not(.active, .sidebar-item-logout):hover span::after {
	filter: var(--portal-filter-primary);
}

#sidebar .sidebar-section .title.sidebar-item-logout:hover {
	background-color: var(--portal-color-primary-light);
}

.booking-card {
    --color-status-pending: #05A660;
    --color-status-ended: var(--color-v500);
    --color-status-canceled: var(--color-r600);
    --filter-accent: var(--portal-filter-primary)
}

.booking-card .right .bottom .line .icon-container {
    filter: var(--portal-filter-primary);
}

.booking-card .right .bottom a {
    color: var(--portal-color-primary)!important;
}

.booking-card .right .icon {
    background-image: url(/bukeala-static/images/icons/panelita/person_outline.svg)!important;
}

.booking-card .right .icon:has(img[src="#profilePictureUrl"]) {
    filter: var(--portal-filter-primary);
}